LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix: text and theme icon colors (#920)

Browse Source
This commit is contained in:
Matthew Russell 2022-07-29 17:50:32 +01:00 committed by GitHub
parent a4a1c20c7c
commit 7e715d08ec
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/token/src/components/splash-loader/splash-loader.tsx
View File

@ -25,7 +25,7 @@ export const SplashLoader = ({ text = 'Loading' }: { text?: string }) => {
); );
})} })}
</div> </div>
<div>{text}</div> <div className="text-white">{text}</div>
</div> </div>
); );
}; };

8
apps/trading/pages/_app.page.tsx
View File

@ -28,7 +28,7 @@ function AppBody({ Component, pageProps }: AppProps) {
return ( return (
<ThemeContext.Provider value={theme}> <ThemeContext.Provider value={theme}>
<div className="h-full text-white relative text-black-60 dark:text-white-60 z-0 grid grid-rows-[min-content,1fr]"> <div className="h-full relative text-black-60 dark:text-white-60 z-0 grid grid-rows-[min-content,1fr]">
<AppLoader> <AppLoader>
<div className="flex items-stretch border-b-[7px] bg-black border-vega-pink dark:border-vega-yellow"> <div className="flex items-stretch border-b-[7px] bg-black border-vega-pink dark:border-vega-yellow">
<Navbar /> <Navbar />
@ -41,7 +41,11 @@ function AppBody({ Component, pageProps }: AppProps) {
store.setVegaWalletManageDialog(open); store.setVegaWalletManageDialog(open);
}} }}
/> />
<ThemeSwitcher onToggle={toggleTheme} className="-my-4" /> <ThemeSwitcher
onToggle={toggleTheme}
className="-my-4"
sunClassName="text-white"
/>
</div> </div>
</div> </div>
<main data-testid={pageProps.page} className="dark:bg-black"> <main data-testid={pageProps.page} className="dark:bg-black">

3
libs/ui-toolkit/src/components/splash/splash.tsx
View File

@ -8,8 +8,7 @@ export interface SplashProps {
export const Splash = ({ children }: SplashProps) => { export const Splash = ({ children }: SplashProps) => {
const splashClasses = classNames( const splashClasses = classNames(
'w-full h-full', 'w-full h-full',
'flex items-center justify-center', 'flex items-center justify-center'
'text-white'
); );
return <div className={splashClasses}>{children}</div>; return <div className={splashClasses}>{children}</div>;
}; };