gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-24 10:02:26 +03:00
Code Issues Packages Projects Releases Wiki Activity

UI fix: switched the content background and the sidebar background colors

Browse Source
This commit is contained in:
Pavel Laptev 2024-02-23 23:40:13 +01:00 committed by GitButler
parent f3f4e55016
commit 3f6e659c64
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
gitbutler-ui/src/lib/components/settings/ProfileSIdebar.svelte
View File

@ -119,7 +119,7 @@
justify-content: space-between; justify-content: space-between;
padding: calc(var(--space-40) + var(--space-4)) var(--space-20) var(--space-20) var(--space-20); padding: calc(var(--space-40) + var(--space-4)) var(--space-20) var(--space-20) var(--space-20);
border-right: 1px solid var(--clr-theme-container-outline-light); border-right: 1px solid var(--clr-theme-container-outline-light);
background-color: var(--clr-theme-container-pale); background-color: var(--clr-theme-container-light);
height: 100%; height: 100%;
width: 16rem; width: 16rem;
} }
@ -172,7 +172,7 @@
transition: none; transition: none;
background-color: color-mix( background-color: color-mix(
in srgb, in srgb,
var(--clr-theme-container-pale), var(--clr-theme-container-light),
var(--darken-tint-light) var(--darken-tint-light)
); );
} }
@ -183,7 +183,11 @@
} }
.item_selected { .item_selected {
background-color: color-mix(in srgb, var(--clr-theme-container-pale), var(--darken-tint-light)); background-color: color-mix(
in srgb,
var(--clr-theme-container-light),
var(--darken-tint-light)
);
color: var(--clr-theme-scale-ntrl-0); color: var(--clr-theme-scale-ntrl-0);
} }
@ -209,7 +213,7 @@
padding: var(--space-16); padding: var(--space-16);
border-radius: var(--radius-m); border-radius: var(--radius-m);
border: 1px solid var(--clr-theme-container-outline-light); border: 1px solid var(--clr-theme-container-outline-light);
background-color: var(--clr-theme-container-pale); background-color: var(--clr-theme-container-light);
color: var(--clr-theme-scale-ntrl-30); color: var(--clr-theme-scale-ntrl-30);
transition: background-color var(--transition-fast); transition: background-color var(--transition-fast);