Fixes, improved light color scheme

This commit is contained in:
eudaimon 2024-02-15 00:11:39 +01:00
parent 7cc1e75b3c
commit 63e250e968
2 changed files with 28 additions and 11 deletions

View File

@ -17,10 +17,10 @@
@define-color window_fg_color #000000;
@define-color view_bg_color #d4d4d4;
@define-color view_fg_color #000000;
@define-color headerbar_bg_color @window_bg_color;
@define-color headerbar_fg_color @window_fg_color;
@define-color headerbar_bg_color #a5be96;
@define-color headerbar_fg_color #1e3d0b;
@define-color headerbar_border_color @headerbar_fg_color;
@define-color headerbar_backdrop_color @headerbar_bg_color;
@define-color headerbar_backdrop_color mix(@window_bg_color, @headerbar_bg_color, 0.5);
@define-color headerbar_shade_color transparent;
@define-color card_bg_color alpha(white, 0.1);
@define-color card_fg_color #000000;

View File

@ -16,6 +16,9 @@
.background { color: @window_fg_color; background-color: @window_bg_color; }
dnd { color: @window_fg_color; }
button, tab, switch, scale, slider {
outline-style: none;
}
*:disabled, :dir(rtl):disabled, :dir(ltr):disabled, /* specificity bump hopefully */
@ -288,7 +291,7 @@ radio:hover, radio:focus {
check:hover:active, radio:hover:active,
check:focus:active, radio:focus:active {
border-color: alpha(@accent_color, 1);
border-color: alpha(@accent_color, 0.8);
}
checkbutton {
border-bottom: 1px solid transparent;
@ -379,17 +382,21 @@ scrollbar.vertical slider {
}
slider:hover, slider:focus, switch:focus slider, scale:focus slider {
box-shadow: inset 0 0 0 0.1em alpha(@accent_color, 0.5);
slider:hover, slider:focus, switch:focus slider, scale:focus slider,
tab.reorderable-page:active, tabbox > tabboxchild > tab:active { /* not really working in tabs... */
/*box-shadow: inset 0 0 0 0.1em alpha(@accent_color, 0.5);*/
border-color: alpha(@accent_color, 0.5);
border-style: solid;
}
slider:active {
box-shadow: inset 0 0 0 0.1em @accent_color;
/*box-shadow: inset 0 0 0 0.1em @accent_color;*/
border-color: @accent_color;
border-style: solid;
}
.fine-tune slider:active {
box-shadow: inset 0 0 0 0.1em @warning_bg_color;
/*box-shadow: inset 0 0 0 0.1em @warning_bg_color;*/
border-color: @warning_bg_color;
border-style: solid;
}
switch {
@ -505,6 +512,9 @@ tab.reorderable-page, tabbox > tabboxchild > tab {
min-height: 1em;
padding: 0.1em 0.3em;
}
/* see slider for active reorderable tab */
stackswitcher > button {
min-height: 1.6em;
@ -937,14 +947,21 @@ windowcontrols.end {margin-left: 1em;}
windowcontrols.start {margin-right: 1em;}
/* osd * .osd */
/* osd * .osd, toast, .app-notification */
.osd, toast, .gedit-search-slider {
.osd, toast, .gedit-search-slider, .app-notification {
background-color: alpha(mix(@window_bg_color, @view_bg_color, 0.5), 0.75);
border: 1px dashed alpha(@view_fg_color, 0.3);
background-clip: border-box;
}
.app-notification, toast {
border-radius: 9999px;
padding: 0.2em 0.5em;
}
.app-notification > border {
border: none;
}
/* frame */
@ -982,7 +999,7 @@ frame > label { margin: 4px; }
}
/* .app-notification */
/* toast */ /* see also .osd */