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

style: updated design tokens

Browse Source
This commit is contained in:
Pavel Laptev 2024-03-06 15:17:27 +01:00 committed by GitButler
parent d8b8c0f78d
commit 02d7a183b4
2 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
gitbutler-ui/src/lib/components/Overlay.svelte
View File

@ -50,10 +50,6 @@
background-color: var(--clr-theme-container-light);
border: 1px solid var(--clr-theme-container-outline-light);
box-shadow: var(--fx-shadow-l);
&::backdrop {
background-color: rgba(110, 110, 110, 0.2);
}
}
/* modifiers */

20
gitbutler-ui/src/styles/tokens.css
View File

@ -79,17 +79,17 @@
--clr-theme-container-outline-sub: var(--clr-core-ntrl-50);
--clr-theme-container-pale: var(--clr-core-ntrl-90);
--clr-theme-container-sub: var(--clr-core-ntrl-80);
--clr-theme-err-container: var(--clr-core-err-95);
--clr-theme-err-container: var(--clr-core-err-90);
--clr-theme-err-element: var(--clr-core-err-50);
--clr-theme-err-on-container: var(--clr-core-err-40);
--clr-theme-err-on-element: var(--clr-core-err-90);
--clr-theme-err-outline: var(--clr-core-err-50);
--clr-theme-pop-container: var(--clr-core-pop-95);
--clr-theme-pop-container: var(--clr-core-pop-90);
--clr-theme-pop-element: var(--clr-core-pop-50);
--clr-theme-pop-on-container: var(--clr-core-pop-10);
--clr-theme-pop-on-element: var(--clr-core-ntrl-100);
--clr-theme-pop-outline: var(--clr-core-pop-40);
--clr-theme-purple-container: var(--clr-core-purple-95);
--clr-theme-purple-container: var(--clr-core-purple-90);
--clr-theme-purple-element: var(--clr-core-purple-50);
--clr-theme-purple-on-container: var(--clr-core-purple-40);
--clr-theme-purple-on-element: var(--clr-core-purple-90);
@ -150,12 +150,12 @@
--clr-theme-scale-warn-70: var(--clr-core-warn-70);
--clr-theme-scale-warn-80: var(--clr-core-warn-80);
--clr-theme-scale-warn-90: var(--clr-core-warn-90);
--clr-theme-succ-container: var(--clr-core-succ-95);
--clr-theme-succ-container: var(--clr-core-succ-90);
--clr-theme-succ-element: var(--clr-core-succ-50);
--clr-theme-succ-on-container: var(--clr-core-succ-40);
--clr-theme-succ-on-element: var(--clr-core-succ-90);
--clr-theme-succ-outline: var(--clr-core-succ-40);
--clr-theme-warn-container: var(--clr-core-warn-95);
--clr-theme-warn-container: var(--clr-core-warn-90);
--clr-theme-warn-element: var(--clr-core-warn-50);
--clr-theme-warn-on-container: var(--clr-core-warn-40);
--clr-theme-warn-on-element: var(--clr-core-warn-90);
@ -283,3 +283,13 @@
--clr-theme-warn-on-element: var(--clr-core-warn-90);
--clr-theme-warn-outline: var(--clr-core-warn-50);
}
/* DIALOG STYLES */
dialog::backdrop {
background-color: rgba(214, 214, 214, 0.4);
}
.dark dialog::backdrop {
background-color: rgba(0, 0, 0, 0.35);
}