Infrastructure/zipline
1
Fork 0
Code Issues Pull requests Activity

fix(components): white text on links when light theme

Browse source
This commit is contained in:
diced 2021-08-26 21:41:30 -07:00
parent 7e8cda4605
commit 53c53c009e
No known key found for this signature in database
GPG key ID: 85AB64C74535D76E
6 changed files with 30 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/Layout.tsx
View file

@ -221,12 +221,10 @@ export default function Layout({ children, user, loading, noPaper }) {
</Typography>
</MenuItem>
<Divider />
<Link href='/dashboard/manage'>
<a style={{ color: 'white', textDecoration: 'none' }}>
<Link href='/dashboard/manage' passHref>
<MenuItem onClick={handleClose(null)}>
<AccountIcon sx={{ mr: 2 }} /> Manage Account
</MenuItem>
</a>
</Link>
<MenuItem onClick={handleClose('copy')}>
<CopyIcon sx={{ mr: 2 }} /> Copy Token
@ -234,12 +232,10 @@ export default function Layout({ children, user, loading, noPaper }) {
<MenuItem onClick={handleClose('reset')}>
<ResetIcon sx={{ mr: 2 }} /> Reset Token
</MenuItem>
<Link href='/auth/logout'>
<a style={{ color: 'white', textDecoration: 'none' }}>
<Link href='/auth/logout' passHref>
<MenuItem onClick={handleClose(null)}>
<LogoutIcon sx={{ mr: 2 }} /> Logout
</MenuItem>
</a>
</Link>
<MenuItem>
<BrushIcon sx={{ mr: 2 }} />
@ -266,23 +262,19 @@ export default function Layout({ children, user, loading, noPaper }) {
<Divider />
<List>
{items.map((item, i) => (
<Link key={i} href={item.link}>
<a href={item.link} style={{ color: 'white', textDecoration: 'none' }}>
<Link key={i} href={item.link} passHref>
<ListItem button>
<ListItemIcon>{item.icon}</ListItemIcon>
<ListItemText primary={item.text} />
</ListItem>
</a>
</Link>
))}
{user && user.administrator && (
<Link href='/dashboard/users' passHref>
<a style={{ color: 'white', textDecoration: 'none' }}>
<ListItem button>
<ListItemIcon><UsersIcon /></ListItemIcon>
<ListItemText primary='Users' />
</ListItem>
</a>
</Link>
)}
</List>
@ -346,12 +338,10 @@ export default function Layout({ children, user, loading, noPaper }) {
</Typography>
</MenuItem>
<Divider />
<Link href='/dash/manage'>
<a style={{ color: 'white', textDecoration: 'none' }}>
<Link href='/dash/manage' passHref>
<MenuItem onClick={handleClose(null)}>
<AccountIcon sx={{ mr: 2 }} /> Manage Account
</MenuItem>
</a>
</Link>
<MenuItem onClick={handleClose('copy')}>
<CopyIcon sx={{ mr: 2 }} /> Copy Token
@ -359,12 +349,10 @@ export default function Layout({ children, user, loading, noPaper }) {
<MenuItem onClick={handleClose('reset')}>
<ResetIcon sx={{ mr: 2 }} /> Reset Token
</MenuItem>
<Link href='/auth/logout'>
<a style={{ color: 'white', textDecoration: 'none' }}>
<Link href='/auth/logout' passHref>
<MenuItem onClick={handleClose(null)}>
<LogoutIcon sx={{ mr: 2 }} /> Logout
</MenuItem>
</a>
</Link>
</Menu>
</Box>

2
src/lib/themes/ayu_dark.ts
View file

@ -9,7 +9,7 @@ export default createTheme({
error: '#F07178',
warning: '#F29668',
info: '#95E6CB',
border: '#0D1016',
border: '#191e29',
background: {
main: '#0A0E14',
paper: '#0D1016'

2
src/lib/themes/ayu_light.ts
View file

@ -9,7 +9,7 @@ export default createTheme({
error: '#F07171',
warning: '#ED9366',
info: '#95E6CB',
border: '#FFFFFF',
border: '#e3e3e3',
background: {
main: '#FAFAFA',
paper: '#FFFFFF'

2
src/lib/themes/ayu_mirage.ts
View file

@ -9,7 +9,7 @@ export default createTheme({
error: '#F28779',
warning: '#F29E74',
info: '#95E6CB',
border: '#232834',
border: '#363c4d',
background: {
main: '#1F2430',
paper: '#232834'

2
src/lib/themes/nord.ts
View file

@ -9,7 +9,7 @@ export default createTheme({
error: '#BF616A',
warning: '#EBCB8B',
info: '#5E81AC',
border: '#3B4252',
border: '#565e70',
background: {
main: '#2E3440',
paper: '#3B4252'

2
src/lib/themes/polar.ts
View file

@ -9,7 +9,7 @@ export default createTheme({
error: '#BF616A',
warning: '#EBCB8B',
info: '#5E81AC',
border: '#E5E9F0',
border: '#989fab',
background: {
main: '#D8DEE9',
paper: '#E5E9F0'