github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): tweak light mode colors, buttons pop

Browse Source
This commit is contained in:
psychedelicious
2023-06-30 13:07:37 +10:00
parent 877483093a
commit d6cfbe982f
4 changed files with 101 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx
View File

@@ -98,11 +98,12 @@ const IAIMantineMultiSelect = (props: IAIMultiSelectProps) => {
},
},
'&[data-selected]': {
color: mode(base900, base50)(colorMode),
backgroundColor: mode(accent300, accent600)(colorMode),
backgroundColor: mode(accent400, accent600)(colorMode),
color: mode(base50, base100)(colorMode),
fontWeight: 600,
'&:hover': {
backgroundColor: mode(accent400, accent500)(colorMode),
backgroundColor: mode(accent500, accent500)(colorMode),
color: mode('white', base50)(colorMode),
},
},
},

7
invokeai/frontend/web/src/common/components/IAIMantineSelect.tsx
View File

@@ -101,11 +101,12 @@ const IAIMantineSelect = (props: IAISelectProps) => {
},
},
'&[data-selected]': {
color: mode(base900, base50)(colorMode),
backgroundColor: mode(accent300, accent600)(colorMode),
backgroundColor: mode(accent400, accent600)(colorMode),
color: mode(base50, base100)(colorMode),
fontWeight: 600,
'&:hover': {
backgroundColor: mode(accent400, accent500)(colorMode),
backgroundColor: mode(accent500, accent500)(colorMode),
color: mode('white', base50)(colorMode),
},
},
},