jeffemmett
/
non-fungible-apps
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: UI add base theme black color to replace (#204) 

* chore: add black color to stitches theme

* chore: add list-nfa to index

* Update ui/src/components/nfa-card/nfa-card.styles.ts

Co-authored-by: Felipe Mendes <zo.fmendes@gmail.com>

---------

Co-authored-by: Felipe Mendes <zo.fmendes@gmail.com>
This commit is contained in:
Camila Sosa Morales 2023-04-05 15:56:00 -03:00 committed by GitHub
parent a4542d7442
commit 70d1e28cf2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/src/components/core/color-picker/color-picker.tsx
View File

@ -44,10 +44,7 @@ export const ColorPicker: React.FC<ColorPickerProps> = ({
{/* TODO crate color picker component */} {/* TODO crate color picker component */}
<Button <Button
leftIcon={ leftIcon={
<Icon <Icon name="square" css={{ color: `${logoColor || '$black'}` }} />
name="square"
css={{ color: `${logoColor || '#000000'}` }}
/>
} }
rightIcon={ rightIcon={
<Icon name="chevron-down" css={{ fontSize: '0.625rem' }} /> <Icon name="chevron-down" css={{ fontSize: '0.625rem' }} />

2
ui/src/components/layout/nav-bar/nav-bar.styles.ts
View File

@ -11,7 +11,7 @@ export abstract class NavBarStyles {
right: 0, right: 0,
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
backgroundColor: 'black', backgroundColor: '$black',
zIndex: '$sticky', zIndex: '$sticky',
height: '$22', height: '$22',
}); });

2
ui/src/components/nfa-card/nfa-card.styles.ts
View File

@ -34,7 +34,7 @@ export const NFACardStyles = {
padding: '$3 $4', padding: '$3 $4',
gap: '$2', gap: '$2',
borderTop: '1px solid $slate6', borderTop: '1px solid $slate6',
backgroundColor: 'black', // TODO: are we going to add black as theme color? backgroundColor: '$black',
}), }),
Badge: styled('span', { Badge: styled('span', {
height: 'fit-content', height: 'fit-content',

1
ui/src/theme/themes.ts
View File

@ -59,6 +59,7 @@ export const createDripStitches = <
}, },
theme: { theme: {
colors: { colors: {
black: '#000000',
...darkColors, // TODO: replace with light colors once it's done the light mode ...darkColors, // TODO: replace with light colors once it's done the light mode
...(theme?.colors || {}), ...(theme?.colors || {}),
}, },

2
ui/src/views/explore/explore.tsx
View File

@ -1,6 +1,6 @@
import { Explore as ES } from './explore.styles'; import { Explore as ES } from './explore.styles';
import { Header } from './header'; import { Header } from './header';
import { ListNfas } from './list-nfas/list-nfas'; import { ListNfas } from './list-nfas';
export const Explore: React.FC = () => { export const Explore: React.FC = () => {
return ( return (

1
ui/src/views/explore/list-nfas/index.ts
View File

@ -0,0 +1 @@
export * from './list-nfas';