eudaimon
/
Oldiewaita
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Draggable tabs are obvious, focused entries look better, some libadwaita fixes

This commit is contained in:
eudaimon 2024-02-23 12:24:11 +01:00
parent 2361b4a6da
commit 6e0449ecad
9 changed files with 75 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
gtk-3.0/gtk.css
View File

File diff suppressed because one or more lines are too long

22
gtk-4.0/gtk.css
View File

@ -16,7 +16,7 @@ label:disabled > selection, label:disabled:selected, calendar > grid > label.day
label:backdrop:selected, calendar > grid > label.day-number:backdrop:selected, row:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, modelbutton.flat:backdrop:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), modelbutton.flat:backdrop:focus:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), .entry:backdrop:selected, gridview > child:backdrop:selected, flowbox > flowboxchild:backdrop:selected, .view:backdrop:selected, iconview:backdrop:selected, textview > text:backdrop:selected { color: #f9f06b; background-color: #93531c; }
scale > trough > slider, switch > slider, scrollbar > range > trough > slider { background-image: radial-gradient(circle closest-side, currentColor, currentColor 90%, transparent); background-size: 4px, 4px; background-repeat: no-repeat; background-position: center; }
scale > trough > slider, switch > slider, scrollbar > range > trough > slider { background-image: radial-gradient(circle closest-side, currentColor, currentColor 90%, transparent); background-size: 4px 4px; background-repeat: no-repeat; background-position: center; }
splitbutton:disabled, tabbox > tabboxchild > tab:disabled:active, tabbox > tabboxchild > tab:disabled:selected, tabbox > tabboxchild > tab:disabled, cursor-handle:disabled, .osd scale > trough > slider:disabled, scale > trough > slider:disabled, .osd check:disabled, .osd radio:disabled, check:checked:disabled, check.view:checked:disabled, .view check:checked:disabled, radio:checked:disabled, radio.view:checked:disabled, .view radio:checked:disabled, check:disabled, check.view:disabled, .view check:disabled, radio:disabled, radio.view:disabled, .view radio:disabled, switch:disabled > slider, notebook > header tab:disabled, notebook.frame > header tab:disabled, windowcontrols button.minimize:disabled, windowcontrols button.maximize:disabled, windowcontrols button.close:disabled, infobar.error button:disabled, infobar.warning button:disabled, infobar.question button:disabled, infobar.info button:disabled, infobar button:disabled, .osd spinbutton.vertical > button:first-child:disabled, modelbutton.flat:disabled, headerbar splitbutton:backdrop:disabled:active, .topbar splitbutton:backdrop:disabled:active, headerbar splitbutton:backdrop:disabled:checked, .topbar splitbutton:backdrop:disabled:checked, headerbar button:backdrop:disabled:active, headerbar button:backdrop:disabled:checked, .topbar button:backdrop:disabled:active, .topbar button:backdrop:disabled:checked, headerbar splitbutton:backdrop:disabled, .topbar splitbutton:backdrop:disabled, headerbar button:backdrop:disabled, .topbar button:backdrop:disabled, headerbar splitbutton:disabled:active, .topbar splitbutton:disabled:active, headerbar splitbutton:disabled:checked, .topbar splitbutton:disabled:checked, headerbar button:disabled:active, headerbar button:disabled:checked, .topbar button:disabled:active, .topbar button:disabled:checked, headerbar splitbutton:disabled, .topbar splitbutton:disabled, headerbar button:disabled, .topbar button:disabled, .osd button.destructive-action:disabled, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, button.destructive-action:disabled, .osd button.suggested-action:disabled, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, button.suggested-action:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled, splitbutton:disabled:active, tabbox > tabboxchild > tab:disabled:active, notebook > header > tabs > arrow:disabled:active, notebook.frame > header > tabs > arrow:disabled:active, windowcontrols button:disabled:active, splitbutton:disabled:checked, tabbox > tabboxchild > tab:disabled:checked, notebook > header > tabs > arrow:disabled:checked, notebook.frame > header > tabs > arrow:disabled:checked, windowcontrols button:disabled:checked, button:disabled:active, button:disabled:checked, splitbutton:disabled, tabbox > tabboxchild > tab:disabled, notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled, .nautilus-path-bar .path-buttons-box button:disabled, windowcontrols button:disabled, button:disabled, spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { background-image: linear-gradient(45deg, alpha(currentColor,0.5) 10%, alpha(currentColor,0) 10%, alpha(currentColor,0) 50%, alpha(currentColor,0.5) 50%, alpha(currentColor,0.5) 60%, alpha(currentColor,0) 60%); background-size: 0.6em 0.6em; background-repeat: repeat; background-position: center; }
@ -154,7 +154,7 @@ spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > te
spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { background-color: #555555; border-left-color: #633813; border-top-color: #633813; border-right-color: #b88e6a; border-bottom-color: #b88e6a; }
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { background-color: #555555; border-left-color: #633813; border-top-color: #633813; border-right-color: #b88e6a; border-bottom-color: #b88e6a; box-shadow: inset 0 0 0 2px #93531c; }
spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
@ -170,7 +170,7 @@ spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error {
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: transparent; outline-width: 0; outline-offset: -2px; }
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { background-color: #555555; border-left-color: #8f0000; border-top-color: #8f0000; border-right-color: #e06666; border-bottom-color: #e06666; }
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { background-color: #555555; border-left-color: #8f0000; border-top-color: #8f0000; border-right-color: #e06666; border-bottom-color: #e06666; box-shadow: inset 0 0 0 2px #93531c; }
spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #CC0000; }
@ -180,7 +180,7 @@ spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.suc
spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: transparent; outline-width: 0; outline-offset: -2px; }
spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { background-color: #555555; border-left-color: #279e5c; border-top-color: #279e5c; border-right-color: #9be8be; border-bottom-color: #9be8be; }
spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { background-color: #555555; border-left-color: #279e5c; border-top-color: #279e5c; border-right-color: #9be8be; border-bottom-color: #9be8be; box-shadow: inset 0 0 0 2px #93531c; }
spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #33d17a; }
@ -190,7 +190,7 @@ spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.war
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: transparent; outline-width: 0; outline-offset: -2px; }
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { background-color: #555555; border-left-color: #b55a00; border-top-color: #b55a00; border-right-color: #fab97b; border-bottom-color: #fab97b; }
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { background-color: #555555; border-left-color: #b55a00; border-top-color: #b55a00; border-right-color: #fab97b; border-bottom-color: #fab97b; box-shadow: inset 0 0 0 2px #93531c; }
spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
@ -206,13 +206,13 @@ spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical),
.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #7dbf60; background-color: #555e55; border-left-color: #393f39; border-top-color: #393f39; border-right-color: #919791; border-bottom-color: #919791; }
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #7dbf60; background-color: #555e55; border-left-color: #633813; border-top-color: #633813; border-right-color: #b88e6a; border-bottom-color: #b88e6a; }
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #7dbf60; background-color: #555e55; border-left-color: #633813; border-top-color: #633813; border-right-color: #b88e6a; border-bottom-color: #b88e6a; box-shadow: inset 0 0 0 2px #93531c; }
.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #878787; background-color: #595959; border-left-color: #3c3c3c; border-top-color: #3c3c3c; border-right-color: #939393; border-bottom-color: #939393; }
spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 4px; }
spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #93531c; border-style: solid; box-shadow: none; }
spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #93531c; border-style: solid; box-shadow: none; margin-bottom: 1px; }
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #CC0000; }
@ -991,6 +991,10 @@ notebook > header.bottom tab, notebook.frame > header.bottom tab { padding-top:
notebook > stack:not(:only-child), notebook.frame > stack:not(:only-child) { border: none; background-color: #5b5b5b; margin: 2px; }
tab.reorderable-page, tabbox tab { background-image: radial-gradient(circle closest-side at 0.4em 0.4em, currentColor, currentColor 30%, alpha(currentColor,0) 33%); }
tabthumbnail overlay.card > picture { border-radius: 0px; }
notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
@ -1641,7 +1645,7 @@ popover.emoji-picker > contents { padding: 0; }
.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #474747; }
button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; }
button.emoji-section { padding: 3px 0 0; min-width: 32px; min-height: 28px; }
button.emoji-section:hover { border-width: 2px; background-color: #848484; border-left-color: #c3c3c3; border-top-color: #c3c3c3; border-right-color: #646464; border-bottom-color: #646464; }

2
source/common/common_common.scss
View File

@ -59,7 +59,7 @@ $popover_radius: $window_radius;
%draggable {
background-image: radial-gradient(circle closest-side, currentColor, currentColor 90%, transparent);
background-size: 2 * $border_width, 2 * $border_width;
background-size: (2 * $border_width) (2 * $border_width);
background-repeat: no-repeat;
background-position: center;
}

2
source/common/entry.scss
View File

@ -28,6 +28,7 @@
//@include _shadows(entry_focus_shadow($fc), inset $_entry_shadow, 0 1px $_hilight_color, $_entry_edge);
//border-color: entry_focus_border($fc);
@include relief($base_color, sunken, $fc);
box-shadow: inset 0 0 0 $border_width $selected_bg_color;
}
@if $t==insensitive or $t==osd-insensitive {
color: $insensitive_fg_color;
@ -62,6 +63,7 @@
@if $t==osd-focus {
color: $osd_text_color;
@include relief($osd_bg_color, sunken, $fc);
box-shadow: inset 0 0 0 $border_width $selected_bg_color;
//border-color: $selected_bg_color;
//background-color: transparentize(opacify($osd_borders_color, 1), 0.5);
//background-clip: padding-box;

17
source/common/notebook.scss
View File

@ -176,7 +176,7 @@ notebook, notebook.frame {
@include relief($base_color);
margin: 0px;
&:hover {
color: $fg_color;
@ -246,7 +246,7 @@ notebook, notebook.frame {
margin-left: 2px;
margin-right: 2px;
//&.reorderable-page { border-style: none solid; }
}
}
}
@ -288,3 +288,16 @@ notebook, notebook.frame {
//&:backdrop { background-color: $backdrop_base_color; }
}
}
// outside because of libadwaita:
tab.reorderable-page, tabbox tab {
background-image: radial-gradient(circle closest-side at 0.4em 0.4em, currentColor, currentColor 30%, gtkalpha(currentColor, 0) 33%);
//on :dir(rtl), how to tell it to be from the right? Not sure gtk css allows that :/
}
//other libadwaita things:
tabthumbnail overlay.card > picture {
border-radius: $button_radius;
}

4
source/gtk3/_common.scss
View File

@ -370,7 +370,7 @@ entry {
}
progress {
margin: 2px 2px;
margin: 3px 3px;
background-color: transparent;
background-image: none;
border-radius: 0;
@ -3905,7 +3905,7 @@ button.emoji-section {
min-width: 32px;
min-height: 28px;
@include button(undecorated);
//@include button(undecorated);
outline-offset: -5px;

18
source/gtk3/gtk-new.css
View File

File diff suppressed because one or more lines are too long

13
source/gtk4/_common.scss
View File

@ -380,7 +380,7 @@ entry {
}
> progress {
margin-bottom: 2px;
margin-bottom: 4px;
}
progress > trough > progress {
@ -391,6 +391,7 @@ entry {
border-color: $selected_bg_color;
border-style: solid;
box-shadow: none;
margin-bottom: 1px;
}
@ -3749,16 +3750,16 @@ popover.emoji-picker > contents {
}
button.emoji-section {
border-color: transparent;
border-width: 3px;
border-style: none none solid;
border-radius: 0;
// border-color: transparent;
// border-width: 3px;
// border-style: none none solid;
// border-radius: 0;
padding: 3px 0 0;
min-width: 32px;
min-height: 28px;
@include button(undecorated);
//@include button(undecorated);
&:hover { @include button(hover); }
&:checked { @include button(checked-active); }

22
source/gtk4/gtk-new.css
View File

@ -16,7 +16,7 @@ label:disabled > selection, label:disabled:selected, calendar > grid > label.day
label:backdrop:selected, calendar > grid > label.day-number:backdrop:selected, row:backdrop:selected, columnview.view:backdrop:selected, treeview.view:backdrop:selected, modelbutton.flat:backdrop:selected, modelbutton.flat:backdrop:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), modelbutton.flat:backdrop:focus:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), .entry:backdrop:selected, gridview > child:backdrop:selected, flowbox > flowboxchild:backdrop:selected, .view:backdrop:selected, iconview:backdrop:selected, textview > text:backdrop:selected { color: #f9f06b; background-color: #93531c; }
scale > trough > slider, switch > slider, scrollbar > range > trough > slider { background-image: radial-gradient(circle closest-side, currentColor, currentColor 90%, transparent); background-size: 4px, 4px; background-repeat: no-repeat; background-position: center; }
scale > trough > slider, switch > slider, scrollbar > range > trough > slider { background-image: radial-gradient(circle closest-side, currentColor, currentColor 90%, transparent); background-size: 4px 4px; background-repeat: no-repeat; background-position: center; }
splitbutton:disabled, tabbox > tabboxchild > tab:disabled:active, tabbox > tabboxchild > tab:disabled:selected, tabbox > tabboxchild > tab:disabled, cursor-handle:disabled, .osd scale > trough > slider:disabled, scale > trough > slider:disabled, .osd check:disabled, .osd radio:disabled, check:checked:disabled, check.view:checked:disabled, .view check:checked:disabled, radio:checked:disabled, radio.view:checked:disabled, .view radio:checked:disabled, check:disabled, check.view:disabled, .view check:disabled, radio:disabled, radio.view:disabled, .view radio:disabled, switch:disabled > slider, notebook > header tab:disabled, notebook.frame > header tab:disabled, windowcontrols button.minimize:disabled, windowcontrols button.maximize:disabled, windowcontrols button.close:disabled, infobar.error button:disabled, infobar.warning button:disabled, infobar.question button:disabled, infobar.info button:disabled, infobar button:disabled, .osd spinbutton.vertical > button:first-child:disabled, modelbutton.flat:disabled, headerbar splitbutton:backdrop:disabled:active, .topbar splitbutton:backdrop:disabled:active, headerbar splitbutton:backdrop:disabled:checked, .topbar splitbutton:backdrop:disabled:checked, headerbar button:backdrop:disabled:active, headerbar button:backdrop:disabled:checked, .topbar button:backdrop:disabled:active, .topbar button:backdrop:disabled:checked, headerbar splitbutton:backdrop:disabled, .topbar splitbutton:backdrop:disabled, headerbar button:backdrop:disabled, .topbar button:backdrop:disabled, headerbar splitbutton:disabled:active, .topbar splitbutton:disabled:active, headerbar splitbutton:disabled:checked, .topbar splitbutton:disabled:checked, headerbar button:disabled:active, headerbar button:disabled:checked, .topbar button:disabled:active, .topbar button:disabled:checked, headerbar splitbutton:disabled, .topbar splitbutton:disabled, headerbar button:disabled, .topbar button:disabled, .osd button.destructive-action:disabled, button.destructive-action:disabled:active, button.destructive-action:disabled:checked, button.destructive-action:disabled, .osd button.suggested-action:disabled, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, button.suggested-action:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled, splitbutton:disabled:active, tabbox > tabboxchild > tab:disabled:active, notebook > header > tabs > arrow:disabled:active, notebook.frame > header > tabs > arrow:disabled:active, windowcontrols button:disabled:active, splitbutton:disabled:checked, tabbox > tabboxchild > tab:disabled:checked, notebook > header > tabs > arrow:disabled:checked, notebook.frame > header > tabs > arrow:disabled:checked, windowcontrols button:disabled:checked, button:disabled:active, button:disabled:checked, splitbutton:disabled, tabbox > tabboxchild > tab:disabled, notebook > header > tabs > arrow:disabled, notebook.frame > header > tabs > arrow:disabled, .nautilus-path-bar .path-buttons-box button:disabled, windowcontrols button:disabled, button:disabled, spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { background-image: linear-gradient(45deg, alpha(currentColor,0.5) 10%, alpha(currentColor,0) 10%, alpha(currentColor,0) 50%, alpha(currentColor,0.5) 50%, alpha(currentColor,0.5) 60%, alpha(currentColor,0) 60%); background-size: 0.6em 0.6em; background-repeat: repeat; background-position: center; }
@ -154,7 +154,7 @@ spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > te
spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding-top: 2px; padding-bottom: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { background-color: #555555; border-left-color: #633813; border-top-color: #633813; border-right-color: #b88e6a; border-bottom-color: #b88e6a; }
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { background-color: #555555; border-left-color: #633813; border-top-color: #633813; border-right-color: #b88e6a; border-bottom-color: #b88e6a; box-shadow: inset 0 0 0 2px #93531c; }
spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
@ -170,7 +170,7 @@ spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error {
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: transparent; outline-width: 0; outline-offset: -2px; }
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { background-color: #555555; border-left-color: #8f0000; border-top-color: #8f0000; border-right-color: #e06666; border-bottom-color: #e06666; }
spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { background-color: #555555; border-left-color: #8f0000; border-top-color: #8f0000; border-right-color: #e06666; border-bottom-color: #e06666; box-shadow: inset 0 0 0 2px #93531c; }
spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #CC0000; }
@ -180,7 +180,7 @@ spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.suc
spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { outline-color: transparent; outline-width: 0; outline-offset: -2px; }
spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { background-color: #555555; border-left-color: #279e5c; border-top-color: #279e5c; border-right-color: #9be8be; border-bottom-color: #9be8be; }
spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within { background-color: #555555; border-left-color: #279e5c; border-top-color: #279e5c; border-right-color: #9be8be; border-bottom-color: #9be8be; box-shadow: inset 0 0 0 2px #93531c; }
spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection { background-color: #33d17a; }
@ -190,7 +190,7 @@ spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.war
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: transparent; outline-width: 0; outline-offset: -2px; }
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { background-color: #555555; border-left-color: #b55a00; border-top-color: #b55a00; border-right-color: #fab97b; border-bottom-color: #fab97b; }
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { background-color: #555555; border-left-color: #b55a00; border-top-color: #b55a00; border-right-color: #fab97b; border-bottom-color: #fab97b; box-shadow: inset 0 0 0 2px #93531c; }
spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
@ -206,13 +206,13 @@ spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical),
.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: #7dbf60; background-color: #555e55; border-left-color: #393f39; border-top-color: #393f39; border-right-color: #919791; border-bottom-color: #919791; }
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #7dbf60; background-color: #555e55; border-left-color: #633813; border-top-color: #633813; border-right-color: #b88e6a; border-bottom-color: #b88e6a; }
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: #7dbf60; background-color: #555e55; border-left-color: #633813; border-top-color: #633813; border-right-color: #b88e6a; border-bottom-color: #b88e6a; box-shadow: inset 0 0 0 2px #93531c; }
.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #878787; background-color: #595959; border-left-color: #3c3c3c; border-top-color: #3c3c3c; border-right-color: #939393; border-bottom-color: #939393; }
spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 4px; }
spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #93531c; border-style: solid; box-shadow: none; }
spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #93531c; border-style: solid; box-shadow: none; margin-bottom: 1px; }
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #CC0000; }
@ -991,6 +991,10 @@ notebook > header.bottom tab, notebook.frame > header.bottom tab { padding-top:
notebook > stack:not(:only-child), notebook.frame > stack:not(:only-child) { border: none; background-color: #5b5b5b; margin: 2px; }
tab.reorderable-page, tabbox tab { background-image: radial-gradient(circle closest-side at 0.4em 0.4em, currentColor, currentColor 30%, alpha(currentColor,0) 33%); }
tabthumbnail overlay.card > picture { border-radius: 0px; }
notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
@ -1641,7 +1645,7 @@ popover.emoji-picker > contents { padding: 0; }
.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #474747; }
button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; border-width: 2px; border-color: transparent; background-color: transparent; background-image: none; text-shadow: none; -gtk-icon-shadow: none; }
button.emoji-section { padding: 3px 0 0; min-width: 32px; min-height: 28px; }
button.emoji-section:hover { border-width: 2px; background-color: #848484; border-left-color: #c3c3c3; border-top-color: #c3c3c3; border-right-color: #646464; border-bottom-color: #646464; }