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

experiment(ui): tweak dockview colors/layout

Browse Source
This commit is contained in:
psychedelicious
2025-06-12 06:42:17 +10:00
parent 43b6e0ec2d
commit 9cc8bcf749
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/features/ui/components/VerticalNavBar.tsx
View File

@@ -34,7 +34,7 @@ export const VerticalNavBar = memo(() => {
minW={0}
flexShrink={0}
borderRightWidth={1}
borderRightColor="base.800"
borderRightColor="base.750"
>
<InvokeAILogoComponent />
<Flex gap={4} pt={6} h="full" flexDir="column">

14
invokeai/frontend/web/src/features/ui/components/dockview_theme_invoke.css
View File

@@ -1,7 +1,7 @@
.dockview-theme-invoke {
--dv-paneview-active-outline-color: var(--invoke-colors-invokeBlue-300);
--dv-tabs-and-actions-container-font-size: var(--invoke-fontSizes-xs);
--dv-tabs-and-actions-container-height: var(--invoke-sizes-8);
--dv-tabs-and-actions-container-height: var(--invoke-sizes-6);
--dv-drag-over-background-color: var(--invoke-colors-baseAlpha-400);
--dv-drag-over-border-color: var(--invoke-colors-base-300);
--dv-tabs-container-scrollbar-color: #888;
@@ -14,8 +14,8 @@
--dv-tab-margin: 0;
--dv-sash-color: transparent;
--dv-active-sash-color: var(--invoke-colors-base-700);
--dv-active-sash-transition-duration: 0.1s;
--dv-active-sash-transition-delay: 0.5s;
--dv-active-sash-transition-duration: 0.15s;
--dv-active-sash-transition-delay: 0.1s;
--dv-group-view-background-color: var(--invoke-colors-base-900);
@@ -34,8 +34,9 @@
--dv-inactivegroup-hiddenpanel-tab-background-color: var(--invoke-colors-base-850);
--dv-tab-divider-color: var(--invoke-colors-base-700);
--dv-inactivegroup-tab-divider-color: var(--invoke-colors-base-800);
--dv-separator-border: var(--invoke-colors-base-800);
--dv-separator-border: var(--invoke-colors-base-750);
--dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);
}
@@ -57,3 +58,8 @@
.dv-tab {
/* margin-right: 2px; */
}
.dv-inactive-group .dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before {
/* this is the tab divider */
background-color: var(--dv-inactivegroup-tab-divider-color);
}