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

Greatly improved libadwaita (Gnome) applications, including Nautilus

This commit is contained in:
eudaimon 2024-01-26 12:40:34 +01:00
parent b2e246c49f
commit b9230ffb9b
8 changed files with 370 additions and 135 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
gtk-3.0/gtk.css
View File

@ -212,7 +212,7 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #769830; }
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f57900), to(transparent)); }
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)); } }
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
button.sidebar-button, scrollbar slider.flat:not(:hover):not(:active):not(:checked), expander title > arrow.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
@ -383,7 +383,7 @@ stacksidebar row.needs-attention > label:dir(rtl), expander title.stack-switcher
calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled), .menuitem.button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
/* menu buttons */
modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; border: 1px solid transparent; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; border: 1px solid transparent; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
modelbutton.flat:hover, .menuitem.button.flat:hover { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border-color: currentColor; }
@ -687,7 +687,7 @@ treeview.view acceleditor > label { background-color: #769830; }
/********* Menus * */
menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border: 1px solid transparent; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border: 1px solid transparent; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; }
@ -701,11 +701,11 @@ menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0
.background.popup { background-color: transparent; }
menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #353434; border: 1px solid #595757; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #353434; border: 1px solid #595757; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; }
menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; border: 1px solid transparent; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; border: 1px solid transparent; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border-color: currentColor; }
@ -789,6 +789,8 @@ notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transp
notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; }
notebook > header tabs > tab:hover { border-color: currentColor; }
notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
@ -843,7 +845,7 @@ switch:checked { color: #ffffff; background-color: #61723e; text-shadow: 0 1px r
switch:disabled { color: #7b7b7b; border-color: #595757; background-color: #494949; text-shadow: none; }
switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
switch image { color: transparent; }
@ -1475,7 +1477,7 @@ button.titlebutton:backdrop { -gtk-icon-shadow: none; }
/********************** Touch Copy & Paste * */
/********************** Touch Copy & Paste * */
cursor-handle { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border: 1px solid #666464; border-radius: 100%; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
cursor-handle { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border: 1px solid #666464; border-radius: 100%; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
cursor-handle:hover { border-color: currentColor; }
@ -1557,6 +1559,32 @@ XfdesktopIconView.view .rubberband { background-color: alpha(#769830,0.5); }
XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-color: alpha(#769830,0.5); }
.nautilus-window .top-bar { background-color: #768556; color: #ffffff; }
.nautilus-window .top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.nautilus-window .top-bar .collapse-spacing { padding: 0; }
.nautilus-window .nautilus-list-view columnview, .nautilus-window .nautilus-list-view listview, .nautilus-window .nautilus-list-view cell { margin: 0; }
.nautilus-window .nautilus-list-view cell { padding: 0; }
.nautilus-window .nautilus-list-view row { margin: 0; }
#NautilusPathBar { padding: 2px; border: 1px solid alpha(currentColor,0.3); }
#NautilusPathBar button, #NautilusPathBar menubutton { margin: 0; }
#NautilusPathBar > scrolledwindow { background-color: transparent; }
#NautilusPathBar > scrolledwindow > viewport { padding: 2px; }
#NautilusPathBar > scrolledwindow > undershoot { border-radius: 0; box-shadow: none; border: none; }
headerbar { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
windowhandle > box { padding: 0; }
/* GTK NAMED COLORS ---------------- use responsibly! */
/*
widget text/foreground color */

129
gtk-4.0/gtk.css
View File

@ -97,7 +97,19 @@ label.error { color: #CC0000; }
label.error:disabled { color: rgba(204, 0, 0, 0.5); }
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, .entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
label.success { color: #33d17a; }
label.success:disabled { color: rgba(51, 209, 122, 0.5); }
label.accent { color: #769830; }
label.accent:disabled { color: rgba(118, 152, 48, 0.5); }
label.warning { color: #f57900; }
label.warning:disabled { color: rgba(245, 121, 0, 0.5); }
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, .entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
window.assistant .sidebar { padding: 5px; border-top: 1px solid #595757; }
@ -174,6 +186,16 @@ spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not
spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection, .entry.error > selection { background-color: #CC0000; }
spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success, .entry.success { color: #33d17a; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success, .entry.success { outline: 0 solid transparent; outline-offset: 4px; }
spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within, .entry.success:focus-within { outline-color: rgba(51, 209, 122, 0.5); outline-width: 2px; outline-offset: -2px; }
spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within, .entry.success:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #33d17a; }
spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection, .entry.success > selection { background-color: #33d17a; }
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
@ -214,8 +236,6 @@ spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutt
spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo, spinbutton.vertical.linked > .entry:drop(active):not(:only-child) + text, .linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > .entry:drop(active):not(:only-child) + entry, .linked.vertical > .entry:drop(active):not(:only-child) + button, .linked.vertical > .entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > .entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #33d17a; }
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { color: #CC0000; }
treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #323232; transition-property: color, background; }
treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #323232; }
@ -229,7 +249,7 @@ editablelabel > stack > text { color: #EDF0F5; border-color: #575859; background
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } }
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus, dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-filter: brightness(1.2); }
@ -261,33 +281,29 @@ dropdown:drop(active) button.combo, combobox:drop(active) button.combo, scrollba
dnd tab.small-button, tabbar tab.small-button, notebook > header tabs > tab.small-button, notebook > header tabbar tabbox > tabboxchild.small-button, tabbar notebook > header tabbox > tabboxchild.small-button, notebook > header > tabs > arrow.small-button, columnview.view > header > button.small-button, treeview.view > header > button.small-button, button.small-button { padding: 0px; min-height: 10px; min-width: 10px; }
dnd tab.osd, tabbar tab.osd, notebook > header tabs > tab.osd, notebook > header tabbar tabbox > tabboxchild.osd, tabbar notebook > header tabbox > tabboxchild.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 5px; border: none; box-shadow: none; }
dnd tab.osd, tabbar tab.osd, notebook > header tabs > tab.osd, notebook > header tabbar tabbox > tabboxchild.osd, tabbar notebook > header tabbox > tabboxchild.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 5px; }
dnd tab.osd.image-button, tabbar tab.osd.image-button, notebook > header tabs > tab.osd.image-button, notebook > header dnd tab.image-button, dnd notebook > header tab.image-button, notebook > header tabbar tab.image-button, tabbar notebook > header tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 30px; }
dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, notebook > header tabs > tab.osd.image-button:only-child, notebook > header dnd tab.image-button:only-child, dnd notebook > header tab.image-button:only-child, notebook > header tabbar tab.image-button:only-child, tabbar notebook > header tab.image-button:only-child, notebook > header tabbar tabbox > tabboxchild.image-button:only-child, tabbar notebook > header tabbox > tabboxchild.image-button:only-child, notebook > header > tabs > arrow.osd.image-button:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, button.osd:hover { border-color: currentColor; border: none; box-shadow: none; }
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd dnd tab, dnd .osd tab, .osd tabbar tab, tabbar .osd tab, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header tabbar tabbox > tabboxchild, tabbar .osd notebook > header tabbox > tabboxchild, notebook > header .osd tabbar tabbox > tabboxchild, tabbar notebook > header .osd tabbox > tabboxchild, .osd notebook > header > tabs > arrow, .osd columnview.view > header > button, .osd treeview.view > header > button, dnd tab.osd, tabbar tab.osd, notebook > header tabs > tab.osd, notebook > header tabbar tabbox > tabboxchild.osd, tabbar notebook > header tabbox > tabboxchild.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, .osd button, button.osd { border: 1px solid; color: #66cbec; background-color: rgba(32, 61, 121, 0.7); border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; border: none; box-shadow: none; }
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, .osd button:hover, button.osd:hover { border-color: currentColor; }
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd dnd tab, dnd .osd tab, .osd tabbar tab, tabbar .osd tab, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header tabbar tabbox > tabboxchild, tabbar .osd notebook > header tabbox > tabboxchild, notebook > header .osd tabbar tabbox > tabboxchild, tabbar notebook > header .osd tabbox > tabboxchild, .osd notebook > header > tabs > arrow, .osd columnview.view > header > button, .osd treeview.view > header > button, .osd button { color: #66cbec; background-color: rgba(32, 61, 121, 0.7); border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked, button.osd:active:backdrop, button.osd:active, button.osd:checked:backdrop, button.osd:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, .osd button:hover { border-color: currentColor; }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, dnd tab.osd:disabled, tabbar tab.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header tabbar tabbox > tabboxchild.osd:disabled, tabbar notebook > header tabbox > tabboxchild.osd:disabled, notebook > header > tabs > arrow.osd:disabled, .osd button:disabled:backdrop, .osd button:disabled, button.osd:disabled:backdrop, button.osd:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd dnd tab.flat, dnd .osd tab.flat, .osd tabbar tab.flat, tabbar .osd tab.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, tabbar notebook > header .osd tabbox > tabboxchild.flat, .osd notebook > header > tabs > arrow.flat, dnd tab.osd.flat, tabbar tab.osd.flat, notebook > header tabs > tab.osd.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.osd.flat, .osd button.flat, button.osd.flat { -gtk-icon-shadow: 0 1px black; }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header .osd tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabs > tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd dnd tab.flat, dnd .osd tab.flat, .osd tabbar tab.flat, tabbar .osd tab.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, .osd notebook > header tabbar tabbox > tabboxchild.flat, tabbar .osd notebook > header tabbox > tabboxchild.flat, notebook > header .osd tabbar tabbox > tabboxchild.flat, tabbar notebook > header .osd tabbox > tabboxchild.flat, .osd notebook > header > tabs > arrow.flat, .osd button.flat { -gtk-icon-shadow: 0 1px black; }
.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd dnd tab.flat:hover, dnd .osd tab.flat:hover, .osd tabbar tab.flat:hover, tabbar .osd tab.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, tabbar notebook > header .osd tabbox > tabboxchild.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, dnd tab.osd.flat:hover, tabbar tab.osd.flat:hover, notebook > header tabs > tab.osd.flat:hover, notebook > header dnd tab.flat:hover, dnd notebook > header tab.flat:hover, notebook > header tabbar tab.flat:hover, tabbar notebook > header tab.flat:hover, notebook > header tabbar tabbox > tabboxchild.flat:hover, tabbar notebook > header tabbox > tabboxchild.flat:hover, notebook > header > tabs > arrow.osd.flat:hover, .osd button.flat:hover, button.osd.flat:hover { border-color: currentColor; }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header .osd tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd dnd tab.flat:disabled, dnd .osd tab.flat:disabled, .osd tabbar tab.flat:disabled, tabbar .osd tab.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, tabbar notebook > header .osd tabbox > tabboxchild.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, dnd tab.osd.flat:disabled, tabbar tab.osd.flat:disabled, notebook > header tabs > tab.osd.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.osd.flat:disabled, .osd button.flat:disabled, button.osd.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd dnd tab.flat:hover, dnd .osd tab.flat:hover, .osd tabbar tab.flat:hover, tabbar .osd tab.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, .osd notebook > header tabbar tabbox > tabboxchild.flat:hover, tabbar .osd notebook > header tabbox > tabboxchild.flat:hover, notebook > header .osd tabbar tabbox > tabboxchild.flat:hover, tabbar notebook > header .osd tabbox > tabboxchild.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd button.flat:hover { border-color: currentColor; }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd dnd tab.flat:disabled, dnd .osd tab.flat:disabled, .osd tabbar tab.flat:disabled, tabbar .osd tab.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, .osd notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar .osd notebook > header tabbox > tabboxchild.flat:disabled, notebook > header .osd tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header .osd tabbox > tabboxchild.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd button.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar .osd notebook > header tabbox > tabboxchild.flat:active, notebook > header .osd tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar .osd notebook > header tabbox > tabboxchild.flat:checked, notebook > header .osd tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, dnd tab.osd.flat:active, tabbar tab.osd.flat:active, notebook > header tabs > tab.osd.flat:active, notebook > header dnd tab.flat:active, dnd notebook > header tab.flat:active, notebook > header tabbar tab.flat:active, tabbar notebook > header tab.flat:active, notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header tabbox > tabboxchild.flat:active, notebook > header > tabs > arrow.osd.flat:active, dnd tab.osd.flat:checked, tabbar tab.osd.flat:checked, notebook > header tabs > tab.osd.flat:checked, notebook > header dnd tab.flat:checked, dnd notebook > header tab.flat:checked, notebook > header tabbar tab.flat:checked, tabbar notebook > header tab.flat:checked, notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header tabbox > tabboxchild.flat:checked, notebook > header > tabs > arrow.osd.flat:checked, .osd button.flat:active, .osd button.flat:checked, button.osd.flat:active, button.osd.flat:checked { box-shadow: 0 0 3px 2px #769830; }
dnd tab.suggested-action, tabbar tab.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header tabbox > tabboxchild.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -542,39 +558,39 @@ windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769
windowcontrols button > image { background-color: unset; }
/*************** Header bars * */
.titlebar:not(headerbar), headerbar, windowhandle { padding: 0 0px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; background: #768556 image(#768556); color: #ffffff; /* Darken switchbuttons for headerbars. issue #1588 */ }
.titlebar:not(headerbar), headerbar { padding: 0 0px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; background: #768556 image(#768556); color: #ffffff; /* Darken switchbuttons for headerbars. issue #1588 */ }
.titlebar:backdrop:not(headerbar), headerbar:backdrop, windowhandle:backdrop { border-color: #545252; background-color: #3f3e3e; color: #EDF0F5; background-image: none; transition: 200ms ease-out; }
.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #545252; background-color: #3f3e3e; color: #EDF0F5; background-image: none; transition: 200ms ease-out; }
.titlebar:not(headerbar) .title, headerbar .title, windowhandle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
.titlebar:not(headerbar) button, headerbar button, windowhandle button { color: #ffffff; background-color: #849167; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.titlebar:not(headerbar) button, headerbar button { color: #ffffff; background-color: #849167; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.titlebar:not(headerbar) button:backdrop:not(:checked), headerbar button:backdrop:not(:checked), windowhandle button:backdrop:not(:checked) { color: #EDF0F5; background-color: #505050; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.titlebar:not(headerbar) button:backdrop:not(:checked), headerbar button:backdrop:not(:checked) { color: #EDF0F5; background-color: #505050; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.titlebar:not(headerbar) button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):hover, windowhandle button:backdrop:not(:checked):hover { border-color: currentColor; }
.titlebar:not(headerbar) button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):hover { border-color: currentColor; }
.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar, .tiled windowhandle, .tiled-top windowhandle, .tiled-left windowhandle, .tiled-right windowhandle, .tiled-bottom windowhandle, .maximized windowhandle, .fullscreen windowhandle { border-radius: 0; }
.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
.default-decoration.titlebar:not(headerbar), headerbar.default-decoration, windowhandle.default-decoration { min-height: 28px; padding: 4px; }
.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton, windowhandle.default-decoration windowcontrols button, windowhandle.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button, windowhandle.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr), .solid-csd windowhandle:backdrop:dir(rtl), .solid-csd windowhandle:backdrop:dir(ltr), .solid-csd windowhandle:dir(rtl), .solid-csd windowhandle:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
headerbar { padding: 0 6px; }
headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 2px; margin-bottom: 2px; }
headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
headerbar switch { margin-top: 10px; margin-bottom: 10px; }
headerbar switch { margin-top: 2px; margin-bottom: 2px; }
window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
@ -712,7 +728,7 @@ popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { marg
popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; border: 1px solid transparent; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; border: 1px solid transparent; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
popover.menu modelbutton:hover { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border-color: currentColor; }
@ -773,6 +789,8 @@ notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transp
notebook > header tabs > tab, notebook > header dnd tab, dnd notebook > header tab, notebook > header tabbar tab, tabbar notebook > header tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild { border-radius: 9999px; outline-color: transparent; margin: 3px; }
notebook > header tabs > tab:hover, notebook > header dnd tab:hover, dnd notebook > header tab:hover, notebook > header tabbar tab:hover, tabbar notebook > header tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover { border-color: currentColor; }
notebook > header tabs > tab button.flat, notebook > header dnd tab button.flat, dnd notebook > header tab button.flat, notebook > header tabbar tab button.flat, tabbar notebook > header tab button.flat, notebook > header tabbar tabbox > tabboxchild button.flat, tabbar notebook > header tabbox > tabboxchild button.flat { border-radius: 9999px; padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child, notebook > header dnd tab button.flat:last-child, dnd notebook > header tab button.flat:last-child, notebook > header tabbar tab button.flat:last-child, tabbar notebook > header tab button.flat:last-child, notebook > header tabbar tabbox > tabboxchild button.flat:last-child, tabbar notebook > header tabbox > tabboxchild button.flat:last-child { margin-left: 4px; margin-right: -4px; }
@ -866,9 +884,7 @@ taboverview > .overview .new-tab-button { margin: 18px; }
tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
/************** Scrollbars * */
scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scrollbar:not(:hover) { opacity: 0.5; }
scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0.5; }
scrollbar.top { border-bottom: 1px solid #595757; }
@ -880,6 +896,8 @@ scrollbar.right { border-left: 1px solid #595757; }
scrollbar > range > trough { outline-style: none; }
scrollbar > range > trough, scrollbar > range > trough:hover { margin: 2px; }
scrollbar > range > trough > slider { padding: 0; min-width: 10px; min-height: 10px; margin: 0px; border-radius: 9999px; background-clip: padding-box; background-color: #585858; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; outline-style: none; }
scrollbar > range > trough > slider:hover { background-color: #677844; color: #a1a1a1; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
@ -905,7 +923,7 @@ switch:checked { color: #ffffff; background-color: #61723e; }
switch:disabled { color: #7b7b7b; border-color: #595757; background-color: #494949; text-shadow: none; }
switch > slider { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; }
switch > slider { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; }
switch > image { color: transparent; }
@ -1517,7 +1535,7 @@ tooltip.csd { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); }
/********************** Touch Copy & Paste * */
/********************** Touch Copy & Paste * */
cursor-handle { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border: 1px solid #666464; border-radius: 100%; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
cursor-handle { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border: 1px solid #666464; border-radius: 100%; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
cursor-handle:hover { border-color: currentColor; }
@ -1593,6 +1611,15 @@ menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
/********* Cards * */
.card { border: 1px solid transparent; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.card.activatable:hover { border-color: currentColor; }
.card.activatable:active { box-shadow: 0 0 3px 2px #769830; }
.card.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); }
undershoot.top { background-size: 100% 0.5em; background-position: top; }
@ -1615,6 +1642,32 @@ XfdesktopIconView.view .rubberband { background-color: alpha(#769830,0.5); }
XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-color: alpha(#769830,0.5); }
.nautilus-window .top-bar { background-color: #768556; color: #ffffff; }
.nautilus-window .top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.nautilus-window .top-bar .collapse-spacing { padding: 0; }
.nautilus-window .nautilus-list-view columnview, .nautilus-window .nautilus-list-view listview, .nautilus-window .nautilus-list-view cell { margin: 0; }
.nautilus-window .nautilus-list-view cell { padding: 0; }
.nautilus-window .nautilus-list-view row { margin: 0; }
#NautilusPathBar { padding: 2px; border: 1px solid alpha(currentColor,0.3); }
#NautilusPathBar button, #NautilusPathBar menubutton { margin: 0; }
#NautilusPathBar > scrolledwindow { background-color: transparent; }
#NautilusPathBar > scrolledwindow > viewport { padding: 2px; }
#NautilusPathBar > scrolledwindow > undershoot { border-radius: 0; box-shadow: none; border: none; }
headerbar { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
windowhandle > box { padding: 0; }
/* GTK NAMED COLORS ---------------- use responsibly! */
/*
widget text/foreground color */

2
source/common/common_common.scss
View File

@ -32,7 +32,7 @@ $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
$asset_suffix: if($variant=='dark', '-dark', '');
$backdrop_transition: 200ms ease-out;
$button_transition: all 500ms $ease-out-quad;
$button_transition: all 300ms $ease-out-quad;
$button_radius: 3px;
$window_radius: $button_radius + 3;
$popover_radius: $button_radius + 4;

59
source/common/desktops.scss
View File

@ -18,3 +18,62 @@ XfdesktopIconView.view:active {
color: $selected_fg_color;
background-color: gtkalpha($selected_bg_color, 0.5);
}
// Nautilus improvements
.nautilus-window {
.top-bar {
background-color: $titlebar_active_bg;
color: $titlebar_active_fg;
&:backdrop {
background-color: $titlebar_backdrop_bg;
color: $titlebar_backdrop_fg;
transition: none;//$backdrop_transition;
}
.collapse-spacing {
padding: 0;
}
}
.nautilus-list-view {
columnview, listview, cell {
margin: 0;
}
cell {padding: 0;}
row {margin: 0;}
}
}
#NautilusPathBar {
padding: 2px;
border: 1px solid gtkalpha(currentColor, 0.3);
button, menubutton {
margin: 0;
}
> scrolledwindow {
background-color: transparent;
> viewport {
padding: 2px;
}
> undershoot {
border-radius: 0;
box-shadow: none;
border: none;
}
}
}
headerbar {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
windowhandle > box {
padding: 0;
}

2
source/common/notebook.scss
View File

@ -107,7 +107,7 @@ notebook {
border-radius: $tab_radius;
outline-color: transparent;
margin: 3px;
&:hover {@include button(hover);}
&.reorderable-page {
@extend %reorderable-page;
}

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

@ -212,7 +212,7 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #769830; }
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f57900), to(transparent)); }
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)); } }
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
button.sidebar-button, scrollbar slider.flat:not(:hover):not(:active):not(:checked), expander title > arrow.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
@ -383,7 +383,7 @@ stacksidebar row.needs-attention > label:dir(rtl), expander title.stack-switcher
calendar.button, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, list row button.image-button:not(.flat), modelbutton.flat:not(:hover):not(:active):not(:checked):not(:disabled), .menuitem.button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
/* menu buttons */
modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; border: 1px solid transparent; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; border: 1px solid transparent; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
modelbutton.flat:hover, .menuitem.button.flat:hover { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border-color: currentColor; }
@ -687,7 +687,7 @@ treeview.view acceleditor > label { background-color: #769830; }
/********* Menus * */
menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0px; }
menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border: 1px solid transparent; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menubar > menuitem, .menubar > menuitem { min-height: 16px; padding: 4px 8px; border: 1px solid transparent; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 0; padding: 0; }
@ -701,11 +701,11 @@ menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0
.background.popup { background-color: transparent; }
menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #353434; border: 1px solid #595757; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: #353434; border: 1px solid #595757; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; }
menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; border: 1px solid transparent; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; border: 1px solid transparent; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border-color: currentColor; }
@ -789,6 +789,8 @@ notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transp
notebook > header tabs > tab { border-radius: 9999px; outline-color: transparent; margin: 3px; }
notebook > header tabs > tab:hover { border-color: currentColor; }
notebook > header tabs > tab button.flat { border-radius: 9999px; padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
@ -843,7 +845,7 @@ switch:checked { color: #ffffff; background-color: #61723e; text-shadow: 0 1px r
switch:disabled { color: #7b7b7b; border-color: #595757; background-color: #494949; text-shadow: none; }
switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
switch image { color: transparent; }
@ -1475,7 +1477,7 @@ button.titlebutton:backdrop { -gtk-icon-shadow: none; }
/********************** Touch Copy & Paste * */
/********************** Touch Copy & Paste * */
cursor-handle { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border: 1px solid #666464; border-radius: 100%; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
cursor-handle { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border: 1px solid #666464; border-radius: 100%; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
cursor-handle:hover { border-color: currentColor; }
@ -1557,6 +1559,32 @@ XfdesktopIconView.view .rubberband { background-color: alpha(#769830,0.5); }
XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-color: alpha(#769830,0.5); }
.nautilus-window .top-bar { background-color: #768556; color: #ffffff; }
.nautilus-window .top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.nautilus-window .top-bar .collapse-spacing { padding: 0; }
.nautilus-window .nautilus-list-view columnview, .nautilus-window .nautilus-list-view listview, .nautilus-window .nautilus-list-view cell { margin: 0; }
.nautilus-window .nautilus-list-view cell { padding: 0; }
.nautilus-window .nautilus-list-view row { margin: 0; }
#NautilusPathBar { padding: 2px; border: 1px solid alpha(currentColor,0.3); }
#NautilusPathBar button, #NautilusPathBar menubutton { margin: 0; }
#NautilusPathBar > scrolledwindow { background-color: transparent; }
#NautilusPathBar > scrolledwindow > viewport { padding: 2px; }
#NautilusPathBar > scrolledwindow > undershoot { border-radius: 0; box-shadow: none; border: none; }
headerbar { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
windowhandle > box { padding: 0; }
/* GTK NAMED COLORS ---------------- use responsibly! */
/*
widget text/foreground color */

100
source/gtk4/_common.scss
View File

@ -171,11 +171,17 @@ label {
> selection { @extend %selected_items_disabled; }
}
&.error {
color: $error_color;
&:disabled { color: transparentize($error_color,0.5); }
@each $e_type, $e_color in (error, $error_color),
(success, $success_color),
(accent, $accent_color),
(warning, $warning_color) {
&.#{$e_type} {
color: $e_color;
&:disabled { color: transparentize($e_color,0.5); }
}
}
}
.dim-label {
@ -339,6 +345,7 @@ entry,
// entry error and warning style
@each $e_type, $e_color in (error, $error_color),
(success, $success_color),
(warning, $warning_color) {
&.#{$e_type} {
color: $e_color;
@ -442,7 +449,7 @@ entry,
}
}
&.error { color: $error_color; }
//&.error { color: $error_color; }
}
treeview entry {
@ -610,6 +617,7 @@ button {
&.osd {
min-width: 26px;
min-height: 32px;
//border: 1px solid transparent;
&.image-button {
min-width: 30px;
@ -617,37 +625,19 @@ button {
margin: 4px;
border-radius: 50%; // completely round when it is a single button
box-shadow: 0 1px 2px transparentize(black, 0.8); // drop shadow for the only child
};
}
}
color: $osd_fg_color;
border-radius: 5px;
@include button(osd);
border: none;
box-shadow: none;
&:hover {
@include button(osd-hover);
border: none;
box-shadow: none;
}
&:active,
&:checked {
@include button(osd-active);
border: none;
box-shadow: none;
}
}
//overlay / OSD style
@at-root %osd_button,
.osd & {
@include button(normal, $osd_bg_color, $osd_fg_color);
.osd &, &.osd {
border: $button_border;
@include button(normal, $osd_bg_color, $osd_fg_color);
&:hover { @include button(hover, $osd_bg_color, $osd_fg_color); }
@ -1496,8 +1486,8 @@ windowcontrols {
* Header bars *
***************/
%titlebar,
headerbar,
windowhandle {
headerbar
{
padding: 0 0px;
min-height: 46px;
border-width: 0 0 1px;
@ -1610,8 +1600,8 @@ headerbar {
separator:not(.sidebar),
button,
menubutton {
margin-top: 6px;
margin-bottom: 6px;
margin-top: 2px;
margin-bottom: 2px;
}
// Reset margins for buttons inside menubutton
@ -1621,8 +1611,8 @@ headerbar {
}
switch {
margin-top: 10px;
margin-bottom: 10px;
margin-top: 2px;
margin-bottom: 2px;
}
}
@ -2133,9 +2123,10 @@ scrollbar {
background-color: $scrollbar_bg_color;
transition: $_scrollbar_transition;
&:not(:hover) {
opacity: 0.5; //sometimes transient scrollbars appear on top of content!
}
//&:not(:hover) {
opacity: 0.5; //sometimes transient scrollbars appear on top of content! Therefore we need to let it at least be visible
// (controls under scrollbars are still a problem, though!)
//}
// scrollbar border
&.top { border-bottom: 1px solid $borders_color; }
&.bottom { border-top: 1px solid $borders_color; }
@ -2143,7 +2134,8 @@ scrollbar {
&.right { border-left: 1px solid $borders_color; }
> range > trough {
outline-style: none; //libadwaita
outline-style: none; //override libadwaita
&, &:hover {margin: 2px;} //override libadwaita
}
> range > trough > slider {
@ -2193,13 +2185,18 @@ scrollbar {
&.horizontal > range > trough > slider {
min-width: $_slider_min_length;
&.horizontal > range > trough {
> slider {
min-width: $_slider_min_length;
}
}
&.vertical > range > trough > slider {
min-height: $_slider_min_length;
&.vertical > range > trough > {
slider {
min-height: $_slider_min_length;
}
}
}
@ -3925,6 +3922,23 @@ menubutton {
}
}
/*********
* Cards *
*********/
.card{
border: 1px solid transparent;
transition: all 500ms $ease-out-quad;
&.activatable {
// this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
&:hover { @include button(hover); }
&:active { @include button(active); }
&:disabled {@include button(disabled);}
}
}
@import '../common/undershoot.scss';
@import '../common/stack_switcher.scss';
@import '../common/desktops.scss';

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

@ -97,7 +97,19 @@ label.error { color: #CC0000; }
label.error:disabled { color: rgba(204, 0, 0, 0.5); }
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, .entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
label.success { color: #33d17a; }
label.success:disabled { color: rgba(51, 209, 122, 0.5); }
label.accent { color: #769830; }
label.accent:disabled { color: rgba(118, 152, 48, 0.5); }
label.warning { color: #f57900; }
label.warning:disabled { color: rgba(245, 121, 0, 0.5); }
.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, .entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
window.assistant .sidebar { padding: 5px; border-top: 1px solid #595757; }
@ -174,6 +186,16 @@ spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not
spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection, .entry.error > selection { background-color: #CC0000; }
spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success, .entry.success { color: #33d17a; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
spinbutton.vertical > text.success, spinbutton.success:not(.vertical), entry.success, .entry.success { outline: 0 solid transparent; outline-offset: 4px; }
spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within, .entry.success:focus-within { outline-color: rgba(51, 209, 122, 0.5); outline-width: 2px; outline-offset: -2px; }
spinbutton.vertical > text.success:focus-within, spinbutton.success:focus-within:not(.vertical), entry.success:focus-within, .entry.success:focus-within { box-shadow: inset 0px 1px 3px 0 rgba(0, 0, 0, 0.7), inset 0 0 1px 1px #33d17a; }
spinbutton.vertical > text.success > selection, spinbutton.success:not(.vertical) > selection, entry.success > selection, .entry.success > selection { background-color: #33d17a; }
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning, .entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
@ -214,8 +236,6 @@ spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutt
spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo, spinbutton.vertical.linked > .entry:drop(active):not(:only-child) + text, .linked.vertical > .entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > .entry:drop(active):not(:only-child) + entry, .linked.vertical > .entry:drop(active):not(:only-child) + button, .linked.vertical > .entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > .entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > .entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #33d17a; }
spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error, .entry.error { color: #CC0000; }
treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #323232; transition-property: color, background; }
treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #323232; }
@ -229,7 +249,7 @@ editablelabel > stack > text { color: #EDF0F5; border-color: #575859; background
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } }
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus, dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-filter: brightness(1.2); }
@ -261,33 +281,29 @@ dropdown:drop(active) button.combo, combobox:drop(active) button.combo, scrollba
dnd tab.small-button, tabbar tab.small-button, notebook > header tabs > tab.small-button, notebook > header tabbar tabbox > tabboxchild.small-button, tabbar notebook > header tabbox > tabboxchild.small-button, notebook > header > tabs > arrow.small-button, columnview.view > header > button.small-button, treeview.view > header > button.small-button, button.small-button { padding: 0px; min-height: 10px; min-width: 10px; }
dnd tab.osd, tabbar tab.osd, notebook > header tabs > tab.osd, notebook > header tabbar tabbox > tabboxchild.osd, tabbar notebook > header tabbox > tabboxchild.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 5px; border: none; box-shadow: none; }
dnd tab.osd, tabbar tab.osd, notebook > header tabs > tab.osd, notebook > header tabbar tabbox > tabboxchild.osd, tabbar notebook > header tabbox > tabboxchild.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, button.osd { min-width: 26px; min-height: 32px; color: #66cbec; border-radius: 5px; }
dnd tab.osd.image-button, tabbar tab.osd.image-button, notebook > header tabs > tab.osd.image-button, notebook > header dnd tab.image-button, dnd notebook > header tab.image-button, notebook > header tabbar tab.image-button, tabbar notebook > header tab.image-button, notebook > header tabbar tabbox > tabboxchild.image-button, tabbar notebook > header tabbox > tabboxchild.image-button, notebook > header > tabs > arrow.osd.image-button, button.osd.image-button { min-width: 30px; }
dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, notebook > header tabs > tab.osd.image-button:only-child, notebook > header dnd tab.image-button:only-child, dnd notebook > header tab.image-button:only-child, notebook > header tabbar tab.image-button:only-child, tabbar notebook > header tab.image-button:only-child, notebook > header tabbar tabbox > tabboxchild.image-button:only-child, tabbar notebook > header tabbox > tabboxchild.image-button:only-child, notebook > header > tabs > arrow.osd.image-button:only-child, button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, button.osd:hover { border-color: currentColor; border: none; box-shadow: none; }
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd dnd tab, dnd .osd tab, .osd tabbar tab, tabbar .osd tab, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header tabbar tabbox > tabboxchild, tabbar .osd notebook > header tabbox > tabboxchild, notebook > header .osd tabbar tabbox > tabboxchild, tabbar notebook > header .osd tabbox > tabboxchild, .osd notebook > header > tabs > arrow, .osd columnview.view > header > button, .osd treeview.view > header > button, dnd tab.osd, tabbar tab.osd, notebook > header tabs > tab.osd, notebook > header tabbar tabbox > tabboxchild.osd, tabbar notebook > header tabbox > tabboxchild.osd, notebook > header > tabs > arrow.osd, columnview.view > header > button.osd, treeview.view > header > button.osd, .osd button, button.osd { border: 1px solid; color: #66cbec; background-color: rgba(32, 61, 121, 0.7); border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; border: none; box-shadow: none; }
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, .osd button:hover, button.osd:hover { border-color: currentColor; }
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd dnd tab, dnd .osd tab, .osd tabbar tab, tabbar .osd tab, .osd notebook > header tabs > tab, notebook > header .osd tabs > tab, .osd notebook > header tabbar tabbox > tabboxchild, tabbar .osd notebook > header tabbox > tabboxchild, notebook > header .osd tabbar tabbox > tabboxchild, tabbar notebook > header .osd tabbox > tabboxchild, .osd notebook > header > tabs > arrow, .osd columnview.view > header > button, .osd treeview.view > header > button, .osd button { color: #66cbec; background-color: rgba(32, 61, 121, 0.7); border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked, button.osd:active:backdrop, button.osd:active, button.osd:checked:backdrop, button.osd:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, .osd button:hover { border-color: currentColor; }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, dnd tab.osd:disabled, tabbar tab.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header tabbar tabbox > tabboxchild.osd:disabled, tabbar notebook > header tabbox > tabboxchild.osd:disabled, notebook > header > tabs > arrow.osd:disabled, .osd button:disabled:backdrop, .osd button:disabled, button.osd:disabled:backdrop, button.osd:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd dnd tab.flat, dnd .osd tab.flat, .osd tabbar tab.flat, tabbar .osd tab.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, tabbar notebook > header .osd tabbox > tabboxchild.flat, .osd notebook > header > tabs > arrow.flat, dnd tab.osd.flat, tabbar tab.osd.flat, notebook > header tabs > tab.osd.flat, notebook > header dnd tab.flat, dnd notebook > header tab.flat, notebook > header tabbar tab.flat, tabbar notebook > header tab.flat, notebook > header tabbar tabbox > tabboxchild.flat, tabbar notebook > header tabbox > tabboxchild.flat, notebook > header > tabs > arrow.osd.flat, .osd button.flat, button.osd.flat { -gtk-icon-shadow: 0 1px black; }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header .osd tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabs > tab.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header > tabs > arrow.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled), button.osd.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd dnd tab.flat, dnd .osd tab.flat, .osd tabbar tab.flat, tabbar .osd tab.flat, .osd notebook > header tabs > tab.flat, notebook > header .osd tabs > tab.flat, .osd notebook > header tabbar tabbox > tabboxchild.flat, tabbar .osd notebook > header tabbox > tabboxchild.flat, notebook > header .osd tabbar tabbox > tabboxchild.flat, tabbar notebook > header .osd tabbox > tabboxchild.flat, .osd notebook > header > tabs > arrow.flat, .osd button.flat { -gtk-icon-shadow: 0 1px black; }
.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd dnd tab.flat:hover, dnd .osd tab.flat:hover, .osd tabbar tab.flat:hover, tabbar .osd tab.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, tabbar notebook > header .osd tabbox > tabboxchild.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, dnd tab.osd.flat:hover, tabbar tab.osd.flat:hover, notebook > header tabs > tab.osd.flat:hover, notebook > header dnd tab.flat:hover, dnd notebook > header tab.flat:hover, notebook > header tabbar tab.flat:hover, tabbar notebook > header tab.flat:hover, notebook > header tabbar tabbox > tabboxchild.flat:hover, tabbar notebook > header tabbox > tabboxchild.flat:hover, notebook > header > tabs > arrow.osd.flat:hover, .osd button.flat:hover, button.osd.flat:hover { border-color: currentColor; }
.app-notification button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.touch-selection button.flat:not(:hover):not(:active):not(:checked):not(:disabled), popover.background.magnifier button.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd dnd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), dnd .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd tabbar tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabs > tab.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar .osd notebook > header tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), notebook > header .osd tabbar tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), tabbar notebook > header .osd tabbox > tabboxchild.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked):not(:disabled), .osd button.flat:not(:hover):not(:active):not(:checked):not(:disabled) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd dnd tab.flat:disabled, dnd .osd tab.flat:disabled, .osd tabbar tab.flat:disabled, tabbar .osd tab.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, tabbar notebook > header .osd tabbox > tabboxchild.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, dnd tab.osd.flat:disabled, tabbar tab.osd.flat:disabled, notebook > header tabs > tab.osd.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.osd.flat:disabled, .osd button.flat:disabled, button.osd.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd dnd tab.flat:hover, dnd .osd tab.flat:hover, .osd tabbar tab.flat:hover, tabbar .osd tab.flat:hover, .osd notebook > header tabs > tab.flat:hover, notebook > header .osd tabs > tab.flat:hover, .osd notebook > header tabbar tabbox > tabboxchild.flat:hover, tabbar .osd notebook > header tabbox > tabboxchild.flat:hover, notebook > header .osd tabbar tabbox > tabboxchild.flat:hover, tabbar notebook > header .osd tabbox > tabboxchild.flat:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd button.flat:hover { border-color: currentColor; }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd dnd tab.flat:disabled, dnd .osd tab.flat:disabled, .osd tabbar tab.flat:disabled, tabbar .osd tab.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, .osd notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar .osd notebook > header tabbox > tabboxchild.flat:disabled, notebook > header .osd tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header .osd tabbox > tabboxchild.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd button.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar .osd notebook > header tabbox > tabboxchild.flat:active, notebook > header .osd tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar .osd notebook > header tabbox > tabboxchild.flat:checked, notebook > header .osd tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; }
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, dnd tab.osd.flat:active, tabbar tab.osd.flat:active, notebook > header tabs > tab.osd.flat:active, notebook > header dnd tab.flat:active, dnd notebook > header tab.flat:active, notebook > header tabbar tab.flat:active, tabbar notebook > header tab.flat:active, notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header tabbox > tabboxchild.flat:active, notebook > header > tabs > arrow.osd.flat:active, dnd tab.osd.flat:checked, tabbar tab.osd.flat:checked, notebook > header tabs > tab.osd.flat:checked, notebook > header dnd tab.flat:checked, dnd notebook > header tab.flat:checked, notebook > header tabbar tab.flat:checked, tabbar notebook > header tab.flat:checked, notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header tabbox > tabboxchild.flat:checked, notebook > header > tabs > arrow.osd.flat:checked, .osd button.flat:active, .osd button.flat:checked, button.osd.flat:active, button.osd.flat:checked { box-shadow: 0 0 3px 2px #769830; }
dnd tab.suggested-action, tabbar tab.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header tabbox > tabboxchild.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
@ -542,39 +558,39 @@ windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769
windowcontrols button > image { background-color: unset; }
/*************** Header bars * */
.titlebar:not(headerbar), headerbar, windowhandle { padding: 0 0px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; background: #768556 image(#768556); color: #ffffff; /* Darken switchbuttons for headerbars. issue #1588 */ }
.titlebar:not(headerbar), headerbar { padding: 0 0px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6d6c6c; border-radius: 0; background: #768556 image(#768556); color: #ffffff; /* Darken switchbuttons for headerbars. issue #1588 */ }
.titlebar:backdrop:not(headerbar), headerbar:backdrop, windowhandle:backdrop { border-color: #545252; background-color: #3f3e3e; color: #EDF0F5; background-image: none; transition: 200ms ease-out; }
.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #545252; background-color: #3f3e3e; color: #EDF0F5; background-image: none; transition: 200ms ease-out; }
.titlebar:not(headerbar) .title, headerbar .title, windowhandle .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle, windowhandle .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
.titlebar:not(headerbar) button, headerbar button, windowhandle button { color: #ffffff; background-color: #849167; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.titlebar:not(headerbar) button, headerbar button { color: #ffffff; background-color: #849167; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.titlebar:not(headerbar) button:backdrop:not(:checked), headerbar button:backdrop:not(:checked), windowhandle button:backdrop:not(:checked) { color: #EDF0F5; background-color: #505050; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.titlebar:not(headerbar) button:backdrop:not(:checked), headerbar button:backdrop:not(:checked) { color: #EDF0F5; background-color: #505050; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
.titlebar:not(headerbar) button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):hover, windowhandle button:backdrop:not(:checked):hover { border-color: currentColor; }
.titlebar:not(headerbar) button:backdrop:not(:checked):hover, headerbar button:backdrop:not(:checked):hover { border-color: currentColor; }
.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar, .tiled windowhandle, .tiled-top windowhandle, .tiled-left windowhandle, .tiled-right windowhandle, .tiled-bottom windowhandle, .maximized windowhandle, .fullscreen windowhandle { border-radius: 0; }
.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
.default-decoration.titlebar:not(headerbar), headerbar.default-decoration, windowhandle.default-decoration { min-height: 28px; padding: 4px; }
.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton, windowhandle.default-decoration windowcontrols button, windowhandle.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button, windowhandle.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr), .solid-csd windowhandle:backdrop:dir(rtl), .solid-csd windowhandle:backdrop:dir(ltr), .solid-csd windowhandle:dir(rtl), .solid-csd windowhandle:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
headerbar { padding: 0 6px; }
headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 2px; margin-bottom: 2px; }
headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
headerbar switch { margin-top: 10px; margin-bottom: 10px; }
headerbar switch { margin-top: 2px; margin-bottom: 2px; }
window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
@ -712,7 +728,7 @@ popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { marg
popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; border: 1px solid transparent; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; border: 1px solid transparent; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
popover.menu modelbutton:hover { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border-color: currentColor; }
@ -773,6 +789,8 @@ notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transp
notebook > header tabs > tab, notebook > header dnd tab, dnd notebook > header tab, notebook > header tabbar tab, tabbar notebook > header tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild { border-radius: 9999px; outline-color: transparent; margin: 3px; }
notebook > header tabs > tab:hover, notebook > header dnd tab:hover, dnd notebook > header tab:hover, notebook > header tabbar tab:hover, tabbar notebook > header tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover { border-color: currentColor; }
notebook > header tabs > tab button.flat, notebook > header dnd tab button.flat, dnd notebook > header tab button.flat, notebook > header tabbar tab button.flat, tabbar notebook > header tab button.flat, notebook > header tabbar tabbox > tabboxchild button.flat, tabbar notebook > header tabbox > tabboxchild button.flat { border-radius: 9999px; padding: 1px; margin: 2px; }
notebook > header tabs > tab button.flat:last-child, notebook > header dnd tab button.flat:last-child, dnd notebook > header tab button.flat:last-child, notebook > header tabbar tab button.flat:last-child, tabbar notebook > header tab button.flat:last-child, notebook > header tabbar tabbox > tabboxchild button.flat:last-child, tabbar notebook > header tabbox > tabboxchild button.flat:last-child { margin-left: 4px; margin-right: -4px; }
@ -866,9 +884,7 @@ taboverview > .overview .new-tab-button { margin: 18px; }
tabview:drop(active), tabbox:drop(active), tabgrid:drop(active) { box-shadow: none; }
/************** Scrollbars * */
scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
scrollbar:not(:hover) { opacity: 0.5; }
scrollbar { background-color: #393838; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0.5; }
scrollbar.top { border-bottom: 1px solid #595757; }
@ -880,6 +896,8 @@ scrollbar.right { border-left: 1px solid #595757; }
scrollbar > range > trough { outline-style: none; }
scrollbar > range > trough, scrollbar > range > trough:hover { margin: 2px; }
scrollbar > range > trough > slider { padding: 0; min-width: 10px; min-height: 10px; margin: 0px; border-radius: 9999px; background-clip: padding-box; background-color: #585858; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; outline-style: none; }
scrollbar > range > trough > slider:hover { background-color: #677844; color: #a1a1a1; background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; }
@ -905,7 +923,7 @@ switch:checked { color: #ffffff; background-color: #61723e; }
switch:disabled { color: #7b7b7b; border-color: #595757; background-color: #494949; text-shadow: none; }
switch > slider { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; }
switch > slider { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); background-image: url("assets/draggable-white.svg"); background-position: center; background-repeat: no-repeat; background-size: 0.7rem; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid transparent; border-radius: 50%; }
switch > image { color: transparent; }
@ -1517,7 +1535,7 @@ tooltip.csd { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); }
/********************** Touch Copy & Paste * */
/********************** Touch Copy & Paste * */
cursor-handle { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border: 1px solid #666464; border-radius: 100%; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
cursor-handle { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border: 1px solid #666464; border-radius: 100%; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
cursor-handle:hover { border-color: currentColor; }
@ -1593,6 +1611,15 @@ menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
/********* Cards * */
.card { border: 1px solid transparent; transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.card.activatable:hover { border-color: currentColor; }
.card.activatable:active { box-shadow: 0 0 3px 2px #769830; }
.card.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
undershoot { background-repeat: no-repeat; background-clip: border-box; background-image: image(alpha(#4384b3,0.3)); }
undershoot.top { background-size: 100% 0.5em; background-position: top; }
@ -1615,6 +1642,32 @@ XfdesktopIconView.view .rubberband { background-color: alpha(#769830,0.5); }
XfdesktopIconView.view:active { text-shadow: none; color: #ffffff; background-color: alpha(#769830,0.5); }
.nautilus-window .top-bar { background-color: #768556; color: #ffffff; }
.nautilus-window .top-bar:backdrop { background-color: #3f3e3e; color: #EDF0F5; transition: none; }
.nautilus-window .top-bar .collapse-spacing { padding: 0; }
.nautilus-window .nautilus-list-view columnview, .nautilus-window .nautilus-list-view listview, .nautilus-window .nautilus-list-view cell { margin: 0; }
.nautilus-window .nautilus-list-view cell { padding: 0; }
.nautilus-window .nautilus-list-view row { margin: 0; }
#NautilusPathBar { padding: 2px; border: 1px solid alpha(currentColor,0.3); }
#NautilusPathBar button, #NautilusPathBar menubutton { margin: 0; }
#NautilusPathBar > scrolledwindow { background-color: transparent; }
#NautilusPathBar > scrolledwindow > viewport { padding: 2px; }
#NautilusPathBar > scrolledwindow > undershoot { border-radius: 0; box-shadow: none; border: none; }
headerbar { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
windowhandle > box { padding: 0; }
/* GTK NAMED COLORS ---------------- use responsibly! */
/*
widget text/foreground color */