Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Minor color tweaks to the name plate on boards

Browse Source
This commit is contained in:
blessedcoolant 2023-07-20 23:48:28 +12:00 committed by psychedelicious
parent 190ba5af59
commit f32bd5dd10
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
View File

@ -241,7 +241,7 @@ const GalleryBoard = memo(
borderBottomRadius: 'base', borderBottomRadius: 'base',
bg: 'accent.400', bg: 'accent.400',
color: isSelected ? 'base.50' : 'base.100', color: isSelected ? 'base.50' : 'base.100',
_dark: { color: 'base.800', bg: 'accent.200' }, _dark: { color: 'base.200', bg: 'accent.500' },
lineHeight: 'short', lineHeight: 'short',
fontSize: 'xs', fontSize: 'xs',
}} }}

4
invokeai/frontend/web/src/theme/theme.ts
View File

@ -4,6 +4,7 @@ import { InvokeAIColors } from './colors/colors';
import { accordionTheme } from './components/accordion'; import { accordionTheme } from './components/accordion';
import { buttonTheme } from './components/button'; import { buttonTheme } from './components/button';
import { checkboxTheme } from './components/checkbox'; import { checkboxTheme } from './components/checkbox';
import { editableTheme } from './components/editable';
import { formLabelTheme } from './components/formLabel'; import { formLabelTheme } from './components/formLabel';
import { inputTheme } from './components/input'; import { inputTheme } from './components/input';
import { menuTheme } from './components/menu'; import { menuTheme } from './components/menu';
@ -20,7 +21,6 @@ import { tabsTheme } from './components/tabs';
import { textTheme } from './components/text'; import { textTheme } from './components/text';
import { textareaTheme } from './components/textarea'; import { textareaTheme } from './components/textarea';
import { tooltipTheme } from './components/tooltip'; import { tooltipTheme } from './components/tooltip';
import { editableTheme } from './components/editable';
export const theme: ThemeOverride = { export const theme: ThemeOverride = {
config: { config: {
@ -73,7 +73,7 @@ export const theme: ThemeOverride = {
selected: { selected: {
light: light:
'0px 0px 0px 1px var(--invokeai-colors-base-150), 0px 0px 0px 4px var(--invokeai-colors-accent-400)', '0px 0px 0px 1px var(--invokeai-colors-base-150), 0px 0px 0px 4px var(--invokeai-colors-accent-400)',
dark: '0px 0px 0px 1px var(--invokeai-colors-base-900), 0px 0px 0px 4px var(--invokeai-colors-accent-400)', dark: '0px 0px 0px 1px var(--invokeai-colors-base-900), 0px 0px 0px 4px var(--invokeai-colors-accent-500)',
}, },
hoverSelected: { hoverSelected: {
light: light: