8000 Add Celo Theme + update logo by aaronmgdr · Pull Request #336 · celo-org/react-celo · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
This repository was archived by the owner on Dec 11, 2024. It is now read-only.

Add Celo Theme + update logo #336

Merged
merged 3 commits into from
Jan 24, 2023
Merged

Add Celo Theme + update logo #336

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
54ebdb0
use new celo icon here
aaronmgdr Jan 20, 2023
c1caf8d
replace green example theme with new celo branding theme
aaronmgdr Jan 20, 2023
859862e
a props back
aaronmgdr Jan 20, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 10 additions & 10 deletions packages/example/components/theme-button.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,15 +72,15 @@ const defaultLight = {
background: '#ffffff',
error: '#ef4444',
};
const greenCustom = {
primary: '#34d399',
secondary: '#ecfccb',
text: 'hsla(81, 88%, 80%)',
textSecondary: '#d9f99d',
textTertiary: '#bef264',
muted: '#3f6212',
background: '#000',
error: '#ef4444',
const celoStandard = {
primary: '#476520',
secondary: '#FCFF52 ',
text: '#1E002B',
textSecondary: '#1E002B',
textTertiary: '#655947',
muted: '#E7E3D4',
background: '#FCF6F1',
error: '#E70532',
};
const roseCustom = {
primary: '#e11d48',
Expand All @@ -93,4 +93,4 @@ const roseCustom = {
error: '#ef4444',
};

export const themes = [defaultDark, defaultLight, greenCustom, roseCustom];
export const themes = [defaultDark, defaultLight, celoStandard, roseCustom];
25 changes: 12 additions & 13 deletions packages/react-celo/src/components/icons/celo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,18 @@
import React from 'react';

const Celo: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 950 950" {...props}>
<path
d="M375,850c151.88,0,275-123.12,275-275S526.88,300,375,300,100,423.12,100,575,223.12,850,375,850Zm0,100C167.9,950,0,782.1,0,575S167.9,200,375,200,750,367.9,750,575,582.1,950,375,950Z"
fill="#fbcc5c"
/>
<path
d="M575,650c151.88,0,275-123.12,275-275S726.88,100,575,100,300,223.12,300,375,423.12,650,575,650Zm0,100c-207.1,0-375-167.9-375-375S367.9,0,575,0,950,167.9,950,375,782.1,750,575,750Z"
fill="#35d07f"
/>
<path
d="M587.39 750a274.38 274.38 0 0 0 54.55-108.06A274.36 274.36 0 0 0 750 587.4a373.63 373.63 0 0 1-29.16 133.45A373.62 373.62 0 0 1 587.39 750zM308.06 308.06A274.36 274.36 0 0 0 200 362.6a373.63 373.63 0 0 1 29.16-133.45A373.62 373.62 0 0 1 362.61 200a274.38 274.38 0 0 0-54.55 108.06z"
fill="#5ea33b"
/>
<svg
{...props}
xmlns="http://www.w3.org/2000/svg"
x="0"
y="0"
enableBackground="new 0 0 250 250"
version="1.1"
viewBox="0 0 250 250"
xmlSpace="preserve"
>
<circle cx="125" cy="125" r="125" fill="#FCFF52" />
<path d="M188.9 60.7H60.7v128.2h128.2v-44.8h-21.3c-7.3 16.3-23.8 27.7-42.7 27.7-26 0-47.1-21.3-47.1-47.1 0-25.9 21.1-47 47.1-47 19.3 0 35.8 11.7 43.1 28.4h20.9V60.7z" />
</svg>
);
export default Celo;
4 changes: 2 additions & 2 deletions packages/react-celo/src/theme/default.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ const defaultTheme = {
textTertiary: '#64748b',
muted: '#334155',
background: '#1e293b',
error: '#ef4444',
error: '#E70532',
},
light: {
primary: '#6366f1',
Expand All @@ -19,7 +19,7 @@ const defaultTheme = {
textTertiary: '#64748b',
muted: '#e2e8f0',
background: '#ffffff',
error: '#ef4444',
error: '#E70532',
},
} as AppTheme;

Expand Down
0