GTK3 & GTK4: regenerate css files
This commit is contained in:
Daniel Ruiz de Alegría
@@ -146,7 +146,7 @@ assistant .sidebar {
|
||||
border-top: 1px solid #0d0e11; }
|
||||
assistant .sidebar:backdrop {
|
||||
background-color: #292c37;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
assistant.csd .sidebar {
|
||||
border-top-style: none; }
|
||||
@@ -273,14 +273,14 @@ entry {
|
||||
spinbutton:backdrop:not(.vertical),
|
||||
entry:backdrop {
|
||||
color: #d4d5d7;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #292c37;
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
spinbutton:backdrop:disabled:not(.vertical),
|
||||
entry:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #242731;
|
||||
box-shadow: none; }
|
||||
spinbutton.error:not(.vertical),
|
||||
@@ -381,7 +381,7 @@ entry progress {
|
||||
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
|
||||
border-top-color: #1f222a; }
|
||||
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
|
||||
border-top-color: #23262f; }
|
||||
border-top-color: #21232c; }
|
||||
|
||||
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled {
|
||||
border-top-color: #1f222a; }
|
||||
@@ -492,8 +492,8 @@ button {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat,
|
||||
button.flat {
|
||||
border-color: transparent;
|
||||
@@ -517,7 +517,7 @@ button {
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
-gtk-icon-effect: highlight; }
|
||||
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
|
||||
button:active,
|
||||
@@ -534,7 +534,7 @@ button {
|
||||
button.flat:backdrop,
|
||||
button:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -547,14 +547,14 @@ button {
|
||||
button:backdrop:active,
|
||||
button:backdrop:checked {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1a1d23);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
notebook > header > tabs > arrow:backdrop:disabled,
|
||||
button.flat:backdrop:disabled,
|
||||
button:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -565,7 +565,7 @@ button {
|
||||
button:backdrop:disabled:active,
|
||||
button:backdrop:disabled:checked {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1a1d23);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled,
|
||||
@@ -798,8 +798,8 @@ button.suggested-action {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#4b8eff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.suggested-action.flat {
|
||||
border-color: transparent;
|
||||
@@ -816,7 +816,7 @@ button.suggested-action {
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.suggested-action:active,
|
||||
button.suggested-action:checked {
|
||||
@@ -849,7 +849,7 @@ button.suggested-action {
|
||||
button.suggested-action:backdrop:disabled,
|
||||
button.suggested-action.flat:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -944,8 +944,8 @@ button.destructive-action {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #790e0e;
|
||||
border-bottom-color: #4b0909;
|
||||
background-image: image(#bd1616);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#c61717);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.destructive-action.flat {
|
||||
border-color: transparent;
|
||||
@@ -962,7 +962,7 @@ button.destructive-action {
|
||||
border-color: #790e0e;
|
||||
border-bottom-color: #4b0909;
|
||||
background-image: linear-gradient(to top, #a21313, #ab1414 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.destructive-action:active,
|
||||
button.destructive-action:checked {
|
||||
@@ -995,7 +995,7 @@ button.destructive-action {
|
||||
button.destructive-action:backdrop:disabled,
|
||||
button.destructive-action.flat:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -1135,8 +1135,8 @@ button.circular {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d), linear-gradient(to top, black 25%, #0d0e11 50%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background-image: image(#323643), linear-gradient(to top, black 25%, #0d0e11 50%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: transparent; }
|
||||
|
||||
button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
|
||||
@@ -1145,7 +1145,7 @@ button.circular {
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: transparent; }
|
||||
|
||||
stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
|
||||
@@ -1167,15 +1167,15 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.inline-toolbar toolbutton > button:hover {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
@@ -1198,26 +1198,26 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1a1d23);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1a1d23);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
|
||||
@@ -1316,7 +1316,7 @@ list row button.image-button:not(.flat) {
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
@@ -1437,7 +1437,7 @@ spinbutton {
|
||||
spinbutton:not(.vertical) button:backdrop {
|
||||
color: #7f8184;
|
||||
background-color: transparent;
|
||||
border-color: rgba(22, 23, 29, 0.3);
|
||||
border-color: rgba(13, 14, 17, 0.3);
|
||||
transition: 200ms ease-out; }
|
||||
spinbutton:not(.vertical) button:backdrop:disabled {
|
||||
color: rgba(67, 73, 90, 0.3);
|
||||
@@ -1641,8 +1641,8 @@ searchbar > revealer > box {
|
||||
background-color: #1c1e25; }
|
||||
.inline-toolbar:backdrop, searchbar > revealer > box:backdrop,
|
||||
.location-bar:backdrop {
|
||||
border-color: #16171d;
|
||||
background-color: #1e2028;
|
||||
border-color: #0d0e11;
|
||||
background-color: #1b1d24;
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
|
||||
@@ -1663,7 +1663,7 @@ headerbar {
|
||||
/* hide the close button separator */ }
|
||||
.titlebar:backdrop:not(headerbar),
|
||||
headerbar:backdrop {
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #23252e;
|
||||
background-image: none;
|
||||
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
|
||||
@@ -1690,7 +1690,7 @@ headerbar {
|
||||
headerbar stackswitcher button:checked:backdrop,
|
||||
headerbar button.toggle:checked:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1a1d23);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar,
|
||||
@@ -1715,8 +1715,8 @@ headerbar {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#4b8eff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
|
||||
headerbar.selection-mode button.flat {
|
||||
border-color: transparent;
|
||||
@@ -1732,7 +1732,7 @@ headerbar {
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active,
|
||||
headerbar.selection-mode button:active,
|
||||
headerbar.selection-mode button:checked,
|
||||
@@ -1815,8 +1815,8 @@ headerbar {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: #00348d; }
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover,
|
||||
headerbar.selection-mode button.suggested-action:hover {
|
||||
@@ -1825,7 +1825,7 @@ headerbar {
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: #00348d; }
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active,
|
||||
headerbar.selection-mode button.suggested-action:active {
|
||||
@@ -1849,7 +1849,7 @@ headerbar {
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop,
|
||||
headerbar.selection-mode button.suggested-action:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -1858,7 +1858,7 @@ headerbar {
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled,
|
||||
headerbar.selection-mode button.suggested-action:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -2319,8 +2319,8 @@ notebook > header {
|
||||
border-width: 1px;
|
||||
background-color: #1b1d24; }
|
||||
notebook > header:backdrop {
|
||||
border-color: #16171d;
|
||||
background-color: #1e2028; }
|
||||
border-color: #0d0e11;
|
||||
background-color: #1b1d24; }
|
||||
notebook > header tabs {
|
||||
margin: -1px; }
|
||||
notebook > header.top {
|
||||
@@ -2436,7 +2436,7 @@ notebook > header {
|
||||
notebook > header tab:backdrop:checked {
|
||||
color: #888a8d; }
|
||||
notebook > header tab.reorderable-page:backdrop:checked {
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #23252e; }
|
||||
notebook > header tab button.flat {
|
||||
padding: 0;
|
||||
@@ -2513,7 +2513,7 @@ scrollbar {
|
||||
border-left: 1px solid #0d0e11; }
|
||||
scrollbar:backdrop {
|
||||
background-color: #272a34;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
transition: 200ms ease-out; }
|
||||
scrollbar slider {
|
||||
min-width: 8px;
|
||||
@@ -2666,8 +2666,8 @@ switch {
|
||||
text-shadow: none; }
|
||||
switch:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
background-color: #1e2028;
|
||||
border-color: #0d0e11;
|
||||
background-color: #1b1d24;
|
||||
text-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
switch:backdrop:checked {
|
||||
@@ -2675,7 +2675,7 @@ switch {
|
||||
background-color: #2777ff; }
|
||||
switch:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #242731; }
|
||||
switch slider {
|
||||
margin: -1px;
|
||||
@@ -2689,7 +2689,7 @@ switch {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #040405;
|
||||
background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
switch image {
|
||||
color: transparent; }
|
||||
switch:hover slider {
|
||||
@@ -2697,7 +2697,7 @@ switch {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #040405;
|
||||
background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
switch:checked > slider {
|
||||
border: 1px solid #00215a; }
|
||||
switch:disabled slider {
|
||||
@@ -2710,7 +2710,7 @@ switch {
|
||||
switch:backdrop slider {
|
||||
transition: 200ms ease-out;
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -2719,7 +2719,7 @@ switch {
|
||||
border-color: #00215a; }
|
||||
switch:backdrop:disabled slider {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -3069,8 +3069,8 @@ progressbar trough, scale fill, scale trough {
|
||||
progressbar trough:disabled, scale fill:disabled, scale trough:disabled {
|
||||
background-color: #242731; }
|
||||
progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop {
|
||||
background-color: #1e2028;
|
||||
border-color: #16171d;
|
||||
background-color: #1b1d24;
|
||||
border-color: #0d0e11;
|
||||
transition: 200ms ease-out; }
|
||||
progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled {
|
||||
background-color: #242731; }
|
||||
@@ -3145,7 +3145,7 @@ scale {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: black;
|
||||
background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border: 1px solid black;
|
||||
border-radius: 100%;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
@@ -3155,7 +3155,7 @@ scale {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: black;
|
||||
background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
scale slider:active {
|
||||
border-color: #00348d; }
|
||||
scale slider:disabled {
|
||||
@@ -3168,14 +3168,14 @@ scale {
|
||||
scale slider:backdrop {
|
||||
transition: 200ms ease-out;
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
scale slider:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -3776,7 +3776,7 @@ levelbar trough {
|
||||
box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); }
|
||||
levelbar trough:backdrop {
|
||||
color: #d4d5d7;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #292c37;
|
||||
box-shadow: none; }
|
||||
|
||||
@@ -3814,7 +3814,7 @@ printdialog paper {
|
||||
padding: 0; }
|
||||
printdialog paper:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
printdialog .dialog-action-box {
|
||||
margin: 12px; }
|
||||
@@ -3834,13 +3834,13 @@ frame > border,
|
||||
border-style: none; }
|
||||
frame > border:backdrop,
|
||||
.frame:backdrop {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
actionbar > revealer > box {
|
||||
padding: 6px;
|
||||
border-top: 1px solid #0d0e11; }
|
||||
actionbar > revealer > box:backdrop {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
@@ -3854,7 +3854,7 @@ scrolledwindow overshoot.top {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.top:backdrop {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
@@ -3871,7 +3871,7 @@ scrolledwindow overshoot.bottom {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.bottom:backdrop {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
@@ -3888,7 +3888,7 @@ scrolledwindow overshoot.left {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.left:backdrop {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
@@ -3905,7 +3905,7 @@ scrolledwindow overshoot.right {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.right:backdrop {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
@@ -3920,7 +3920,7 @@ scrolledwindow junction {
|
||||
scrolledwindow junction:dir(rtl) {
|
||||
border-image-slice: 0 1 0 0; }
|
||||
scrolledwindow junction:backdrop {
|
||||
border-image-source: linear-gradient(to bottom, #16171d 1px, transparent 1px);
|
||||
border-image-source: linear-gradient(to bottom, #0d0e11 1px, transparent 1px);
|
||||
background-color: #272a34;
|
||||
transition: 200ms ease-out; }
|
||||
|
||||
@@ -3939,7 +3939,7 @@ list {
|
||||
list:backdrop {
|
||||
color: #d4d5d7;
|
||||
background-color: #292c37;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
list row {
|
||||
padding: 2px; }
|
||||
|
||||
@@ -4024,7 +4024,7 @@ calendar {
|
||||
color: #43495a; }
|
||||
calendar:backdrop {
|
||||
color: #d4d5d7;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
calendar:indeterminate {
|
||||
color: alpha(currentColor,0.1); }
|
||||
|
||||
@@ -4060,7 +4060,7 @@ messagedialog.csd .dialog-action-area button {
|
||||
filechooser .dialog-action-box {
|
||||
border-top: 1px solid #0d0e11; }
|
||||
filechooser .dialog-action-box:backdrop {
|
||||
border-top-color: #16171d; }
|
||||
border-top-color: #0d0e11; }
|
||||
|
||||
filechooser #pathbarbox {
|
||||
border-bottom: 1px solid #23252e; }
|
||||
@@ -4083,7 +4083,7 @@ filechooserbutton:drop(active) {
|
||||
border-right-style: none; }
|
||||
.sidebar:backdrop {
|
||||
background-color: #262933;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
transition: 200ms ease-out; }
|
||||
.sidebar list {
|
||||
background-color: transparent; }
|
||||
@@ -4101,7 +4101,7 @@ stacksidebar row {
|
||||
separator.sidebar {
|
||||
background-color: #0d0e11; }
|
||||
separator.sidebar:backdrop {
|
||||
background-color: #16171d; }
|
||||
background-color: #0d0e11; }
|
||||
separator.sidebar.selection-mode, .selection-mode separator.sidebar {
|
||||
background-color: #0047c0; }
|
||||
|
||||
@@ -4192,7 +4192,7 @@ paned > separator {
|
||||
paned > separator:selected {
|
||||
background-image: image(#2777ff); }
|
||||
paned > separator:backdrop {
|
||||
background-image: image(#16171d); }
|
||||
background-image: image(#0d0e11); }
|
||||
paned > separator.wide {
|
||||
min-width: 5px;
|
||||
min-height: 5px;
|
||||
@@ -4201,7 +4201,7 @@ paned > separator {
|
||||
background-size: 1px 1px, 1px 1px; }
|
||||
paned > separator.wide:backdrop {
|
||||
background-color: #23252e;
|
||||
background-image: image(#16171d), image(#16171d); }
|
||||
background-image: image(#0d0e11), image(#0d0e11); }
|
||||
|
||||
paned.horizontal > separator {
|
||||
background-repeat: repeat-y; }
|
||||
@@ -4252,15 +4252,15 @@ infobar {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
@@ -4278,7 +4278,7 @@ infobar {
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -4286,7 +4286,7 @@ infobar {
|
||||
border-color: #0d0e11; }
|
||||
infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -4397,18 +4397,18 @@ colorswatch#add-color-button {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
colorswatch#add-color-button overlay:hover {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
colorswatch#add-color-button overlay:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -5105,13 +5105,13 @@ switch {
|
||||
box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); }
|
||||
switch:backdrop, switch:disabled {
|
||||
box-shadow: none;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
switch slider:checked {
|
||||
border-color: #0d0e11; }
|
||||
switch slider:checked:backdrop:not(:disabled) {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
switch slider:disabled {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
/*************************
|
||||
* Check and Radio items *
|
||||
@@ -5154,8 +5154,8 @@ scale slider {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: black; }
|
||||
switch:hover slider, switch slider:active,
|
||||
scale slider:active {
|
||||
@@ -5163,7 +5163,7 @@ scale slider {
|
||||
border-color: #2777ff; }
|
||||
switch slider:disabled,
|
||||
scale slider:disabled {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
/***************
|
||||
* Header bars *
|
||||
@@ -5207,7 +5207,7 @@ headerbar {
|
||||
box-shadow: none; }
|
||||
|
||||
paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child {
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background: #272a34;
|
||||
box-shadow: none; }
|
||||
paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop {
|
||||
@@ -5219,14 +5219,14 @@ paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titleba
|
||||
treeview.view {
|
||||
border-top-color: #0d0e11; }
|
||||
treeview.view:backdrop {
|
||||
border-top-color: #16171d; }
|
||||
border-top-color: #0d0e11; }
|
||||
treeview.view header button {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
treeview.view header button:hover, treeview.view header button:active {
|
||||
border-color: #0d0e11; }
|
||||
treeview.view header button:backdrop {
|
||||
@@ -5266,7 +5266,7 @@ notebook > header {
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
notebook > header.top > tabs > tab:checked,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked,
|
||||
@@ -5276,15 +5276,16 @@ notebook > header {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background: #272a34; }
|
||||
notebook > header.top > tabs > tab:checked:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -5337,8 +5338,8 @@ infobar.info.action:hover button.flat {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#4b8eff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.info button:hover,
|
||||
infobar.info button.flat:hover, infobar.info.action:hover button:hover,
|
||||
infobar.info.action:hover button.flat:hover {
|
||||
@@ -5347,7 +5348,7 @@ infobar.info.action:hover button.flat {
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.info button:active, infobar.info button:checked,
|
||||
infobar.info button.flat:active,
|
||||
infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked,
|
||||
@@ -5412,8 +5413,8 @@ infobar.warning.action:hover button.flat {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #ca6400;
|
||||
border-bottom-color: #974b00;
|
||||
background-image: image(#ff8a18);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#ff8f22);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.question button:hover,
|
||||
infobar.question button.flat:hover, infobar.warning button:hover,
|
||||
infobar.warning button.flat:hover, infobar.question.action:hover button:hover,
|
||||
@@ -5424,7 +5425,7 @@ infobar.warning.action:hover button.flat {
|
||||
border-color: #ca6400;
|
||||
border-bottom-color: #974b00;
|
||||
background-image: linear-gradient(to top, #f87a00, #ff8003 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.question button:active, infobar.question button:checked,
|
||||
infobar.question button.flat:active,
|
||||
infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked,
|
||||
@@ -5506,8 +5507,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #911212;
|
||||
border-bottom-color: #640c0c;
|
||||
background-image: image(#d61a1a);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#df1b1b);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.error:backdrop > revealer > box button:hover,
|
||||
infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover,
|
||||
infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover,
|
||||
@@ -5518,7 +5519,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
|
||||
border-color: #911212;
|
||||
border-bottom-color: #640c0c;
|
||||
background-image: linear-gradient(to top, #ba1616, #c41818 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked,
|
||||
infobar.error:backdrop > revealer > box button.flat:active,
|
||||
infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked,
|
||||
@@ -5596,7 +5597,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
|
||||
.app-notification.frame {
|
||||
padding: 5px 10px;
|
||||
margin: 20px;
|
||||
border-radius: 4px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid rgba(13, 14, 17, 0.65);
|
||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
|
||||
background-image: none; }
|
||||
@@ -5743,7 +5744,7 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
|
||||
border-style: solid; }
|
||||
|
||||
.path-bar-box:backdrop {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
/* XFCE4 PANEL */
|
||||
.xfce4-panel.background {
|
||||
@@ -5919,7 +5920,7 @@ widgets main borders color */
|
||||
@define-color borders #0d0e11;
|
||||
/*
|
||||
widgets main borders color on backdrop windows */
|
||||
@define-color unfocused_borders #16171d;
|
||||
@define-color unfocused_borders #0d0e11;
|
||||
/*
|
||||
these are pretty self explicative */
|
||||
@define-color warning_color #fd7d00;
|
||||
|
||||
@@ -231,7 +231,7 @@ entry {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
border: 1px solid;
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
border-spacing: 6px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
color: white;
|
||||
@@ -434,13 +434,13 @@ button {
|
||||
min-width: 16px;
|
||||
padding: 4px 9px;
|
||||
border: 1px solid;
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #252831 2px, #272a34);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
notebook > header > tabs > arrow, windowcontrols button,
|
||||
button {
|
||||
outline: 0 solid transparent;
|
||||
@@ -455,7 +455,7 @@ button {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
-gtk-icon-filter: brightness(1.2); }
|
||||
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
|
||||
button:active,
|
||||
@@ -481,7 +481,7 @@ button {
|
||||
button.flat:backdrop,
|
||||
button:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out;
|
||||
@@ -492,14 +492,14 @@ button {
|
||||
button:backdrop:active,
|
||||
button:backdrop:checked {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1e2128);
|
||||
box-shadow: none; }
|
||||
notebook > header > tabs > arrow:backdrop:disabled,
|
||||
button.flat:backdrop:disabled,
|
||||
button:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
box-shadow: none; }
|
||||
notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
|
||||
@@ -508,7 +508,7 @@ button {
|
||||
button:backdrop:disabled:active,
|
||||
button:backdrop:disabled:checked {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1e2128);
|
||||
box-shadow: none; }
|
||||
notebook > header > tabs > arrow:disabled,
|
||||
@@ -688,8 +688,8 @@ button.suggested-action {
|
||||
color: white;
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.suggested-action {
|
||||
outline: 0 solid transparent;
|
||||
@@ -711,7 +711,7 @@ button.suggested-action {
|
||||
color: white;
|
||||
border-color: #0051da;
|
||||
background-image: linear-gradient(to top, #136aff 20%, #186eff 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.suggested-action:active,
|
||||
button.suggested-action:checked {
|
||||
@@ -770,8 +770,8 @@ button.destructive-action {
|
||||
color: white;
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #4b0909;
|
||||
background-image: linear-gradient(to top, #a21313 2px, #a61414);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#bd1616);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.destructive-action {
|
||||
outline: 0 solid transparent;
|
||||
@@ -793,7 +793,7 @@ button.destructive-action {
|
||||
color: white;
|
||||
border-color: #620c0c;
|
||||
background-image: linear-gradient(to top, #941111 20%, #991212 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.destructive-action:active,
|
||||
button.destructive-action:checked {
|
||||
@@ -867,13 +867,13 @@ button.font > box {
|
||||
button.font > box > box > label {
|
||||
font-weight: bold; }
|
||||
|
||||
|
||||
menubutton.circular button,
|
||||
button.circular {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
padding: 0;
|
||||
border-radius: 9999px; }
|
||||
|
||||
menubutton.circular button label,
|
||||
button.circular label {
|
||||
padding: 0; }
|
||||
|
||||
@@ -961,7 +961,7 @@ modelbutton.flat {
|
||||
min-height: 26px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 5px; }
|
||||
border-radius: 4px; }
|
||||
modelbutton.flat:hover {
|
||||
background-color: #3b3e46; }
|
||||
modelbutton.flat:disabled {
|
||||
@@ -986,7 +986,7 @@ modelbutton.flat arrow {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.toolbar button:active {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
@@ -998,12 +998,12 @@ modelbutton.flat arrow {
|
||||
background-image: image(#242731); }
|
||||
.toolbar button:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
box-shadow: none; }
|
||||
.toolbar button:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
box-shadow: none; }
|
||||
|
||||
@@ -1022,7 +1022,7 @@ list > row button.image-button:not(.flat) {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked,
|
||||
list > row button.image-button:not(.flat):active,
|
||||
list > row button.image-button:not(.flat):checked {
|
||||
@@ -1124,10 +1124,10 @@ spinbutton {
|
||||
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
|
||||
spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child,
|
||||
spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child {
|
||||
border-radius: 0 5px 5px 0; }
|
||||
border-radius: 0 4px 4px 0; }
|
||||
spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child,
|
||||
spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
|
||||
border-radius: 5px 0 0 5px; }
|
||||
border-radius: 4px 0 0 4px; }
|
||||
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat),
|
||||
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) {
|
||||
border-color: transparent;
|
||||
@@ -1166,10 +1166,10 @@ spinbutton {
|
||||
box-shadow: none; }
|
||||
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child,
|
||||
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child {
|
||||
border-radius: 0 5px 5px 0; }
|
||||
border-radius: 0 4px 4px 0; }
|
||||
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child,
|
||||
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
|
||||
border-radius: 5px 0 0 5px; }
|
||||
border-radius: 4px 0 0 4px; }
|
||||
spinbutton.vertical:disabled {
|
||||
color: #888a8d; }
|
||||
spinbutton.vertical:drop(active) {
|
||||
@@ -1316,8 +1316,8 @@ searchbar > revealer > box {
|
||||
border-color: #0d0e11;
|
||||
background-color: #1c1e25; }
|
||||
searchbar > revealer > box:backdrop {
|
||||
border-color: #16171d;
|
||||
background-color: #1e2028;
|
||||
border-color: #0d0e11;
|
||||
background-color: #1b1d24;
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
|
||||
@@ -1350,7 +1350,7 @@ searchbar .close {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
/*****************
|
||||
* Title buttons *
|
||||
@@ -1393,7 +1393,7 @@ headerbar {
|
||||
/* Darken switchbuttons for headerbars. issue #1588 */ }
|
||||
.titlebar:backdrop:not(headerbar),
|
||||
headerbar:backdrop {
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #23252e;
|
||||
background-image: none;
|
||||
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
|
||||
@@ -1420,7 +1420,7 @@ headerbar {
|
||||
headerbar stackswitcher > button:checked:backdrop,
|
||||
headerbar button.toggle:checked:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1e2128);
|
||||
box-shadow: none; }
|
||||
.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 {
|
||||
@@ -1627,6 +1627,16 @@ treeview.view {
|
||||
treeview.view > header > button:active {
|
||||
color: #eeeeec;
|
||||
transition: none; }
|
||||
columnview.view > header > button sort-indicator,
|
||||
treeview.view > header > button sort-indicator {
|
||||
min-height: 16px;
|
||||
min-width: 16px; }
|
||||
columnview.view > header > button sort-indicator.ascending,
|
||||
treeview.view > header > button sort-indicator.ascending {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
columnview.view > header > button sort-indicator.descending,
|
||||
treeview.view > header > button sort-indicator.descending {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd,
|
||||
columnview.view header.button.dnd:active,
|
||||
columnview.view header.button.dnd:selected,
|
||||
@@ -1687,7 +1697,7 @@ popover.background {
|
||||
background-color: transparent; }
|
||||
popover.background > contents {
|
||||
padding: 8px;
|
||||
border-radius: 9px; }
|
||||
border-radius: 8px; }
|
||||
popover.background > contents > list,
|
||||
popover.background > contents > .view,
|
||||
popover.background > contents > iconview,
|
||||
@@ -1817,7 +1827,7 @@ menubar {
|
||||
padding: 0 0 4px 0; }
|
||||
menubar > item popover.menu.background popover.menu.background > contents {
|
||||
margin: 0;
|
||||
border-radius: 9px; }
|
||||
border-radius: 8px; }
|
||||
|
||||
/*************
|
||||
* Notebooks *
|
||||
@@ -2003,11 +2013,11 @@ scrollbar {
|
||||
scrollbar.right {
|
||||
border-left: 1px solid #0d0e11; }
|
||||
scrollbar > range > trough > slider {
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
min-width: 10px;
|
||||
min-height: 10px;
|
||||
margin: -1px;
|
||||
border: 4px solid transparent;
|
||||
border-radius: 8px;
|
||||
border-radius: 10px;
|
||||
background-clip: padding-box;
|
||||
background-color: #41434b; }
|
||||
scrollbar > range > trough > slider:hover {
|
||||
@@ -2017,12 +2027,12 @@ scrollbar {
|
||||
scrollbar > range > trough > slider:disabled {
|
||||
background-color: transparent; }
|
||||
scrollbar > range.fine-tune > trough > slider {
|
||||
min-width: 4px;
|
||||
min-height: 4px; }
|
||||
min-width: 6px;
|
||||
min-height: 6px; }
|
||||
scrollbar > range.fine-tune.horizontal > trough > slider {
|
||||
border-width: 5px 4px; }
|
||||
border-width: 6px 4px; }
|
||||
scrollbar > range.fine-tune.vertical > trough > slider {
|
||||
border-width: 4px 5px; }
|
||||
border-width: 4px 6px; }
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||
border-color: transparent;
|
||||
opacity: 0.4;
|
||||
@@ -2084,8 +2094,8 @@ switch {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #252831 2px, #272a34);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
margin: -1px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
@@ -2099,7 +2109,7 @@ switch {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
switch:checked > slider {
|
||||
border: 1px solid #00348d; }
|
||||
switch:disabled > slider {
|
||||
@@ -2234,7 +2244,7 @@ switch {
|
||||
|
||||
checkbutton {
|
||||
border-spacing: 4px;
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
checkbutton {
|
||||
outline: 0 solid transparent;
|
||||
@@ -2442,8 +2452,8 @@ scale {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #252831 2px, #272a34);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 100%;
|
||||
@@ -2453,7 +2463,7 @@ scale {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
scale > trough > slider:active {
|
||||
border-color: #00348d; }
|
||||
scale > trough > slider:disabled {
|
||||
@@ -2964,7 +2974,7 @@ frame,
|
||||
border: 1px solid #0d0e11; }
|
||||
|
||||
frame {
|
||||
border-radius: 8px; }
|
||||
border-radius: 7px; }
|
||||
frame > label {
|
||||
margin: 4px; }
|
||||
|
||||
@@ -3031,7 +3041,7 @@ list {
|
||||
list:backdrop {
|
||||
color: #d4d5d7;
|
||||
background-color: #292c37;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
listview > row,
|
||||
list > row {
|
||||
padding: 2px; }
|
||||
@@ -3158,7 +3168,7 @@ expander-widget:focus:focus-visible > box > title {
|
||||
|
||||
expander-widget > box > title {
|
||||
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
border-radius: 5px; }
|
||||
border-radius: 4px; }
|
||||
expander-widget > box > title:hover > expander {
|
||||
color: white; }
|
||||
|
||||
@@ -3221,8 +3231,8 @@ window.dialog.message label.title {
|
||||
font-size: 15pt; }
|
||||
|
||||
window.dialog.message.csd.background {
|
||||
border-bottom-left-radius: 9px;
|
||||
border-bottom-right-radius: 9px; }
|
||||
border-bottom-left-radius: 8px;
|
||||
border-bottom-right-radius: 8px; }
|
||||
|
||||
window.dialog.message.csd .dialog-action-area button {
|
||||
padding: 10px 14px;
|
||||
@@ -3437,7 +3447,7 @@ video {
|
||||
************/
|
||||
tooltip {
|
||||
padding: 6px 10px;
|
||||
border-radius: 8px;
|
||||
border-radius: 7px;
|
||||
box-shadow: none; }
|
||||
tooltip.background {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
@@ -3513,13 +3523,13 @@ colorswatch {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #252831 2px, #272a34);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
colorswatch#add-color-button.activatable:hover > overlay {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
colorswatch:disabled {
|
||||
opacity: 0.5; }
|
||||
colorswatch:disabled > overlay {
|
||||
@@ -3578,7 +3588,7 @@ window {
|
||||
window.csd {
|
||||
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.9);
|
||||
margin: 0px;
|
||||
border-radius: 8px 8px 0 0; }
|
||||
border-radius: 7px 7px 0 0; }
|
||||
window.csd:backdrop {
|
||||
box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.9);
|
||||
transition: 200ms ease-out; }
|
||||
@@ -3586,7 +3596,7 @@ window {
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); }
|
||||
window.csd.dialog.message {
|
||||
border-radius: 8px;
|
||||
border-radius: 7px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); }
|
||||
window.csd.solid-csd {
|
||||
margin: 0;
|
||||
@@ -3607,24 +3617,21 @@ tooltip.csd {
|
||||
border-radius: 5px;
|
||||
box-shadow: none; }
|
||||
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
|
||||
.view:selected:focus, .view:selected,
|
||||
textview > text:selected:focus,
|
||||
textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected,
|
||||
entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected,
|
||||
treeview.view:selected:focus,
|
||||
treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
|
||||
background-color: #2777ff; }
|
||||
label:selected, filechooser placessidebar.sidebar row.sidebar-row:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
|
||||
label:selected, .view:selected:focus, .view:selected,
|
||||
textview > text:selected:focus,
|
||||
textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected,
|
||||
entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected,
|
||||
treeview.view:selected:focus,
|
||||
treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
|
||||
color: #ffffff; }
|
||||
label:disabled > selection, label:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected,
|
||||
label:disabled > selection, label:disabled:selected, .view:disabled:selected,
|
||||
textview > text:disabled:selected:focus,
|
||||
textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected,
|
||||
entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected,
|
||||
@@ -3779,181 +3786,353 @@ popover.entry-completion > contents {
|
||||
statusbar {
|
||||
padding: 6px 10px 6px 10px; }
|
||||
|
||||
/* Nautilus */
|
||||
@define-color disk_space_unknown #383c4a;
|
||||
@define-color disk_space_used #2777ff;
|
||||
@define-color disk_space_free white;
|
||||
filechooser placessidebar.sidebar,
|
||||
.nautilus-window placessidebar.sidebar {
|
||||
box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); }
|
||||
filechooser placessidebar.sidebar:dir(ltr),
|
||||
.nautilus-window placessidebar.sidebar:dir(ltr) {
|
||||
background-image: linear-gradient(to right, #1a1c23 41px, #23252e 0); }
|
||||
filechooser placessidebar.sidebar:dir(rtl),
|
||||
.nautilus-window placessidebar.sidebar:dir(rtl) {
|
||||
background-image: linear-gradient(to left, #1a1c23 41px, #23252e 0); }
|
||||
filechooser placessidebar.sidebar:backdrop,
|
||||
.nautilus-window placessidebar.sidebar:backdrop {
|
||||
menubutton arrow {
|
||||
min-height: 16px;
|
||||
min-width: 16px; }
|
||||
menubutton arrow.none {
|
||||
-gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
|
||||
menubutton arrow.down {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
menubutton arrow.up {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
menubutton arrow.left {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
|
||||
menubutton arrow.right {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
||||
|
||||
/**********
|
||||
* Button *
|
||||
**********/
|
||||
windowcontrols button, notebook > header > tabs > arrow,
|
||||
button {
|
||||
padding: 2px 6px; }
|
||||
|
||||
.titlebar:not(headerbar) stackswitcher button:checked:checked,
|
||||
.titlebar:not(headerbar) button.toggle:active,
|
||||
.titlebar:not(headerbar) button.toggle:checked,
|
||||
headerbar stackswitcher button:checked:checked,
|
||||
headerbar button.toggle:active,
|
||||
headerbar button.toggle:checked,
|
||||
button.flat:not(.link):hover,
|
||||
button:active,
|
||||
button:checked {
|
||||
background: #1b1d24;
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
|
||||
.titlebar:not(headerbar) stackswitcher button:backdrop:checked,
|
||||
.titlebar:not(headerbar) button.toggle:backdrop:active,
|
||||
.titlebar:not(headerbar) button.toggle:backdrop:checked,
|
||||
headerbar stackswitcher button:backdrop:checked,
|
||||
headerbar button.toggle:backdrop:active,
|
||||
headerbar button.toggle:backdrop:checked,
|
||||
button.flat:backdrop:not(.link):hover,
|
||||
button:active:backdrop,
|
||||
button:checked:backdrop {
|
||||
box-shadow: none; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected {
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5);
|
||||
transition: box-shadow 200ms ease-out; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
|
||||
box-shadow: none; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
|
||||
background-image: linear-gradient(to right, #005af3 35px, transparent 0); }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl),
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) {
|
||||
background-image: linear-gradient(to left, #005af3 35px, transparent 0); }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected revealer,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
|
||||
color: #ffffff; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
|
||||
padding-right: 20px; }
|
||||
|
||||
.nautilus-window .floating-bar {
|
||||
color: #ffffff;
|
||||
background-color: #2777ff;
|
||||
border-color: #00348d;
|
||||
margin: 10px;
|
||||
box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5);
|
||||
transition: background-color 200ms ease-out; }
|
||||
.nautilus-window .floating-bar:backdrop {
|
||||
color: inherit;
|
||||
box-shadow: none;
|
||||
border-color: #0d0e11; }
|
||||
.nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right {
|
||||
border-radius: 5px;
|
||||
border-style: solid; }
|
||||
|
||||
.path-bar-box:backdrop {
|
||||
border-color: #16171d; }
|
||||
|
||||
/* XFCE4 PANEL */
|
||||
.xfce4-panel.background {
|
||||
background: rgba(35, 37, 46, 0.8); }
|
||||
|
||||
.xfce4-panel button {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
background: transparent;
|
||||
color: #eeeeec; }
|
||||
.xfce4-panel button:hover {
|
||||
background: rgba(0, 0, 0, 0.2); }
|
||||
.xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active {
|
||||
box-shadow: inset 0 4px 0 #2777ff;
|
||||
background: rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active {
|
||||
box-shadow: inset 4px 0 0 #2777ff; }
|
||||
|
||||
/* XFCE4 NOTIFICATIONS */
|
||||
#XfceNotifyWindow {
|
||||
background-color: #272a34; }
|
||||
|
||||
/* Whisker menu */
|
||||
#whiskermenu-window entry {
|
||||
border-radius: 100px;
|
||||
border: 2px solid #2777ff;
|
||||
button:disabled {
|
||||
box-shadow: none; }
|
||||
|
||||
#whiskermenu-window button {
|
||||
transition-duration: 0s; }
|
||||
#whiskermenu-window button:hover {
|
||||
color: white;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: black;
|
||||
background-color: transparent;
|
||||
background-image: image(#303340);
|
||||
background-clip: padding-box;
|
||||
border-color: transparent;
|
||||
border-bottom-color: #1c1e25; }
|
||||
#whiskermenu-window button:checked {
|
||||
border-color: transparent; }
|
||||
|
||||
#whiskermenu-window scrolledwindow.frame {
|
||||
border: 0;
|
||||
border-radius: 8px;
|
||||
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
|
||||
background: #1c1e25;
|
||||
padding: 7px 10px;
|
||||
margin: 0 5px; }
|
||||
#whiskermenu-window scrolledwindow.frame treeview {
|
||||
background: transparent;
|
||||
border-radius: 5px; }
|
||||
#whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected {
|
||||
background-color: rgba(0, 0, 0, 0.27);
|
||||
color: inherit; }
|
||||
button.flat:not(.link):hover {
|
||||
transition: none; }
|
||||
|
||||
/* XFCE4 panel action buttons */
|
||||
#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image {
|
||||
-gtk-icon-style: symbolic;
|
||||
-gtk-icon-transform: scale(0.7); }
|
||||
|
||||
/* XFCE4 workspace switcher */
|
||||
wnck-pager {
|
||||
background-color: #3d4251; }
|
||||
wnck-pager:selected {
|
||||
background-color: black; }
|
||||
wnck-pager:hover {
|
||||
background-color: black; }
|
||||
button.flat:not(.link):backdrop {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none; }
|
||||
|
||||
/* LightDM */
|
||||
.lightdm-gtk-greeter #panel_window {
|
||||
background: rgba(35, 37, 46, 0.8);
|
||||
|
||||
button.image-button {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px; }
|
||||
|
||||
|
||||
button.circular {
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
padding: 2px; }
|
||||
|
||||
/**********
|
||||
* Entry *
|
||||
**********/
|
||||
spinbutton:not(.vertical), spinbutton.vertical > text,
|
||||
entry {
|
||||
min-height: 28px; }
|
||||
|
||||
spinbutton:not(:disabled):not(.vertical), spinbutton.vertical > text:not(:disabled),
|
||||
entry:not(:disabled) {
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05);
|
||||
background: #1b1d24; }
|
||||
|
||||
spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop,
|
||||
entry:backdrop {
|
||||
box-shadow: none;
|
||||
border-color: #0d0e11; }
|
||||
|
||||
headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text,
|
||||
headerbar entry {
|
||||
background: #272a34; }
|
||||
|
||||
/**********
|
||||
* Switch *
|
||||
**********/
|
||||
switch {
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
|
||||
switch:checked {
|
||||
border-right-width: 0;
|
||||
margin-right: 1px;
|
||||
box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, 0.6); }
|
||||
switch:checked, switch:checked:backdrop {
|
||||
border-color: rgba(0, 0, 0, 0.2); }
|
||||
switch:checked slider {
|
||||
border-color: #0d0e11; }
|
||||
switch:checked slider:backdrop:not(:disabled) {
|
||||
border-color: #0d0e11; }
|
||||
switch:backdrop, switch:disabled {
|
||||
box-shadow: none;
|
||||
border-color: #0d0e11; }
|
||||
switch:backdrop slider, switch:disabled slider {
|
||||
border-color: #0d0e11; }
|
||||
|
||||
/*************************
|
||||
* Check and Radio items *
|
||||
*************************/
|
||||
check,
|
||||
radio {
|
||||
background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%);
|
||||
border-color: black; }
|
||||
check, check:active,
|
||||
radio,
|
||||
radio:active {
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
|
||||
check:checked, check:indeterminate,
|
||||
radio:checked,
|
||||
radio:indeterminate {
|
||||
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%);
|
||||
border-color: #00348d;
|
||||
color: #ffffff; }
|
||||
check:checked, check:checked:active, check:indeterminate, check:indeterminate:active,
|
||||
radio:checked,
|
||||
radio:checked:active,
|
||||
radio:indeterminate,
|
||||
radio:indeterminate:active {
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
check:checked:backdrop, check:indeterminate:backdrop,
|
||||
radio:checked:backdrop,
|
||||
radio:indeterminate:backdrop {
|
||||
background-image: image(#2777ff);
|
||||
box-shadow: none; }
|
||||
check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate,
|
||||
radio:disabled,
|
||||
radio:disabled:checked,
|
||||
radio:disabled:indeterminate,
|
||||
radio:disabled:backdrop,
|
||||
radio:disabled:backdrop:checked,
|
||||
radio:disabled:backdrop:indeterminate {
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
color: #eeeeec; }
|
||||
|
||||
radio:not(:indeterminate):not(:checked):active:not(:backdrop) {
|
||||
-gtk-icon-transform: scale(0); }
|
||||
|
||||
check:not(:indeterminate):not(:checked):active:not(:backdrop) {
|
||||
-gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
|
||||
|
||||
radio:active,
|
||||
check:active {
|
||||
-gtk-icon-transform: scale(0, 1); }
|
||||
|
||||
radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop),
|
||||
check:checked:not(:backdrop),
|
||||
check:indeterminate:not(:backdrop) {
|
||||
-gtk-icon-transform: unset;
|
||||
transition: 400ms; }
|
||||
|
||||
/************
|
||||
* GtkScale *
|
||||
************/
|
||||
switch slider,
|
||||
scale slider {
|
||||
color: #eeeeec;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none; }
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: black; }
|
||||
switch:hover slider, switch slider:active,
|
||||
scale slider:active {
|
||||
background-image: image(#0f1014);
|
||||
border-color: #2777ff; }
|
||||
switch slider:backdrop, switch slider:disabled,
|
||||
scale slider:backdrop,
|
||||
scale slider:disabled {
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
box-shadow: none; }
|
||||
|
||||
.lightdm-gtk-greeter #login_window {
|
||||
border: 0;
|
||||
background-color: rgba(35, 37, 46, 0.8);
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }
|
||||
.lightdm-gtk-greeter #login_window entry {
|
||||
background: rgba(35, 37, 46, 0.4);
|
||||
border-color: rgba(35, 37, 46, 0.3);
|
||||
min-height: 32px;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
.lightdm-gtk-greeter #login_window entry image {
|
||||
margin: 0; }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame {
|
||||
padding-top: 20px;
|
||||
/***************
|
||||
* Header bars *
|
||||
***************/
|
||||
.titlebar:not(headerbar),
|
||||
headerbar {
|
||||
min-height: 40px;
|
||||
border-color: black;
|
||||
background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23);
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left; }
|
||||
.titlebar:backdrop:not(headerbar),
|
||||
headerbar:backdrop {
|
||||
background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png"));
|
||||
background-repeat: no-repeat;
|
||||
background-position: left;
|
||||
box-shadow: none; }
|
||||
.dialog .titlebar:not(headerbar), .dialog headerbar, .dialog headerbar:backdrop {
|
||||
background: #23252e;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-radius: 0 0 5px 5px;
|
||||
box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame button {
|
||||
border: 0;
|
||||
color: white;
|
||||
text-shadow: none; }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button {
|
||||
background: rgba(0, 0, 0, 0.27);
|
||||
box-shadow: none;
|
||||
color: #eeeeec; }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame #login_button {
|
||||
background: #2777ff;
|
||||
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); }
|
||||
border: 0;
|
||||
box-shadow: none; }
|
||||
|
||||
/* Thunar */
|
||||
.thunar .warning {
|
||||
opacity: 0;
|
||||
font-size: 0;
|
||||
margin: -10px 0; }
|
||||
headerbar entry,
|
||||
headerbar spinbutton,
|
||||
headerbar separator:not(.sidebar),
|
||||
headerbar button {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
headerbar switch {
|
||||
margin-top: 7px;
|
||||
margin-bottom: 7px; }
|
||||
|
||||
/**************
|
||||
* Tree Views *
|
||||
**************/
|
||||
treeview.view {
|
||||
border-top-color: #0d0e11; }
|
||||
treeview.view:backdrop {
|
||||
border-top-color: #0d0e11; }
|
||||
treeview.view header button {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
margin-left: -1px; }
|
||||
treeview.view header button:hover, treeview.view header button:active {
|
||||
border-color: #0d0e11; }
|
||||
treeview.view header button:backdrop {
|
||||
box-shadow: none; }
|
||||
|
||||
/*************
|
||||
* Notebooks *
|
||||
*************/
|
||||
notebook > header {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
background-color: #1b1d24; }
|
||||
notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs {
|
||||
margin: 0; }
|
||||
notebook > header.top > tabs > tab,
|
||||
notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab,
|
||||
notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab,
|
||||
notebook > header.right > tabs > tab.reorderable-page {
|
||||
padding: 3px 12px;
|
||||
border: 1px solid transparent;
|
||||
margin: 3px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
notebook > header.top > tabs > tab:hover,
|
||||
notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover,
|
||||
notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover,
|
||||
notebook > header.right > tabs > tab.reorderable-page:hover {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
transition-duration: 50ms; }
|
||||
notebook > header.top > tabs > tab:hover:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:hover:backdrop, notebook > header.bottom > tabs > tab:hover:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:hover:backdrop, notebook > header.left > tabs > tab:hover:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:hover:backdrop, notebook > header.right > tabs > tab:hover:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:hover:backdrop {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none; }
|
||||
notebook > header.top > tabs > tab:checked,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked,
|
||||
notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked,
|
||||
notebook > header.right > tabs > tab.reorderable-page:checked {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
notebook > header.top > tabs > tab:checked:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
notebook > header.top > tabs > tab:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:backdrop, notebook > header.bottom > tabs > tab:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:backdrop, notebook > header.left > tabs > tab:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:backdrop, notebook > header.right > tabs > tab:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:backdrop {
|
||||
color: #888a8d; }
|
||||
notebook > header.top {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header.bottom {
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header.right {
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header.left {
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header > tabs > tab {
|
||||
border-radius: 4px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
min-height: 24px; }
|
||||
notebook > header > tabs > tab button.flat {
|
||||
margin-top: 1px;
|
||||
margin-bottom: 1px; }
|
||||
|
||||
/**********************
|
||||
* Window Decorations *
|
||||
*********************/
|
||||
window.csd {
|
||||
border-radius: 8px 8px 5px 5px;
|
||||
border: 1px solid #272a34;
|
||||
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); }
|
||||
window.csd:backdrop {
|
||||
box-shadow: 0 2px 8px 0 transparent, 0 0 0 1px transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); }
|
||||
window.csd.dialog.message, window.csd.popup {
|
||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.65);
|
||||
border-width: 0; }
|
||||
|
||||
window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom {
|
||||
border-width: 0; }
|
||||
|
||||
window.popup {
|
||||
border-width: 0; }
|
||||
|
||||
window.ssd {
|
||||
box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75);
|
||||
border-width: 0; }
|
||||
|
||||
tooltip.csd {
|
||||
border: 0; }
|
||||
|
||||
windowcontrols button {
|
||||
padding: 5px; }
|
||||
|
||||
/* GTK NAMED COLORS
|
||||
----------------
|
||||
@@ -4011,7 +4190,7 @@ widgets main borders color */
|
||||
@define-color borders #0d0e11;
|
||||
/*
|
||||
widgets main borders color on backdrop windows */
|
||||
@define-color unfocused_borders #16171d;
|
||||
@define-color unfocused_borders #0d0e11;
|
||||
/*
|
||||
these are pretty self explicative */
|
||||
@define-color warning_color #fd7d00;
|
||||
|
||||
@@ -146,7 +146,7 @@ assistant .sidebar {
|
||||
border-top: 1px solid #0d0e11; }
|
||||
assistant .sidebar:backdrop {
|
||||
background-color: #292c37;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
assistant.csd .sidebar {
|
||||
border-top-style: none; }
|
||||
@@ -273,14 +273,14 @@ entry {
|
||||
spinbutton:backdrop:not(.vertical),
|
||||
entry:backdrop {
|
||||
color: #d4d5d7;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #292c37;
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
spinbutton:backdrop:disabled:not(.vertical),
|
||||
entry:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #242731;
|
||||
box-shadow: none; }
|
||||
spinbutton.error:not(.vertical),
|
||||
@@ -381,7 +381,7 @@ entry progress {
|
||||
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
|
||||
border-top-color: #1f222a; }
|
||||
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
|
||||
border-top-color: #23262f; }
|
||||
border-top-color: #21232c; }
|
||||
|
||||
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled {
|
||||
border-top-color: #1f222a; }
|
||||
@@ -492,8 +492,8 @@ button {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat,
|
||||
button.flat {
|
||||
border-color: transparent;
|
||||
@@ -517,7 +517,7 @@ button {
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
-gtk-icon-effect: highlight; }
|
||||
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
|
||||
button:active,
|
||||
@@ -534,7 +534,7 @@ button {
|
||||
button.flat:backdrop,
|
||||
button:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -547,14 +547,14 @@ button {
|
||||
button:backdrop:active,
|
||||
button:backdrop:checked {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1a1d23);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
notebook > header > tabs > arrow:backdrop:disabled,
|
||||
button.flat:backdrop:disabled,
|
||||
button:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -565,7 +565,7 @@ button {
|
||||
button:backdrop:disabled:active,
|
||||
button:backdrop:disabled:checked {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1a1d23);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled,
|
||||
@@ -798,8 +798,8 @@ button.suggested-action {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#4b8eff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.suggested-action.flat {
|
||||
border-color: transparent;
|
||||
@@ -816,7 +816,7 @@ button.suggested-action {
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.suggested-action:active,
|
||||
button.suggested-action:checked {
|
||||
@@ -849,7 +849,7 @@ button.suggested-action {
|
||||
button.suggested-action:backdrop:disabled,
|
||||
button.suggested-action.flat:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -944,8 +944,8 @@ button.destructive-action {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #790e0e;
|
||||
border-bottom-color: #4b0909;
|
||||
background-image: image(#bd1616);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#c61717);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.destructive-action.flat {
|
||||
border-color: transparent;
|
||||
@@ -962,7 +962,7 @@ button.destructive-action {
|
||||
border-color: #790e0e;
|
||||
border-bottom-color: #4b0909;
|
||||
background-image: linear-gradient(to top, #a21313, #ab1414 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(121, 14, 14, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.destructive-action:active,
|
||||
button.destructive-action:checked {
|
||||
@@ -995,7 +995,7 @@ button.destructive-action {
|
||||
button.destructive-action:backdrop:disabled,
|
||||
button.destructive-action.flat:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -1135,8 +1135,8 @@ button.circular {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d), linear-gradient(to top, black 25%, #0d0e11 50%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background-image: image(#323643), linear-gradient(to top, black 25%, #0d0e11 50%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: transparent; }
|
||||
|
||||
button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
|
||||
@@ -1145,7 +1145,7 @@ button.circular {
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px), linear-gradient(to top, black 25%, #0d0e11 50%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: transparent; }
|
||||
|
||||
stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
|
||||
@@ -1167,15 +1167,15 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.inline-toolbar toolbutton > button:hover {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
@@ -1198,26 +1198,26 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1a1d23);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1a1d23);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
|
||||
@@ -1316,7 +1316,7 @@ list row button.image-button:not(.flat) {
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
@@ -1437,7 +1437,7 @@ spinbutton {
|
||||
spinbutton:not(.vertical) button:backdrop {
|
||||
color: #7f8184;
|
||||
background-color: transparent;
|
||||
border-color: rgba(22, 23, 29, 0.3);
|
||||
border-color: rgba(13, 14, 17, 0.3);
|
||||
transition: 200ms ease-out; }
|
||||
spinbutton:not(.vertical) button:backdrop:disabled {
|
||||
color: rgba(67, 73, 90, 0.3);
|
||||
@@ -1641,8 +1641,8 @@ searchbar > revealer > box {
|
||||
background-color: #1c1e25; }
|
||||
.inline-toolbar:backdrop, searchbar > revealer > box:backdrop,
|
||||
.location-bar:backdrop {
|
||||
border-color: #16171d;
|
||||
background-color: #1e2028;
|
||||
border-color: #0d0e11;
|
||||
background-color: #1b1d24;
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
|
||||
@@ -1663,7 +1663,7 @@ headerbar {
|
||||
/* hide the close button separator */ }
|
||||
.titlebar:backdrop:not(headerbar),
|
||||
headerbar:backdrop {
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #23252e;
|
||||
background-image: none;
|
||||
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
|
||||
@@ -1690,7 +1690,7 @@ headerbar {
|
||||
headerbar stackswitcher button:checked:backdrop,
|
||||
headerbar button.toggle:checked:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1a1d23);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar,
|
||||
@@ -1715,8 +1715,8 @@ headerbar {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#4b8eff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
|
||||
headerbar.selection-mode button.flat {
|
||||
border-color: transparent;
|
||||
@@ -1732,7 +1732,7 @@ headerbar {
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active,
|
||||
headerbar.selection-mode button:active,
|
||||
headerbar.selection-mode button:checked,
|
||||
@@ -1815,8 +1815,8 @@ headerbar {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: #00348d; }
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover,
|
||||
headerbar.selection-mode button.suggested-action:hover {
|
||||
@@ -1825,7 +1825,7 @@ headerbar {
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: #00348d; }
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active,
|
||||
headerbar.selection-mode button.suggested-action:active {
|
||||
@@ -1849,7 +1849,7 @@ headerbar {
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop,
|
||||
headerbar.selection-mode button.suggested-action:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -1858,7 +1858,7 @@ headerbar {
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled,
|
||||
headerbar.selection-mode button.suggested-action:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -2319,8 +2319,8 @@ notebook > header {
|
||||
border-width: 1px;
|
||||
background-color: #1b1d24; }
|
||||
notebook > header:backdrop {
|
||||
border-color: #16171d;
|
||||
background-color: #1e2028; }
|
||||
border-color: #0d0e11;
|
||||
background-color: #1b1d24; }
|
||||
notebook > header tabs {
|
||||
margin: -1px; }
|
||||
notebook > header.top {
|
||||
@@ -2436,7 +2436,7 @@ notebook > header {
|
||||
notebook > header tab:backdrop:checked {
|
||||
color: #888a8d; }
|
||||
notebook > header tab.reorderable-page:backdrop:checked {
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #23252e; }
|
||||
notebook > header tab button.flat {
|
||||
padding: 0;
|
||||
@@ -2513,7 +2513,7 @@ scrollbar {
|
||||
border-left: 1px solid #0d0e11; }
|
||||
scrollbar:backdrop {
|
||||
background-color: #272a34;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
transition: 200ms ease-out; }
|
||||
scrollbar slider {
|
||||
min-width: 8px;
|
||||
@@ -2666,8 +2666,8 @@ switch {
|
||||
text-shadow: none; }
|
||||
switch:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
background-color: #1e2028;
|
||||
border-color: #0d0e11;
|
||||
background-color: #1b1d24;
|
||||
text-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
switch:backdrop:checked {
|
||||
@@ -2675,7 +2675,7 @@ switch {
|
||||
background-color: #2777ff; }
|
||||
switch:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #242731; }
|
||||
switch slider {
|
||||
margin: -1px;
|
||||
@@ -2689,7 +2689,7 @@ switch {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #040405;
|
||||
background-image: linear-gradient(to bottom, #292c37 20%, #23252e 90%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
switch image {
|
||||
color: transparent; }
|
||||
switch:hover slider {
|
||||
@@ -2697,7 +2697,7 @@ switch {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #040405;
|
||||
background-image: linear-gradient(to bottom, #303340 20%, #272a34 90%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(26, 28, 35, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
switch:checked > slider {
|
||||
border: 1px solid #00215a; }
|
||||
switch:disabled slider {
|
||||
@@ -2710,7 +2710,7 @@ switch {
|
||||
switch:backdrop slider {
|
||||
transition: 200ms ease-out;
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -2719,7 +2719,7 @@ switch {
|
||||
border-color: #00215a; }
|
||||
switch:backdrop:disabled slider {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -3069,8 +3069,8 @@ progressbar trough, scale fill, scale trough {
|
||||
progressbar trough:disabled, scale fill:disabled, scale trough:disabled {
|
||||
background-color: #242731; }
|
||||
progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop {
|
||||
background-color: #1e2028;
|
||||
border-color: #16171d;
|
||||
background-color: #1b1d24;
|
||||
border-color: #0d0e11;
|
||||
transition: 200ms ease-out; }
|
||||
progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled {
|
||||
background-color: #242731; }
|
||||
@@ -3145,7 +3145,7 @@ scale {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: black;
|
||||
background-image: linear-gradient(to bottom, #1c1e25 20%, #16171d 90%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border: 1px solid black;
|
||||
border-radius: 100%;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
@@ -3155,7 +3155,7 @@ scale {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: black;
|
||||
background-image: linear-gradient(to bottom, #23252e 20%, #1a1c23 90%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
scale slider:active {
|
||||
border-color: #00348d; }
|
||||
scale slider:disabled {
|
||||
@@ -3168,14 +3168,14 @@ scale {
|
||||
scale slider:backdrop {
|
||||
transition: 200ms ease-out;
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
scale slider:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -3776,7 +3776,7 @@ levelbar trough {
|
||||
box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); }
|
||||
levelbar trough:backdrop {
|
||||
color: #d4d5d7;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #292c37;
|
||||
box-shadow: none; }
|
||||
|
||||
@@ -3814,7 +3814,7 @@ printdialog paper {
|
||||
padding: 0; }
|
||||
printdialog paper:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
printdialog .dialog-action-box {
|
||||
margin: 12px; }
|
||||
@@ -3834,13 +3834,13 @@ frame > border,
|
||||
border-style: none; }
|
||||
frame > border:backdrop,
|
||||
.frame:backdrop {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
actionbar > revealer > box {
|
||||
padding: 6px;
|
||||
border-top: 1px solid #0d0e11; }
|
||||
actionbar > revealer > box:backdrop {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
@@ -3854,7 +3854,7 @@ scrolledwindow overshoot.top {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.top:backdrop {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
@@ -3871,7 +3871,7 @@ scrolledwindow overshoot.bottom {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.bottom:backdrop {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
@@ -3888,7 +3888,7 @@ scrolledwindow overshoot.left {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.left:backdrop {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
@@ -3905,7 +3905,7 @@ scrolledwindow overshoot.right {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.right:backdrop {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#16171d), to(rgba(22, 23, 29, 0)));
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#0d0e11), to(rgba(13, 14, 17, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
@@ -3920,7 +3920,7 @@ scrolledwindow junction {
|
||||
scrolledwindow junction:dir(rtl) {
|
||||
border-image-slice: 0 1 0 0; }
|
||||
scrolledwindow junction:backdrop {
|
||||
border-image-source: linear-gradient(to bottom, #16171d 1px, transparent 1px);
|
||||
border-image-source: linear-gradient(to bottom, #0d0e11 1px, transparent 1px);
|
||||
background-color: #272a34;
|
||||
transition: 200ms ease-out; }
|
||||
|
||||
@@ -3939,7 +3939,7 @@ list {
|
||||
list:backdrop {
|
||||
color: #d4d5d7;
|
||||
background-color: #292c37;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
list row {
|
||||
padding: 2px; }
|
||||
|
||||
@@ -4024,7 +4024,7 @@ calendar {
|
||||
color: #43495a; }
|
||||
calendar:backdrop {
|
||||
color: #d4d5d7;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
calendar:indeterminate {
|
||||
color: alpha(currentColor,0.1); }
|
||||
|
||||
@@ -4060,7 +4060,7 @@ messagedialog.csd .dialog-action-area button {
|
||||
filechooser .dialog-action-box {
|
||||
border-top: 1px solid #0d0e11; }
|
||||
filechooser .dialog-action-box:backdrop {
|
||||
border-top-color: #16171d; }
|
||||
border-top-color: #0d0e11; }
|
||||
|
||||
filechooser #pathbarbox {
|
||||
border-bottom: 1px solid #23252e; }
|
||||
@@ -4083,7 +4083,7 @@ filechooserbutton:drop(active) {
|
||||
border-right-style: none; }
|
||||
.sidebar:backdrop {
|
||||
background-color: #262933;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
transition: 200ms ease-out; }
|
||||
.sidebar list {
|
||||
background-color: transparent; }
|
||||
@@ -4101,7 +4101,7 @@ stacksidebar row {
|
||||
separator.sidebar {
|
||||
background-color: #0d0e11; }
|
||||
separator.sidebar:backdrop {
|
||||
background-color: #16171d; }
|
||||
background-color: #0d0e11; }
|
||||
separator.sidebar.selection-mode, .selection-mode separator.sidebar {
|
||||
background-color: #0047c0; }
|
||||
|
||||
@@ -4192,7 +4192,7 @@ paned > separator {
|
||||
paned > separator:selected {
|
||||
background-image: image(#2777ff); }
|
||||
paned > separator:backdrop {
|
||||
background-image: image(#16171d); }
|
||||
background-image: image(#0d0e11); }
|
||||
paned > separator.wide {
|
||||
min-width: 5px;
|
||||
min-height: 5px;
|
||||
@@ -4201,7 +4201,7 @@ paned > separator {
|
||||
background-size: 1px 1px, 1px 1px; }
|
||||
paned > separator.wide:backdrop {
|
||||
background-color: #23252e;
|
||||
background-image: image(#16171d), image(#16171d); }
|
||||
background-image: image(#0d0e11), image(#0d0e11); }
|
||||
|
||||
paned.horizontal > separator {
|
||||
background-repeat: repeat-y; }
|
||||
@@ -4252,15 +4252,15 @@ infobar {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
@@ -4278,7 +4278,7 @@ infobar {
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -4286,7 +4286,7 @@ infobar {
|
||||
border-color: #0d0e11; }
|
||||
infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -4397,18 +4397,18 @@ colorswatch#add-color-button {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
colorswatch#add-color-button overlay:hover {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
colorswatch#add-color-button overlay:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -5105,13 +5105,13 @@ switch {
|
||||
box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); }
|
||||
switch:backdrop, switch:disabled {
|
||||
box-shadow: none;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
switch slider:checked {
|
||||
border-color: #0d0e11; }
|
||||
switch slider:checked:backdrop:not(:disabled) {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
switch slider:disabled {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
/*************************
|
||||
* Check and Radio items *
|
||||
@@ -5154,8 +5154,8 @@ scale slider {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(0, 0, 0, 0.3), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: black; }
|
||||
switch:hover slider, switch slider:active,
|
||||
scale slider:active {
|
||||
@@ -5163,7 +5163,7 @@ scale slider {
|
||||
border-color: #2777ff; }
|
||||
switch slider:disabled,
|
||||
scale slider:disabled {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
/***************
|
||||
* Header bars *
|
||||
@@ -5207,7 +5207,7 @@ headerbar {
|
||||
box-shadow: none; }
|
||||
|
||||
paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child {
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background: #272a34;
|
||||
box-shadow: none; }
|
||||
paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop {
|
||||
@@ -5219,14 +5219,14 @@ paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titleba
|
||||
treeview.view {
|
||||
border-top-color: #0d0e11; }
|
||||
treeview.view:backdrop {
|
||||
border-top-color: #16171d; }
|
||||
border-top-color: #0d0e11; }
|
||||
treeview.view header button {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
treeview.view header button:hover, treeview.view header button:active {
|
||||
border-color: #0d0e11; }
|
||||
treeview.view header button:backdrop {
|
||||
@@ -5266,7 +5266,7 @@ notebook > header {
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: linear-gradient(to top, #20232b, #252831 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
notebook > header.top > tabs > tab:checked,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked,
|
||||
@@ -5276,15 +5276,16 @@ notebook > header {
|
||||
outline-color: rgba(238, 238, 236, 0.3);
|
||||
border-color: #0d0e11;
|
||||
border-bottom-color: black;
|
||||
background-image: image(#2e313d);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(13, 14, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background: #272a34; }
|
||||
notebook > header.top > tabs > tab:checked:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -5337,8 +5338,8 @@ infobar.info.action:hover button.flat {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#4b8eff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.info button:hover,
|
||||
infobar.info button.flat:hover, infobar.info.action:hover button:hover,
|
||||
infobar.info.action:hover button.flat:hover {
|
||||
@@ -5347,7 +5348,7 @@ infobar.info.action:hover button.flat {
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2274ff, #2c7aff 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.info button:active, infobar.info button:checked,
|
||||
infobar.info button.flat:active,
|
||||
infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked,
|
||||
@@ -5412,8 +5413,8 @@ infobar.warning.action:hover button.flat {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #ca6400;
|
||||
border-bottom-color: #974b00;
|
||||
background-image: image(#ff8a18);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#ff8f22);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.question button:hover,
|
||||
infobar.question button.flat:hover, infobar.warning button:hover,
|
||||
infobar.warning button.flat:hover, infobar.question.action:hover button:hover,
|
||||
@@ -5424,7 +5425,7 @@ infobar.warning.action:hover button.flat {
|
||||
border-color: #ca6400;
|
||||
border-bottom-color: #974b00;
|
||||
background-image: linear-gradient(to top, #f87a00, #ff8003 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.question button:active, infobar.question button:checked,
|
||||
infobar.question button.flat:active,
|
||||
infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked,
|
||||
@@ -5506,8 +5507,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #911212;
|
||||
border-bottom-color: #640c0c;
|
||||
background-image: image(#d61a1a);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#df1b1b);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.error:backdrop > revealer > box button:hover,
|
||||
infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover,
|
||||
infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover,
|
||||
@@ -5518,7 +5519,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
|
||||
border-color: #911212;
|
||||
border-bottom-color: #640c0c;
|
||||
background-image: linear-gradient(to top, #ba1616, #c41818 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked,
|
||||
infobar.error:backdrop > revealer > box button.flat:active,
|
||||
infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked,
|
||||
@@ -5596,7 +5597,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
|
||||
.app-notification.frame {
|
||||
padding: 5px 10px;
|
||||
margin: 20px;
|
||||
border-radius: 4px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid rgba(13, 14, 17, 0.65);
|
||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
|
||||
background-image: none; }
|
||||
@@ -5743,7 +5744,7 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
|
||||
border-style: solid; }
|
||||
|
||||
.path-bar-box:backdrop {
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
|
||||
/* XFCE4 PANEL */
|
||||
.xfce4-panel.background {
|
||||
@@ -5919,7 +5920,7 @@ widgets main borders color */
|
||||
@define-color borders #0d0e11;
|
||||
/*
|
||||
widgets main borders color on backdrop windows */
|
||||
@define-color unfocused_borders #16171d;
|
||||
@define-color unfocused_borders #0d0e11;
|
||||
/*
|
||||
these are pretty self explicative */
|
||||
@define-color warning_color #fd7d00;
|
||||
|
||||
@@ -146,7 +146,7 @@ assistant .sidebar {
|
||||
border-top: 1px solid #d9d9d9; }
|
||||
assistant .sidebar:backdrop {
|
||||
background-color: #f7f7f7;
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
|
||||
assistant.csd .sidebar {
|
||||
border-top-style: none; }
|
||||
@@ -273,14 +273,14 @@ entry {
|
||||
spinbutton:backdrop:not(.vertical),
|
||||
entry:backdrop {
|
||||
color: #313131;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-color: #f7f7f7;
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
spinbutton:backdrop:disabled:not(.vertical),
|
||||
entry:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-color: #fdfdfd;
|
||||
box-shadow: none; }
|
||||
spinbutton.error:not(.vertical),
|
||||
@@ -381,7 +381,7 @@ entry progress {
|
||||
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
|
||||
border-top-color: #f0f0f0; }
|
||||
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
|
||||
border-top-color: #f0f0f0; }
|
||||
border-top-color: #eeeeee; }
|
||||
|
||||
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled {
|
||||
border-top-color: #f0f0f0; }
|
||||
@@ -493,7 +493,7 @@ button {
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat,
|
||||
button.flat {
|
||||
border-color: transparent;
|
||||
@@ -516,8 +516,8 @@ button {
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: linear-gradient(to top, #ffffff, white 1px);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
background-image: image(whitesmoke);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
-gtk-icon-effect: highlight; }
|
||||
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
|
||||
button:active,
|
||||
@@ -534,7 +534,7 @@ button {
|
||||
button.flat:backdrop,
|
||||
button:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -547,14 +547,14 @@ button {
|
||||
button:backdrop:active,
|
||||
button:backdrop:checked {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#eaeaea);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
notebook > header > tabs > arrow:backdrop:disabled,
|
||||
button.flat:backdrop:disabled,
|
||||
button:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#fdfdfd);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -565,7 +565,7 @@ button {
|
||||
button:backdrop:disabled:active,
|
||||
button:backdrop:disabled:checked {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#eaeaea);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled,
|
||||
@@ -801,8 +801,8 @@ button.suggested-action {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#4b8eff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
|
||||
button.suggested-action.flat {
|
||||
border-color: transparent;
|
||||
@@ -818,8 +818,8 @@ button.suggested-action {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2777ff, #2c7aff 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#136aff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
|
||||
button.suggested-action:active,
|
||||
button.suggested-action:checked {
|
||||
@@ -852,7 +852,7 @@ button.suggested-action {
|
||||
button.suggested-action:backdrop:disabled,
|
||||
button.suggested-action.flat:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#fdfdfd);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -947,8 +947,8 @@ button.destructive-action {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #a61414;
|
||||
border-bottom-color: #790e0e;
|
||||
background-image: image(#e52222);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#e62b2b);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
|
||||
button.destructive-action.flat {
|
||||
border-color: transparent;
|
||||
@@ -964,8 +964,8 @@ button.destructive-action {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #a61414;
|
||||
border-bottom-color: #790e0e;
|
||||
background-image: linear-gradient(to top, #d41919, #d91a1a 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#c21717);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(166, 20, 20, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
|
||||
button.destructive-action:active,
|
||||
button.destructive-action:checked {
|
||||
@@ -998,7 +998,7 @@ button.destructive-action {
|
||||
button.destructive-action:backdrop:disabled,
|
||||
button.destructive-action.flat:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#fdfdfd);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -1139,7 +1139,7 @@ button.circular {
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: image(white), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
border-color: transparent; }
|
||||
|
||||
button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
|
||||
@@ -1147,8 +1147,8 @@ button.circular {
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: linear-gradient(to top, #ffffff, white 1px), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
background-image: image(whitesmoke), linear-gradient(to top, #c2c2c2 25%, #d9d9d9 50%);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
border-color: transparent; }
|
||||
|
||||
stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
|
||||
@@ -1171,14 +1171,14 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
.inline-toolbar toolbutton > button:hover {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: linear-gradient(to top, #ffffff, white 1px);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(whitesmoke);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
@@ -1201,26 +1201,26 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#eaeaea);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#fdfdfd);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#eaeaea);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
|
||||
@@ -1324,8 +1324,8 @@ list row button.image-button:not(.flat) {
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: linear-gradient(to top, #ffffff, white 1px);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(whitesmoke);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
@@ -1446,7 +1446,7 @@ spinbutton {
|
||||
spinbutton:not(.vertical) button:backdrop {
|
||||
color: #b5b7bd;
|
||||
background-color: transparent;
|
||||
border-color: rgba(224, 224, 224, 0.3);
|
||||
border-color: rgba(217, 217, 217, 0.3);
|
||||
transition: 200ms ease-out; }
|
||||
spinbutton:not(.vertical) button:backdrop:disabled {
|
||||
color: rgba(217, 217, 217, 0.3);
|
||||
@@ -1650,8 +1650,8 @@ searchbar > revealer > box {
|
||||
background-color: #f4f4f4; }
|
||||
.inline-toolbar:backdrop, searchbar > revealer > box:backdrop,
|
||||
.location-bar:backdrop {
|
||||
border-color: #e0e0e0;
|
||||
background-color: #f4f4f4;
|
||||
border-color: #d9d9d9;
|
||||
background-color: #f2f2f2;
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
|
||||
@@ -1672,7 +1672,7 @@ headerbar {
|
||||
/* hide the close button separator */ }
|
||||
.titlebar:backdrop:not(headerbar),
|
||||
headerbar:backdrop {
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-color: #ffffff;
|
||||
background-image: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
|
||||
@@ -1699,7 +1699,7 @@ headerbar {
|
||||
headerbar stackswitcher button:checked:backdrop,
|
||||
headerbar button.toggle:checked:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#eaeaea);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar,
|
||||
@@ -1724,8 +1724,8 @@ headerbar {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#4b8eff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
|
||||
headerbar.selection-mode button.flat {
|
||||
border-color: transparent;
|
||||
@@ -1740,8 +1740,8 @@ headerbar {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2777ff, #2c7aff 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#136aff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active,
|
||||
headerbar.selection-mode button:active,
|
||||
headerbar.selection-mode button:checked,
|
||||
@@ -1825,7 +1825,7 @@ headerbar {
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
border-color: #0051da; }
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover,
|
||||
headerbar.selection-mode button.suggested-action:hover {
|
||||
@@ -1833,8 +1833,8 @@ headerbar {
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: linear-gradient(to top, #ffffff, white 1px);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
background-image: image(whitesmoke);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
border-color: #0051da; }
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active,
|
||||
headerbar.selection-mode button.suggested-action:active {
|
||||
@@ -1858,7 +1858,7 @@ headerbar {
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop,
|
||||
headerbar.selection-mode button.suggested-action:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -1867,7 +1867,7 @@ headerbar {
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled,
|
||||
headerbar.selection-mode button.suggested-action:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#fdfdfd);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -2330,8 +2330,8 @@ notebook > header {
|
||||
border-width: 1px;
|
||||
background-color: #f2f2f2; }
|
||||
notebook > header:backdrop {
|
||||
border-color: #e0e0e0;
|
||||
background-color: #f4f4f4; }
|
||||
border-color: #d9d9d9;
|
||||
background-color: #f2f2f2; }
|
||||
notebook > header tabs {
|
||||
margin: -1px; }
|
||||
notebook > header.top {
|
||||
@@ -2447,7 +2447,7 @@ notebook > header {
|
||||
notebook > header tab:backdrop:checked {
|
||||
color: #aeb0b6; }
|
||||
notebook > header tab.reorderable-page:backdrop:checked {
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-color: #ffffff; }
|
||||
notebook > header tab button.flat {
|
||||
padding: 0;
|
||||
@@ -2524,7 +2524,7 @@ scrollbar {
|
||||
border-left: 1px solid #d9d9d9; }
|
||||
scrollbar:backdrop {
|
||||
background-color: #fafafa;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
transition: 200ms ease-out; }
|
||||
scrollbar slider {
|
||||
min-width: 8px;
|
||||
@@ -2677,8 +2677,8 @@ switch {
|
||||
text-shadow: none; }
|
||||
switch:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
background-color: #f4f4f4;
|
||||
border-color: #d9d9d9;
|
||||
background-color: #f2f2f2;
|
||||
text-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
switch:backdrop:checked {
|
||||
@@ -2687,7 +2687,7 @@ switch {
|
||||
background-color: #2777ff; }
|
||||
switch:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-color: #fdfdfd; }
|
||||
switch slider {
|
||||
margin: -1px;
|
||||
@@ -2701,7 +2701,7 @@ switch {
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #c2c2c2;
|
||||
background-image: linear-gradient(to bottom, white 20%, #ffffff 90%);
|
||||
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
switch image {
|
||||
color: transparent; }
|
||||
switch:hover slider {
|
||||
@@ -2709,7 +2709,7 @@ switch {
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #c2c2c2;
|
||||
background-image: linear-gradient(to bottom, white 10%, white 90%);
|
||||
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
switch:checked > slider {
|
||||
border: 1px solid #0047c0; }
|
||||
switch:disabled slider {
|
||||
@@ -2722,7 +2722,7 @@ switch {
|
||||
switch:backdrop slider {
|
||||
transition: 200ms ease-out;
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -2731,7 +2731,7 @@ switch {
|
||||
border-color: #0047c0; }
|
||||
switch:backdrop:disabled slider {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#fdfdfd);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -3091,8 +3091,8 @@ progressbar trough, scale fill, scale trough {
|
||||
progressbar trough:disabled, scale fill:disabled, scale trough:disabled {
|
||||
background-color: #fdfdfd; }
|
||||
progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop {
|
||||
background-color: #f4f4f4;
|
||||
border-color: #e0e0e0;
|
||||
background-color: #f2f2f2;
|
||||
border-color: #d9d9d9;
|
||||
transition: 200ms ease-out; }
|
||||
progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled {
|
||||
background-color: #fdfdfd; }
|
||||
@@ -3167,7 +3167,7 @@ scale {
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #c2c2c2;
|
||||
background-image: linear-gradient(to bottom, white 20%, #ffffff 90%);
|
||||
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
border: 1px solid #bababa;
|
||||
border-radius: 100%;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
@@ -3177,7 +3177,7 @@ scale {
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #c2c2c2;
|
||||
background-image: linear-gradient(to bottom, white 10%, white 90%);
|
||||
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
scale slider:active {
|
||||
border-color: #0051da; }
|
||||
scale slider:disabled {
|
||||
@@ -3190,14 +3190,14 @@ scale {
|
||||
scale slider:backdrop {
|
||||
transition: 200ms ease-out;
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
scale slider:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#fdfdfd);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -3798,7 +3798,7 @@ levelbar trough {
|
||||
box-shadow: inset 0 0 0 1px rgba(39, 119, 255, 0); }
|
||||
levelbar trough:backdrop {
|
||||
color: #313131;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-color: #f7f7f7;
|
||||
box-shadow: none; }
|
||||
|
||||
@@ -3836,7 +3836,7 @@ printdialog paper {
|
||||
padding: 0; }
|
||||
printdialog paper:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
|
||||
printdialog .dialog-action-box {
|
||||
margin: 12px; }
|
||||
@@ -3856,13 +3856,13 @@ frame > border,
|
||||
border-style: none; }
|
||||
frame > border:backdrop,
|
||||
.frame:backdrop {
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
|
||||
actionbar > revealer > box {
|
||||
padding: 6px;
|
||||
border-top: 1px solid #d9d9d9; }
|
||||
actionbar > revealer > box:backdrop {
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
@@ -3876,7 +3876,7 @@ scrolledwindow overshoot.top {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.top:backdrop {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0)));
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
@@ -3893,7 +3893,7 @@ scrolledwindow overshoot.bottom {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.bottom:backdrop {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0)));
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
@@ -3910,7 +3910,7 @@ scrolledwindow overshoot.left {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.left:backdrop {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0)));
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
@@ -3927,7 +3927,7 @@ scrolledwindow overshoot.right {
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
scrolledwindow overshoot.right:backdrop {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#e0e0e0), to(rgba(224, 224, 224, 0)));
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#d9d9d9), to(rgba(217, 217, 217, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
@@ -3942,7 +3942,7 @@ scrolledwindow junction {
|
||||
scrolledwindow junction:dir(rtl) {
|
||||
border-image-slice: 0 1 0 0; }
|
||||
scrolledwindow junction:backdrop {
|
||||
border-image-source: linear-gradient(to bottom, #e0e0e0 1px, transparent 1px);
|
||||
border-image-source: linear-gradient(to bottom, #d9d9d9 1px, transparent 1px);
|
||||
background-color: #fafafa;
|
||||
transition: 200ms ease-out; }
|
||||
|
||||
@@ -3961,7 +3961,7 @@ list {
|
||||
list:backdrop {
|
||||
color: #313131;
|
||||
background-color: #f7f7f7;
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
list row {
|
||||
padding: 2px; }
|
||||
|
||||
@@ -4046,7 +4046,7 @@ calendar {
|
||||
color: #d9d9d9; }
|
||||
calendar:backdrop {
|
||||
color: #313131;
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
calendar:indeterminate {
|
||||
color: alpha(currentColor,0.1); }
|
||||
|
||||
@@ -4082,7 +4082,7 @@ messagedialog.csd .dialog-action-area button {
|
||||
filechooser .dialog-action-box {
|
||||
border-top: 1px solid #d9d9d9; }
|
||||
filechooser .dialog-action-box:backdrop {
|
||||
border-top-color: #e0e0e0; }
|
||||
border-top-color: #d9d9d9; }
|
||||
|
||||
filechooser #pathbarbox {
|
||||
border-bottom: 1px solid #ffffff; }
|
||||
@@ -4105,7 +4105,7 @@ filechooserbutton:drop(active) {
|
||||
border-right-style: none; }
|
||||
.sidebar:backdrop {
|
||||
background-color: #fbfbfb;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
transition: 200ms ease-out; }
|
||||
.sidebar list {
|
||||
background-color: transparent; }
|
||||
@@ -4123,7 +4123,7 @@ stacksidebar row {
|
||||
separator.sidebar {
|
||||
background-color: #d9d9d9; }
|
||||
separator.sidebar:backdrop {
|
||||
background-color: #e0e0e0; }
|
||||
background-color: #d9d9d9; }
|
||||
separator.sidebar.selection-mode, .selection-mode separator.sidebar {
|
||||
background-color: #0047c0; }
|
||||
|
||||
@@ -4214,7 +4214,7 @@ paned > separator {
|
||||
paned > separator:selected {
|
||||
background-image: image(#2777ff); }
|
||||
paned > separator:backdrop {
|
||||
background-image: image(#e0e0e0); }
|
||||
background-image: image(#d9d9d9); }
|
||||
paned > separator.wide {
|
||||
min-width: 5px;
|
||||
min-height: 5px;
|
||||
@@ -4223,7 +4223,7 @@ paned > separator {
|
||||
background-size: 1px 1px, 1px 1px; }
|
||||
paned > separator.wide:backdrop {
|
||||
background-color: #ffffff;
|
||||
background-image: image(#e0e0e0), image(#e0e0e0); }
|
||||
background-image: image(#d9d9d9), image(#d9d9d9); }
|
||||
|
||||
paned.horizontal > separator {
|
||||
background-repeat: repeat-y; }
|
||||
@@ -4275,14 +4275,14 @@ infobar {
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: linear-gradient(to top, #ffffff, white 1px);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(whitesmoke);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
@@ -4300,7 +4300,7 @@ infobar {
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
|
||||
infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -4308,7 +4308,7 @@ infobar {
|
||||
border-color: #e6e6e6; }
|
||||
infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#fdfdfd);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -4420,17 +4420,17 @@ colorswatch#add-color-button {
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
colorswatch#add-color-button overlay:hover {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: linear-gradient(to top, #ffffff, white 1px);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(whitesmoke);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
colorswatch#add-color-button overlay:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -5126,13 +5126,13 @@ switch {
|
||||
box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.6); }
|
||||
switch:backdrop, switch:disabled {
|
||||
box-shadow: none;
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
switch slider:checked {
|
||||
border-color: #0051da; }
|
||||
switch slider:checked:backdrop:not(:disabled) {
|
||||
border-color: #2777ff; }
|
||||
switch slider:disabled {
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
|
||||
/*************************
|
||||
* Check and Radio items *
|
||||
@@ -5176,7 +5176,7 @@ scale slider {
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
border-color: #bababa; }
|
||||
switch:hover slider, switch slider:active,
|
||||
scale slider:active {
|
||||
@@ -5184,7 +5184,7 @@ scale slider {
|
||||
border-color: #2777ff; }
|
||||
switch slider:disabled,
|
||||
scale slider:disabled {
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
|
||||
/***************
|
||||
* Header bars *
|
||||
@@ -5228,7 +5228,7 @@ headerbar {
|
||||
box-shadow: none; }
|
||||
|
||||
paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titlebar headerbar:first-child {
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background: #fafafa;
|
||||
box-shadow: none; }
|
||||
paned headerbar:first-child:backdrop, hdyleaflet headerbar:first-child:backdrop, headerbar.titlebar headerbar:first-child:backdrop {
|
||||
@@ -5240,14 +5240,14 @@ paned headerbar:first-child, hdyleaflet headerbar:first-child, headerbar.titleba
|
||||
treeview.view {
|
||||
border-top-color: #d9d9d9; }
|
||||
treeview.view:backdrop {
|
||||
border-top-color: #e0e0e0; }
|
||||
border-top-color: #d9d9d9; }
|
||||
treeview.view header button {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
treeview.view header button:hover, treeview.view header button:active {
|
||||
border-color: #d9d9d9; }
|
||||
treeview.view header button:backdrop {
|
||||
@@ -5286,8 +5286,8 @@ notebook > header {
|
||||
outline-color: rgba(92, 97, 108, 0.3);
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: linear-gradient(to top, #ffffff, white 1px);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(whitesmoke);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
notebook > header.top > tabs > tab:checked,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked,
|
||||
@@ -5298,14 +5298,15 @@ notebook > header {
|
||||
border-color: #d9d9d9;
|
||||
border-bottom-color: #c2c2c2;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0 rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px white, inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
background: #fafafa; }
|
||||
notebook > header.top > tabs > tab:checked:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
@@ -5358,8 +5359,8 @@ infobar.info.action:hover button.flat {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#4b8eff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
infobar.info button:hover,
|
||||
infobar.info button.flat:hover, infobar.info.action:hover button:hover,
|
||||
infobar.info.action:hover button.flat:hover {
|
||||
@@ -5367,8 +5368,8 @@ infobar.info.action:hover button.flat {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #005af3;
|
||||
border-bottom-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2777ff, #2c7aff 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#136aff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(0, 90, 243, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
infobar.info button:active, infobar.info button:checked,
|
||||
infobar.info button.flat:active,
|
||||
infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked,
|
||||
@@ -5433,8 +5434,8 @@ infobar.warning.action:hover button.flat {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #ca6400;
|
||||
border-bottom-color: #974b00;
|
||||
background-image: image(#ff8a18);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#ff8f22);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
infobar.question button:hover,
|
||||
infobar.question button.flat:hover, infobar.warning button:hover,
|
||||
infobar.warning button.flat:hover, infobar.question.action:hover button:hover,
|
||||
@@ -5444,8 +5445,8 @@ infobar.warning.action:hover button.flat {
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #ca6400;
|
||||
border-bottom-color: #974b00;
|
||||
background-image: linear-gradient(to top, #fd7d00, #ff8003 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#e97300);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 -1px 0px rgba(202, 100, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
infobar.question button:active, infobar.question button:checked,
|
||||
infobar.question button.flat:active,
|
||||
infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked,
|
||||
@@ -5527,8 +5528,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #911212;
|
||||
border-bottom-color: #640c0c;
|
||||
background-image: image(#d61a1a);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#df1b1b);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
infobar.error:backdrop > revealer > box button:hover,
|
||||
infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover,
|
||||
infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover,
|
||||
@@ -5538,8 +5539,8 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #911212;
|
||||
border-bottom-color: #640c0c;
|
||||
background-image: linear-gradient(to top, #bf1717, #c41818 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#ad1515);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px 0px rgba(145, 18, 18, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked,
|
||||
infobar.error:backdrop > revealer > box button.flat:active,
|
||||
infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked,
|
||||
@@ -5617,7 +5618,7 @@ infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar
|
||||
.app-notification.frame {
|
||||
padding: 5px 10px;
|
||||
margin: 20px;
|
||||
border-radius: 4px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
|
||||
background-image: none; }
|
||||
@@ -5764,7 +5765,7 @@ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
|
||||
border-style: solid; }
|
||||
|
||||
.path-bar-box:backdrop {
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
|
||||
/* XFCE4 PANEL */
|
||||
.xfce4-panel.background {
|
||||
@@ -5928,7 +5929,7 @@ widgets main borders color */
|
||||
@define-color borders #d9d9d9;
|
||||
/*
|
||||
widgets main borders color on backdrop windows */
|
||||
@define-color unfocused_borders #e0e0e0;
|
||||
@define-color unfocused_borders #d9d9d9;
|
||||
/*
|
||||
these are pretty self explicative */
|
||||
@define-color warning_color #fd7d00;
|
||||
|
||||
@@ -231,7 +231,7 @@ entry {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
border: 1px solid;
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
border-spacing: 6px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
color: white;
|
||||
@@ -434,13 +434,13 @@ button {
|
||||
min-width: 16px;
|
||||
padding: 4px 9px;
|
||||
border: 1px solid;
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #252831 2px, #272a34);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
notebook > header > tabs > arrow, windowcontrols button,
|
||||
button {
|
||||
outline: 0 solid transparent;
|
||||
@@ -455,7 +455,7 @@ button {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
-gtk-icon-filter: brightness(1.2); }
|
||||
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
|
||||
button:active,
|
||||
@@ -481,7 +481,7 @@ button {
|
||||
button.flat:backdrop,
|
||||
button:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out;
|
||||
@@ -492,14 +492,14 @@ button {
|
||||
button:backdrop:active,
|
||||
button:backdrop:checked {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1e2128);
|
||||
box-shadow: none; }
|
||||
notebook > header > tabs > arrow:backdrop:disabled,
|
||||
button.flat:backdrop:disabled,
|
||||
button:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
box-shadow: none; }
|
||||
notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
|
||||
@@ -508,7 +508,7 @@ button {
|
||||
button:backdrop:disabled:active,
|
||||
button:backdrop:disabled:checked {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1e2128);
|
||||
box-shadow: none; }
|
||||
notebook > header > tabs > arrow:disabled,
|
||||
@@ -688,8 +688,8 @@ button.suggested-action {
|
||||
color: white;
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #2274ff 2px, #2777ff);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.suggested-action {
|
||||
outline: 0 solid transparent;
|
||||
@@ -711,7 +711,7 @@ button.suggested-action {
|
||||
color: white;
|
||||
border-color: #0051da;
|
||||
background-image: linear-gradient(to top, #136aff 20%, #186eff 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.suggested-action:active,
|
||||
button.suggested-action:checked {
|
||||
@@ -770,8 +770,8 @@ button.destructive-action {
|
||||
color: white;
|
||||
outline-color: rgba(255, 255, 255, 0.3);
|
||||
border-color: #4b0909;
|
||||
background-image: linear-gradient(to top, #a21313 2px, #a61414);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#bd1616);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.destructive-action {
|
||||
outline: 0 solid transparent;
|
||||
@@ -793,7 +793,7 @@ button.destructive-action {
|
||||
color: white;
|
||||
border-color: #620c0c;
|
||||
background-image: linear-gradient(to top, #941111 20%, #991212 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(98, 12, 12, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
button.destructive-action:active,
|
||||
button.destructive-action:checked {
|
||||
@@ -867,13 +867,13 @@ button.font > box {
|
||||
button.font > box > box > label {
|
||||
font-weight: bold; }
|
||||
|
||||
|
||||
menubutton.circular button,
|
||||
button.circular {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
padding: 0;
|
||||
border-radius: 9999px; }
|
||||
|
||||
menubutton.circular button label,
|
||||
button.circular label {
|
||||
padding: 0; }
|
||||
|
||||
@@ -961,7 +961,7 @@ modelbutton.flat {
|
||||
min-height: 26px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 5px; }
|
||||
border-radius: 4px; }
|
||||
modelbutton.flat:hover {
|
||||
background-color: #3b3e46; }
|
||||
modelbutton.flat:disabled {
|
||||
@@ -986,7 +986,7 @@ modelbutton.flat arrow {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.toolbar button:active {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
@@ -998,12 +998,12 @@ modelbutton.flat arrow {
|
||||
background-image: image(#242731); }
|
||||
.toolbar button:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
box-shadow: none; }
|
||||
.toolbar button:backdrop:disabled {
|
||||
color: #43495a;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#242731);
|
||||
box-shadow: none; }
|
||||
|
||||
@@ -1022,7 +1022,7 @@ list > row button.image-button:not(.flat) {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked,
|
||||
list > row button.image-button:not(.flat):active,
|
||||
list > row button.image-button:not(.flat):checked {
|
||||
@@ -1124,10 +1124,10 @@ spinbutton {
|
||||
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
|
||||
spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child,
|
||||
spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child {
|
||||
border-radius: 0 5px 5px 0; }
|
||||
border-radius: 0 4px 4px 0; }
|
||||
spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child,
|
||||
spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
|
||||
border-radius: 5px 0 0 5px; }
|
||||
border-radius: 4px 0 0 4px; }
|
||||
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat),
|
||||
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) {
|
||||
border-color: transparent;
|
||||
@@ -1166,10 +1166,10 @@ spinbutton {
|
||||
box-shadow: none; }
|
||||
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child,
|
||||
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child {
|
||||
border-radius: 0 5px 5px 0; }
|
||||
border-radius: 0 4px 4px 0; }
|
||||
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child,
|
||||
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
|
||||
border-radius: 5px 0 0 5px; }
|
||||
border-radius: 4px 0 0 4px; }
|
||||
spinbutton.vertical:disabled {
|
||||
color: #888a8d; }
|
||||
spinbutton.vertical:drop(active) {
|
||||
@@ -1316,8 +1316,8 @@ searchbar > revealer > box {
|
||||
border-color: #0d0e11;
|
||||
background-color: #1c1e25; }
|
||||
searchbar > revealer > box:backdrop {
|
||||
border-color: #16171d;
|
||||
background-color: #1e2028;
|
||||
border-color: #0d0e11;
|
||||
background-color: #1b1d24;
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
|
||||
@@ -1350,7 +1350,7 @@ searchbar .close {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
|
||||
/*****************
|
||||
* Title buttons *
|
||||
@@ -1393,7 +1393,7 @@ headerbar {
|
||||
/* Darken switchbuttons for headerbars. issue #1588 */ }
|
||||
.titlebar:backdrop:not(headerbar),
|
||||
headerbar:backdrop {
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-color: #23252e;
|
||||
background-image: none;
|
||||
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
|
||||
@@ -1420,7 +1420,7 @@ headerbar {
|
||||
headerbar stackswitcher > button:checked:backdrop,
|
||||
headerbar button.toggle:checked:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #16171d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#1e2128);
|
||||
box-shadow: none; }
|
||||
.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 {
|
||||
@@ -1627,6 +1627,16 @@ treeview.view {
|
||||
treeview.view > header > button:active {
|
||||
color: #eeeeec;
|
||||
transition: none; }
|
||||
columnview.view > header > button sort-indicator,
|
||||
treeview.view > header > button sort-indicator {
|
||||
min-height: 16px;
|
||||
min-width: 16px; }
|
||||
columnview.view > header > button sort-indicator.ascending,
|
||||
treeview.view > header > button sort-indicator.ascending {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
columnview.view > header > button sort-indicator.descending,
|
||||
treeview.view > header > button sort-indicator.descending {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd,
|
||||
columnview.view header.button.dnd:active,
|
||||
columnview.view header.button.dnd:selected,
|
||||
@@ -1687,7 +1697,7 @@ popover.background {
|
||||
background-color: transparent; }
|
||||
popover.background > contents {
|
||||
padding: 8px;
|
||||
border-radius: 9px; }
|
||||
border-radius: 8px; }
|
||||
popover.background > contents > list,
|
||||
popover.background > contents > .view,
|
||||
popover.background > contents > iconview,
|
||||
@@ -1817,7 +1827,7 @@ menubar {
|
||||
padding: 0 0 4px 0; }
|
||||
menubar > item popover.menu.background popover.menu.background > contents {
|
||||
margin: 0;
|
||||
border-radius: 9px; }
|
||||
border-radius: 8px; }
|
||||
|
||||
/*************
|
||||
* Notebooks *
|
||||
@@ -2003,11 +2013,11 @@ scrollbar {
|
||||
scrollbar.right {
|
||||
border-left: 1px solid #0d0e11; }
|
||||
scrollbar > range > trough > slider {
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
min-width: 10px;
|
||||
min-height: 10px;
|
||||
margin: -1px;
|
||||
border: 4px solid transparent;
|
||||
border-radius: 8px;
|
||||
border-radius: 10px;
|
||||
background-clip: padding-box;
|
||||
background-color: #41434b; }
|
||||
scrollbar > range > trough > slider:hover {
|
||||
@@ -2017,12 +2027,12 @@ scrollbar {
|
||||
scrollbar > range > trough > slider:disabled {
|
||||
background-color: transparent; }
|
||||
scrollbar > range.fine-tune > trough > slider {
|
||||
min-width: 4px;
|
||||
min-height: 4px; }
|
||||
min-width: 6px;
|
||||
min-height: 6px; }
|
||||
scrollbar > range.fine-tune.horizontal > trough > slider {
|
||||
border-width: 5px 4px; }
|
||||
border-width: 6px 4px; }
|
||||
scrollbar > range.fine-tune.vertical > trough > slider {
|
||||
border-width: 4px 5px; }
|
||||
border-width: 4px 6px; }
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||
border-color: transparent;
|
||||
opacity: 0.4;
|
||||
@@ -2084,8 +2094,8 @@ switch {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #252831 2px, #272a34);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
margin: -1px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
@@ -2099,7 +2109,7 @@ switch {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
switch:checked > slider {
|
||||
border: 1px solid #00348d; }
|
||||
switch:disabled > slider {
|
||||
@@ -2234,7 +2244,7 @@ switch {
|
||||
|
||||
checkbutton {
|
||||
border-spacing: 4px;
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
checkbutton {
|
||||
outline: 0 solid transparent;
|
||||
@@ -2442,8 +2452,8 @@ scale {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #252831 2px, #272a34);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 100%;
|
||||
@@ -2453,7 +2463,7 @@ scale {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
scale > trough > slider:active {
|
||||
border-color: #00348d; }
|
||||
scale > trough > slider:disabled {
|
||||
@@ -2964,7 +2974,7 @@ frame,
|
||||
border: 1px solid #0d0e11; }
|
||||
|
||||
frame {
|
||||
border-radius: 8px; }
|
||||
border-radius: 7px; }
|
||||
frame > label {
|
||||
margin: 4px; }
|
||||
|
||||
@@ -3031,7 +3041,7 @@ list {
|
||||
list:backdrop {
|
||||
color: #d4d5d7;
|
||||
background-color: #292c37;
|
||||
border-color: #16171d; }
|
||||
border-color: #0d0e11; }
|
||||
listview > row,
|
||||
list > row {
|
||||
padding: 2px; }
|
||||
@@ -3158,7 +3168,7 @@ expander-widget:focus:focus-visible > box > title {
|
||||
|
||||
expander-widget > box > title {
|
||||
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
border-radius: 5px; }
|
||||
border-radius: 4px; }
|
||||
expander-widget > box > title:hover > expander {
|
||||
color: white; }
|
||||
|
||||
@@ -3221,8 +3231,8 @@ window.dialog.message label.title {
|
||||
font-size: 15pt; }
|
||||
|
||||
window.dialog.message.csd.background {
|
||||
border-bottom-left-radius: 9px;
|
||||
border-bottom-right-radius: 9px; }
|
||||
border-bottom-left-radius: 8px;
|
||||
border-bottom-right-radius: 8px; }
|
||||
|
||||
window.dialog.message.csd .dialog-action-area button {
|
||||
padding: 10px 14px;
|
||||
@@ -3437,7 +3447,7 @@ video {
|
||||
************/
|
||||
tooltip {
|
||||
padding: 6px 10px;
|
||||
border-radius: 8px;
|
||||
border-radius: 7px;
|
||||
box-shadow: none; }
|
||||
tooltip.background {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
@@ -3513,13 +3523,13 @@ colorswatch {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #252831 2px, #272a34);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
colorswatch#add-color-button.activatable:hover > overlay {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
colorswatch:disabled {
|
||||
opacity: 0.5; }
|
||||
colorswatch:disabled > overlay {
|
||||
@@ -3578,7 +3588,7 @@ window {
|
||||
window.csd {
|
||||
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.9);
|
||||
margin: 0px;
|
||||
border-radius: 8px 8px 0 0; }
|
||||
border-radius: 7px 7px 0 0; }
|
||||
window.csd:backdrop {
|
||||
box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.9);
|
||||
transition: 200ms ease-out; }
|
||||
@@ -3586,7 +3596,7 @@ window {
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); }
|
||||
window.csd.dialog.message {
|
||||
border-radius: 8px;
|
||||
border-radius: 7px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.8); }
|
||||
window.csd.solid-csd {
|
||||
margin: 0;
|
||||
@@ -3607,24 +3617,21 @@ tooltip.csd {
|
||||
border-radius: 5px;
|
||||
box-shadow: none; }
|
||||
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
|
||||
.view:selected:focus, .view:selected,
|
||||
textview > text:selected:focus,
|
||||
textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected,
|
||||
entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected,
|
||||
treeview.view:selected:focus,
|
||||
treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
|
||||
background-color: #2777ff; }
|
||||
label:selected, filechooser placessidebar.sidebar row.sidebar-row:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
|
||||
label:selected, .view:selected:focus, .view:selected,
|
||||
textview > text:selected:focus,
|
||||
textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected,
|
||||
entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected,
|
||||
treeview.view:selected:focus,
|
||||
treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
|
||||
color: #ffffff; }
|
||||
label:disabled > selection, label:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected,
|
||||
label:disabled > selection, label:disabled:selected, .view:disabled:selected,
|
||||
textview > text:disabled:selected:focus,
|
||||
textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected,
|
||||
entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected,
|
||||
@@ -3779,181 +3786,353 @@ popover.entry-completion > contents {
|
||||
statusbar {
|
||||
padding: 6px 10px 6px 10px; }
|
||||
|
||||
/* Nautilus */
|
||||
@define-color disk_space_unknown #383c4a;
|
||||
@define-color disk_space_used #2777ff;
|
||||
@define-color disk_space_free white;
|
||||
filechooser placessidebar.sidebar,
|
||||
.nautilus-window placessidebar.sidebar {
|
||||
box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); }
|
||||
filechooser placessidebar.sidebar:dir(ltr),
|
||||
.nautilus-window placessidebar.sidebar:dir(ltr) {
|
||||
background-image: linear-gradient(to right, #1a1c23 41px, #23252e 0); }
|
||||
filechooser placessidebar.sidebar:dir(rtl),
|
||||
.nautilus-window placessidebar.sidebar:dir(rtl) {
|
||||
background-image: linear-gradient(to left, #1a1c23 41px, #23252e 0); }
|
||||
filechooser placessidebar.sidebar:backdrop,
|
||||
.nautilus-window placessidebar.sidebar:backdrop {
|
||||
menubutton arrow {
|
||||
min-height: 16px;
|
||||
min-width: 16px; }
|
||||
menubutton arrow.none {
|
||||
-gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
|
||||
menubutton arrow.down {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
menubutton arrow.up {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
menubutton arrow.left {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
|
||||
menubutton arrow.right {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
||||
|
||||
/**********
|
||||
* Button *
|
||||
**********/
|
||||
windowcontrols button, notebook > header > tabs > arrow,
|
||||
button {
|
||||
padding: 2px 6px; }
|
||||
|
||||
.titlebar:not(headerbar) stackswitcher button:checked:checked,
|
||||
.titlebar:not(headerbar) button.toggle:active,
|
||||
.titlebar:not(headerbar) button.toggle:checked,
|
||||
headerbar stackswitcher button:checked:checked,
|
||||
headerbar button.toggle:active,
|
||||
headerbar button.toggle:checked,
|
||||
button.flat:not(.link):hover,
|
||||
button:active,
|
||||
button:checked {
|
||||
background: #1b1d24;
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
|
||||
.titlebar:not(headerbar) stackswitcher button:backdrop:checked,
|
||||
.titlebar:not(headerbar) button.toggle:backdrop:active,
|
||||
.titlebar:not(headerbar) button.toggle:backdrop:checked,
|
||||
headerbar stackswitcher button:backdrop:checked,
|
||||
headerbar button.toggle:backdrop:active,
|
||||
headerbar button.toggle:backdrop:checked,
|
||||
button.flat:backdrop:not(.link):hover,
|
||||
button:active:backdrop,
|
||||
button:checked:backdrop {
|
||||
box-shadow: none; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected {
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5);
|
||||
transition: box-shadow 200ms ease-out; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
|
||||
box-shadow: none; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
|
||||
background-image: linear-gradient(to right, #005af3 35px, transparent 0); }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl),
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) {
|
||||
background-image: linear-gradient(to left, #005af3 35px, transparent 0); }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected revealer,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
|
||||
color: #ffffff; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
|
||||
padding-right: 20px; }
|
||||
|
||||
.nautilus-window .floating-bar {
|
||||
color: #ffffff;
|
||||
background-color: #2777ff;
|
||||
border-color: #00348d;
|
||||
margin: 10px;
|
||||
box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5);
|
||||
transition: background-color 200ms ease-out; }
|
||||
.nautilus-window .floating-bar:backdrop {
|
||||
color: inherit;
|
||||
box-shadow: none;
|
||||
border-color: #0d0e11; }
|
||||
.nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right {
|
||||
border-radius: 5px;
|
||||
border-style: solid; }
|
||||
|
||||
.path-bar-box:backdrop {
|
||||
border-color: #16171d; }
|
||||
|
||||
/* XFCE4 PANEL */
|
||||
.xfce4-panel.background {
|
||||
background: rgba(35, 37, 46, 0.8); }
|
||||
|
||||
.xfce4-panel button {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
background: transparent;
|
||||
color: #eeeeec; }
|
||||
.xfce4-panel button:hover {
|
||||
background: rgba(0, 0, 0, 0.2); }
|
||||
.xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active {
|
||||
box-shadow: inset 0 4px 0 #2777ff;
|
||||
background: rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active {
|
||||
box-shadow: inset 4px 0 0 #2777ff; }
|
||||
|
||||
/* XFCE4 NOTIFICATIONS */
|
||||
#XfceNotifyWindow {
|
||||
background-color: #272a34; }
|
||||
|
||||
/* Whisker menu */
|
||||
#whiskermenu-window entry {
|
||||
border-radius: 100px;
|
||||
border: 2px solid #2777ff;
|
||||
button:disabled {
|
||||
box-shadow: none; }
|
||||
|
||||
#whiskermenu-window button {
|
||||
transition-duration: 0s; }
|
||||
#whiskermenu-window button:hover {
|
||||
color: white;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: black;
|
||||
background-color: transparent;
|
||||
background-image: image(#303340);
|
||||
background-clip: padding-box;
|
||||
border-color: transparent;
|
||||
border-bottom-color: #1c1e25; }
|
||||
#whiskermenu-window button:checked {
|
||||
border-color: transparent; }
|
||||
|
||||
#whiskermenu-window scrolledwindow.frame {
|
||||
border: 0;
|
||||
border-radius: 8px;
|
||||
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
|
||||
background: #1c1e25;
|
||||
padding: 7px 10px;
|
||||
margin: 0 5px; }
|
||||
#whiskermenu-window scrolledwindow.frame treeview {
|
||||
background: transparent;
|
||||
border-radius: 5px; }
|
||||
#whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected {
|
||||
background-color: rgba(0, 0, 0, 0.27);
|
||||
color: inherit; }
|
||||
button.flat:not(.link):hover {
|
||||
transition: none; }
|
||||
|
||||
/* XFCE4 panel action buttons */
|
||||
#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image {
|
||||
-gtk-icon-style: symbolic;
|
||||
-gtk-icon-transform: scale(0.7); }
|
||||
|
||||
/* XFCE4 workspace switcher */
|
||||
wnck-pager {
|
||||
background-color: #3d4251; }
|
||||
wnck-pager:selected {
|
||||
background-color: black; }
|
||||
wnck-pager:hover {
|
||||
background-color: black; }
|
||||
button.flat:not(.link):backdrop {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none; }
|
||||
|
||||
/* LightDM */
|
||||
.lightdm-gtk-greeter #panel_window {
|
||||
background: rgba(35, 37, 46, 0.8);
|
||||
|
||||
button.image-button {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px; }
|
||||
|
||||
|
||||
button.circular {
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
padding: 2px; }
|
||||
|
||||
/**********
|
||||
* Entry *
|
||||
**********/
|
||||
spinbutton:not(.vertical), spinbutton.vertical > text,
|
||||
entry {
|
||||
min-height: 28px; }
|
||||
|
||||
spinbutton:not(:disabled):not(.vertical), spinbutton.vertical > text:not(:disabled),
|
||||
entry:not(:disabled) {
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05);
|
||||
background: #1b1d24; }
|
||||
|
||||
spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop,
|
||||
entry:backdrop {
|
||||
box-shadow: none;
|
||||
border-color: #0d0e11; }
|
||||
|
||||
headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text,
|
||||
headerbar entry {
|
||||
background: #272a34; }
|
||||
|
||||
/**********
|
||||
* Switch *
|
||||
**********/
|
||||
switch {
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
|
||||
switch:checked {
|
||||
border-right-width: 0;
|
||||
margin-right: 1px;
|
||||
box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, 0.6); }
|
||||
switch:checked, switch:checked:backdrop {
|
||||
border-color: rgba(0, 0, 0, 0.2); }
|
||||
switch:checked slider {
|
||||
border-color: #0d0e11; }
|
||||
switch:checked slider:backdrop:not(:disabled) {
|
||||
border-color: #0d0e11; }
|
||||
switch:backdrop, switch:disabled {
|
||||
box-shadow: none;
|
||||
border-color: #0d0e11; }
|
||||
switch:backdrop slider, switch:disabled slider {
|
||||
border-color: #0d0e11; }
|
||||
|
||||
/*************************
|
||||
* Check and Radio items *
|
||||
*************************/
|
||||
check,
|
||||
radio {
|
||||
background-image: linear-gradient(to bottom, #1e2128 20%, #1a1c23 90%);
|
||||
border-color: black; }
|
||||
check, check:active,
|
||||
radio,
|
||||
radio:active {
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
|
||||
check:checked, check:indeterminate,
|
||||
radio:checked,
|
||||
radio:indeterminate {
|
||||
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%);
|
||||
border-color: #00348d;
|
||||
color: #ffffff; }
|
||||
check:checked, check:checked:active, check:indeterminate, check:indeterminate:active,
|
||||
radio:checked,
|
||||
radio:checked:active,
|
||||
radio:indeterminate,
|
||||
radio:indeterminate:active {
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
check:checked:backdrop, check:indeterminate:backdrop,
|
||||
radio:checked:backdrop,
|
||||
radio:indeterminate:backdrop {
|
||||
background-image: image(#2777ff);
|
||||
box-shadow: none; }
|
||||
check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate,
|
||||
radio:disabled,
|
||||
radio:disabled:checked,
|
||||
radio:disabled:indeterminate,
|
||||
radio:disabled:backdrop,
|
||||
radio:disabled:backdrop:checked,
|
||||
radio:disabled:backdrop:indeterminate {
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
color: #eeeeec; }
|
||||
|
||||
radio:not(:indeterminate):not(:checked):active:not(:backdrop) {
|
||||
-gtk-icon-transform: scale(0); }
|
||||
|
||||
check:not(:indeterminate):not(:checked):active:not(:backdrop) {
|
||||
-gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
|
||||
|
||||
radio:active,
|
||||
check:active {
|
||||
-gtk-icon-transform: scale(0, 1); }
|
||||
|
||||
radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop),
|
||||
check:checked:not(:backdrop),
|
||||
check:indeterminate:not(:backdrop) {
|
||||
-gtk-icon-transform: unset;
|
||||
transition: 400ms; }
|
||||
|
||||
/************
|
||||
* GtkScale *
|
||||
************/
|
||||
switch slider,
|
||||
scale slider {
|
||||
color: #eeeeec;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none; }
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
border-color: black; }
|
||||
switch:hover slider, switch slider:active,
|
||||
scale slider:active {
|
||||
background-image: image(#0f1014);
|
||||
border-color: #2777ff; }
|
||||
switch slider:backdrop, switch slider:disabled,
|
||||
scale slider:backdrop,
|
||||
scale slider:disabled {
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
box-shadow: none; }
|
||||
|
||||
.lightdm-gtk-greeter #login_window {
|
||||
border: 0;
|
||||
background-color: rgba(35, 37, 46, 0.8);
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }
|
||||
.lightdm-gtk-greeter #login_window entry {
|
||||
background: rgba(35, 37, 46, 0.4);
|
||||
border-color: rgba(35, 37, 46, 0.3);
|
||||
min-height: 32px;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
.lightdm-gtk-greeter #login_window entry image {
|
||||
margin: 0; }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame {
|
||||
padding-top: 20px;
|
||||
/***************
|
||||
* Header bars *
|
||||
***************/
|
||||
.titlebar:not(headerbar),
|
||||
headerbar {
|
||||
min-height: 40px;
|
||||
border-color: black;
|
||||
background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23);
|
||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left; }
|
||||
.titlebar:backdrop:not(headerbar),
|
||||
headerbar:backdrop {
|
||||
background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png"));
|
||||
background-repeat: no-repeat;
|
||||
background-position: left;
|
||||
box-shadow: none; }
|
||||
.dialog .titlebar:not(headerbar), .dialog headerbar, .dialog headerbar:backdrop {
|
||||
background: #23252e;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-radius: 0 0 5px 5px;
|
||||
box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame button {
|
||||
border: 0;
|
||||
color: white;
|
||||
text-shadow: none; }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button {
|
||||
background: rgba(0, 0, 0, 0.27);
|
||||
box-shadow: none;
|
||||
color: #eeeeec; }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame #login_button {
|
||||
background: #2777ff;
|
||||
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); }
|
||||
border: 0;
|
||||
box-shadow: none; }
|
||||
|
||||
/* Thunar */
|
||||
.thunar .warning {
|
||||
opacity: 0;
|
||||
font-size: 0;
|
||||
margin: -10px 0; }
|
||||
headerbar entry,
|
||||
headerbar spinbutton,
|
||||
headerbar separator:not(.sidebar),
|
||||
headerbar button {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
headerbar switch {
|
||||
margin-top: 7px;
|
||||
margin-bottom: 7px; }
|
||||
|
||||
/**************
|
||||
* Tree Views *
|
||||
**************/
|
||||
treeview.view {
|
||||
border-top-color: #0d0e11; }
|
||||
treeview.view:backdrop {
|
||||
border-top-color: #0d0e11; }
|
||||
treeview.view header button {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
margin-left: -1px; }
|
||||
treeview.view header button:hover, treeview.view header button:active {
|
||||
border-color: #0d0e11; }
|
||||
treeview.view header button:backdrop {
|
||||
box-shadow: none; }
|
||||
|
||||
/*************
|
||||
* Notebooks *
|
||||
*************/
|
||||
notebook > header {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
background-color: #1b1d24; }
|
||||
notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs {
|
||||
margin: 0; }
|
||||
notebook > header.top > tabs > tab,
|
||||
notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab,
|
||||
notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab,
|
||||
notebook > header.right > tabs > tab.reorderable-page {
|
||||
padding: 3px 12px;
|
||||
border: 1px solid transparent;
|
||||
margin: 3px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
notebook > header.top > tabs > tab:hover,
|
||||
notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover,
|
||||
notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover,
|
||||
notebook > header.right > tabs > tab.reorderable-page:hover {
|
||||
color: #eeeeec;
|
||||
border-color: #0d0e11;
|
||||
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
|
||||
transition-duration: 50ms; }
|
||||
notebook > header.top > tabs > tab:hover:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:hover:backdrop, notebook > header.bottom > tabs > tab:hover:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:hover:backdrop, notebook > header.left > tabs > tab:hover:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:hover:backdrop, notebook > header.right > tabs > tab:hover:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:hover:backdrop {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none; }
|
||||
notebook > header.top > tabs > tab:checked,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked,
|
||||
notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked,
|
||||
notebook > header.right > tabs > tab.reorderable-page:checked {
|
||||
color: #eeeeec;
|
||||
outline-color: rgba(39, 119, 255, 0.7);
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#323643);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
|
||||
notebook > header.top > tabs > tab:checked:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
|
||||
color: #888a8d;
|
||||
border-color: #0d0e11;
|
||||
background-image: image(#23252e);
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
notebook > header.top > tabs > tab:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:backdrop, notebook > header.bottom > tabs > tab:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:backdrop, notebook > header.left > tabs > tab:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:backdrop, notebook > header.right > tabs > tab:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:backdrop {
|
||||
color: #888a8d; }
|
||||
notebook > header.top {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header.bottom {
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header.right {
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header.left {
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header > tabs > tab {
|
||||
border-radius: 4px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
min-height: 24px; }
|
||||
notebook > header > tabs > tab button.flat {
|
||||
margin-top: 1px;
|
||||
margin-bottom: 1px; }
|
||||
|
||||
/**********************
|
||||
* Window Decorations *
|
||||
*********************/
|
||||
window.csd {
|
||||
border-radius: 8px 8px 5px 5px;
|
||||
border: 1px solid #272a34;
|
||||
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(13, 14, 17, 0.75); }
|
||||
window.csd:backdrop {
|
||||
box-shadow: 0 2px 8px 0 transparent, 0 0 0 1px transparent, 0 0 0 3px rgba(0, 0, 0, 0.25); }
|
||||
window.csd.dialog.message, window.csd.popup {
|
||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(13, 14, 17, 0.65);
|
||||
border-width: 0; }
|
||||
|
||||
window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom {
|
||||
border-width: 0; }
|
||||
|
||||
window.popup {
|
||||
border-width: 0; }
|
||||
|
||||
window.ssd {
|
||||
box-shadow: 0 0 0 1px rgba(13, 14, 17, 0.75);
|
||||
border-width: 0; }
|
||||
|
||||
tooltip.csd {
|
||||
border: 0; }
|
||||
|
||||
windowcontrols button {
|
||||
padding: 5px; }
|
||||
|
||||
/* GTK NAMED COLORS
|
||||
----------------
|
||||
@@ -4011,7 +4190,7 @@ widgets main borders color */
|
||||
@define-color borders #0d0e11;
|
||||
/*
|
||||
widgets main borders color on backdrop windows */
|
||||
@define-color unfocused_borders #16171d;
|
||||
@define-color unfocused_borders #0d0e11;
|
||||
/*
|
||||
these are pretty self explicative */
|
||||
@define-color warning_color #fd7d00;
|
||||
|
||||
@@ -231,7 +231,7 @@ entry {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
border: 1px solid;
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
border-spacing: 6px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
color: black;
|
||||
@@ -434,13 +434,13 @@ button {
|
||||
min-width: 16px;
|
||||
padding: 4px 9px;
|
||||
border: 1px solid;
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
color: #5c616c;
|
||||
outline-color: rgba(39, 119, 255, 0.5);
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #fafafa 2px, white);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
notebook > header > tabs > arrow, windowcontrols button,
|
||||
button {
|
||||
outline: 0 solid transparent;
|
||||
@@ -455,7 +455,7 @@ button {
|
||||
color: #5c616c;
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
-gtk-icon-filter: brightness(1.2); }
|
||||
notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
|
||||
button:active,
|
||||
@@ -481,7 +481,7 @@ button {
|
||||
button.flat:backdrop,
|
||||
button:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out;
|
||||
@@ -492,14 +492,14 @@ button {
|
||||
button:backdrop:active,
|
||||
button:backdrop:checked {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#eaeaea);
|
||||
box-shadow: none; }
|
||||
notebook > header > tabs > arrow:backdrop:disabled,
|
||||
button.flat:backdrop:disabled,
|
||||
button:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#fdfdfd);
|
||||
box-shadow: none; }
|
||||
notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
|
||||
@@ -508,7 +508,7 @@ button {
|
||||
button:backdrop:disabled:active,
|
||||
button:backdrop:disabled:checked {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#eaeaea);
|
||||
box-shadow: none; }
|
||||
notebook > header > tabs > arrow:disabled,
|
||||
@@ -691,8 +691,8 @@ button.suggested-action {
|
||||
color: white;
|
||||
outline-color: rgba(255, 255, 255, 0.8);
|
||||
border-color: #0047c0;
|
||||
background-image: linear-gradient(to top, #1d71ff 2px, #2777ff);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#4187ff);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
|
||||
button.suggested-action {
|
||||
outline: 0 solid transparent;
|
||||
@@ -714,7 +714,7 @@ button.suggested-action {
|
||||
color: white;
|
||||
border-color: #0051da;
|
||||
background-image: linear-gradient(to top, #004fd4, #005efd 1px);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
|
||||
button.suggested-action:active,
|
||||
button.suggested-action:checked {
|
||||
@@ -773,8 +773,8 @@ button.destructive-action {
|
||||
color: white;
|
||||
outline-color: rgba(255, 255, 255, 0.8);
|
||||
border-color: #790e0e;
|
||||
background-image: linear-gradient(to top, #cb1818 2px, #d41919);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(#e52222);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(144, 17, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
|
||||
button.destructive-action {
|
||||
outline: 0 solid transparent;
|
||||
@@ -796,7 +796,7 @@ button.destructive-action {
|
||||
color: white;
|
||||
border-color: #901111;
|
||||
background-image: linear-gradient(to top, #8b1010, #b01515 1px);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(144, 17, 17, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
|
||||
button.destructive-action:active,
|
||||
button.destructive-action:checked {
|
||||
@@ -870,13 +870,13 @@ button.font > box {
|
||||
button.font > box > box > label {
|
||||
font-weight: bold; }
|
||||
|
||||
|
||||
menubutton.circular button,
|
||||
button.circular {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
padding: 0;
|
||||
border-radius: 9999px; }
|
||||
|
||||
menubutton.circular button label,
|
||||
button.circular label {
|
||||
padding: 0; }
|
||||
|
||||
@@ -964,7 +964,7 @@ modelbutton.flat {
|
||||
min-height: 26px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 5px; }
|
||||
border-radius: 4px; }
|
||||
modelbutton.flat:hover {
|
||||
background-color: #eaebec; }
|
||||
modelbutton.flat:disabled {
|
||||
@@ -989,7 +989,7 @@ modelbutton.flat arrow {
|
||||
color: #5c616c;
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
.toolbar button:active {
|
||||
color: #5c616c;
|
||||
border-color: #d9d9d9;
|
||||
@@ -1001,12 +1001,12 @@ modelbutton.flat arrow {
|
||||
background-image: image(#fdfdfd); }
|
||||
.toolbar button:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
box-shadow: none; }
|
||||
.toolbar button:backdrop:disabled {
|
||||
color: #d9d9d9;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#fdfdfd);
|
||||
box-shadow: none; }
|
||||
|
||||
@@ -1031,7 +1031,7 @@ list > row button.image-button:not(.flat) {
|
||||
color: #5c616c;
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked,
|
||||
list > row button.image-button:not(.flat):active,
|
||||
list > row button.image-button:not(.flat):checked {
|
||||
@@ -1133,10 +1133,10 @@ spinbutton {
|
||||
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
|
||||
spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child,
|
||||
spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child {
|
||||
border-radius: 0 5px 5px 0; }
|
||||
border-radius: 0 4px 4px 0; }
|
||||
spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child,
|
||||
spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
|
||||
border-radius: 5px 0 0 5px; }
|
||||
border-radius: 4px 0 0 4px; }
|
||||
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat),
|
||||
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) {
|
||||
border-color: transparent;
|
||||
@@ -1175,10 +1175,10 @@ spinbutton {
|
||||
box-shadow: none; }
|
||||
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child,
|
||||
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child {
|
||||
border-radius: 0 5px 5px 0; }
|
||||
border-radius: 0 4px 4px 0; }
|
||||
.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child,
|
||||
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
|
||||
border-radius: 5px 0 0 5px; }
|
||||
border-radius: 4px 0 0 4px; }
|
||||
spinbutton.vertical:disabled {
|
||||
color: #aeb0b6; }
|
||||
spinbutton.vertical:drop(active) {
|
||||
@@ -1325,8 +1325,8 @@ searchbar > revealer > box {
|
||||
border-color: #d9d9d9;
|
||||
background-color: #f4f4f4; }
|
||||
searchbar > revealer > box:backdrop {
|
||||
border-color: #e0e0e0;
|
||||
background-color: #f4f4f4;
|
||||
border-color: #d9d9d9;
|
||||
background-color: #f2f2f2;
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
|
||||
@@ -1359,7 +1359,7 @@ searchbar .close {
|
||||
color: #5c616c;
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
|
||||
/*****************
|
||||
* Title buttons *
|
||||
@@ -1402,7 +1402,7 @@ headerbar {
|
||||
/* Darken switchbuttons for headerbars. issue #1588 */ }
|
||||
.titlebar:backdrop:not(headerbar),
|
||||
headerbar:backdrop {
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-color: #ffffff;
|
||||
background-image: none;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
|
||||
@@ -1429,7 +1429,7 @@ headerbar {
|
||||
headerbar stackswitcher > button:checked:backdrop,
|
||||
headerbar button.toggle:checked:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #e0e0e0;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#eaeaea);
|
||||
box-shadow: none; }
|
||||
.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 {
|
||||
@@ -1562,8 +1562,8 @@ treeview.view {
|
||||
color: #dfdfdf; }
|
||||
columnview.view:backdrop,
|
||||
treeview.view:backdrop {
|
||||
border-left-color: #e5e5e5;
|
||||
border-top: #e5e5e5; }
|
||||
border-left-color: #dfdfdf;
|
||||
border-top: #dfdfdf; }
|
||||
columnview.view:drop(active),
|
||||
treeview.view:drop(active) {
|
||||
box-shadow: none; }
|
||||
@@ -1638,6 +1638,16 @@ treeview.view {
|
||||
treeview.view > header > button:active {
|
||||
color: #5c616c;
|
||||
transition: none; }
|
||||
columnview.view > header > button sort-indicator,
|
||||
treeview.view > header > button sort-indicator {
|
||||
min-height: 16px;
|
||||
min-width: 16px; }
|
||||
columnview.view > header > button sort-indicator.ascending,
|
||||
treeview.view > header > button sort-indicator.ascending {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
columnview.view > header > button sort-indicator.descending,
|
||||
treeview.view > header > button sort-indicator.descending {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd,
|
||||
columnview.view header.button.dnd:active,
|
||||
columnview.view header.button.dnd:selected,
|
||||
@@ -1698,7 +1708,7 @@ popover.background {
|
||||
background-color: transparent; }
|
||||
popover.background > contents {
|
||||
padding: 8px;
|
||||
border-radius: 9px; }
|
||||
border-radius: 8px; }
|
||||
popover.background > contents > list,
|
||||
popover.background > contents > .view,
|
||||
popover.background > contents > iconview,
|
||||
@@ -1828,7 +1838,7 @@ menubar {
|
||||
padding: 0 0 4px 0; }
|
||||
menubar > item popover.menu.background popover.menu.background > contents {
|
||||
margin: 0;
|
||||
border-radius: 9px; }
|
||||
border-radius: 8px; }
|
||||
|
||||
/*************
|
||||
* Notebooks *
|
||||
@@ -2014,11 +2024,11 @@ scrollbar {
|
||||
scrollbar.right {
|
||||
border-left: 1px solid #d9d9d9; }
|
||||
scrollbar > range > trough > slider {
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
min-width: 10px;
|
||||
min-height: 10px;
|
||||
margin: -1px;
|
||||
border: 4px solid transparent;
|
||||
border-radius: 8px;
|
||||
border-radius: 10px;
|
||||
background-clip: padding-box;
|
||||
background-color: #ced0d3; }
|
||||
scrollbar > range > trough > slider:hover {
|
||||
@@ -2028,12 +2038,12 @@ scrollbar {
|
||||
scrollbar > range > trough > slider:disabled {
|
||||
background-color: transparent; }
|
||||
scrollbar > range.fine-tune > trough > slider {
|
||||
min-width: 4px;
|
||||
min-height: 4px; }
|
||||
min-width: 6px;
|
||||
min-height: 6px; }
|
||||
scrollbar > range.fine-tune.horizontal > trough > slider {
|
||||
border-width: 5px 4px; }
|
||||
border-width: 6px 4px; }
|
||||
scrollbar > range.fine-tune.vertical > trough > slider {
|
||||
border-width: 4px 5px; }
|
||||
border-width: 4px 6px; }
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||
border-color: transparent;
|
||||
opacity: 0.4;
|
||||
@@ -2095,8 +2105,8 @@ switch {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(39, 119, 255, 0.5);
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #fafafa 2px, white);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
margin: -1px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
@@ -2110,7 +2120,7 @@ switch {
|
||||
color: #5c616c;
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
switch:checked > slider {
|
||||
border: 1px solid #0051da; }
|
||||
switch:disabled > slider {
|
||||
@@ -2249,7 +2259,7 @@ switch {
|
||||
|
||||
checkbutton {
|
||||
border-spacing: 4px;
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
checkbutton {
|
||||
outline: 0 solid transparent;
|
||||
@@ -2460,8 +2470,8 @@ scale {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(39, 119, 255, 0.5);
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #fafafa 2px, white);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 100%;
|
||||
@@ -2471,7 +2481,7 @@ scale {
|
||||
color: #5c616c;
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
scale > trough > slider:active {
|
||||
border-color: #0051da; }
|
||||
scale > trough > slider:disabled {
|
||||
@@ -2982,7 +2992,7 @@ frame,
|
||||
border: 1px solid #d9d9d9; }
|
||||
|
||||
frame {
|
||||
border-radius: 8px; }
|
||||
border-radius: 7px; }
|
||||
frame > label {
|
||||
margin: 4px; }
|
||||
|
||||
@@ -3049,7 +3059,7 @@ list {
|
||||
list:backdrop {
|
||||
color: #313131;
|
||||
background-color: #f7f7f7;
|
||||
border-color: #e0e0e0; }
|
||||
border-color: #d9d9d9; }
|
||||
listview > row,
|
||||
list > row {
|
||||
padding: 2px; }
|
||||
@@ -3176,7 +3186,7 @@ expander-widget:focus:focus-visible > box > title {
|
||||
|
||||
expander-widget > box > title {
|
||||
transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
border-radius: 5px; }
|
||||
border-radius: 4px; }
|
||||
expander-widget > box > title:hover > expander {
|
||||
color: #aaaeb7; }
|
||||
|
||||
@@ -3239,8 +3249,8 @@ window.dialog.message label.title {
|
||||
font-size: 15pt; }
|
||||
|
||||
window.dialog.message.csd.background {
|
||||
border-bottom-left-radius: 9px;
|
||||
border-bottom-right-radius: 9px; }
|
||||
border-bottom-left-radius: 8px;
|
||||
border-bottom-right-radius: 8px; }
|
||||
|
||||
window.dialog.message.csd .dialog-action-area button {
|
||||
padding: 10px 14px;
|
||||
@@ -3455,7 +3465,7 @@ video {
|
||||
************/
|
||||
tooltip {
|
||||
padding: 6px 10px;
|
||||
border-radius: 8px;
|
||||
border-radius: 7px;
|
||||
box-shadow: none; }
|
||||
tooltip.background {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
@@ -3531,13 +3541,13 @@ colorswatch {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(39, 119, 255, 0.5);
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #fafafa 2px, white);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
colorswatch#add-color-button.activatable:hover > overlay {
|
||||
color: #5c616c;
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
colorswatch:disabled {
|
||||
opacity: 0.5; }
|
||||
colorswatch:disabled > overlay {
|
||||
@@ -3596,7 +3606,7 @@ window {
|
||||
window.csd {
|
||||
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23);
|
||||
margin: 0px;
|
||||
border-radius: 8px 8px 0 0; }
|
||||
border-radius: 7px 7px 0 0; }
|
||||
window.csd:backdrop {
|
||||
box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18);
|
||||
transition: 200ms ease-out; }
|
||||
@@ -3604,7 +3614,7 @@ window {
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
|
||||
window.csd.dialog.message {
|
||||
border-radius: 8px;
|
||||
border-radius: 7px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
|
||||
window.csd.solid-csd {
|
||||
margin: 0;
|
||||
@@ -3625,24 +3635,21 @@ tooltip.csd {
|
||||
border-radius: 5px;
|
||||
box-shadow: none; }
|
||||
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
|
||||
.view:selected:focus, .view:selected,
|
||||
textview > text:selected:focus,
|
||||
textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected,
|
||||
entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected,
|
||||
treeview.view:selected:focus,
|
||||
treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
|
||||
background-color: #2777ff; }
|
||||
label:selected, filechooser placessidebar.sidebar row.sidebar-row:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .view:selected:focus, .view:selected,
|
||||
label:selected, .view:selected:focus, .view:selected,
|
||||
textview > text:selected:focus,
|
||||
textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected,
|
||||
entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected,
|
||||
treeview.view:selected:focus,
|
||||
treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
|
||||
color: #ffffff; }
|
||||
label:disabled > selection, label:disabled:selected, filechooser placessidebar.sidebar row.sidebar-row:disabled:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:disabled:selected, .view:disabled:selected,
|
||||
label:disabled > selection, label:disabled:selected, .view:disabled:selected,
|
||||
textview > text:disabled:selected:focus,
|
||||
textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected,
|
||||
entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected,
|
||||
@@ -3797,172 +3804,353 @@ popover.entry-completion > contents {
|
||||
statusbar {
|
||||
padding: 6px 10px 6px 10px; }
|
||||
|
||||
/* Nautilus */
|
||||
@define-color disk_space_unknown #383c4a;
|
||||
@define-color disk_space_used #2777ff;
|
||||
@define-color disk_space_free white;
|
||||
filechooser placessidebar.sidebar,
|
||||
.nautilus-window placessidebar.sidebar {
|
||||
box-shadow: inset 0 8px 4px -8px rgba(0, 0, 0, 0.3); }
|
||||
filechooser placessidebar.sidebar:dir(ltr),
|
||||
.nautilus-window placessidebar.sidebar:dir(ltr) {
|
||||
background-image: linear-gradient(to right, whitesmoke 41px, #ffffff 0); }
|
||||
filechooser placessidebar.sidebar:dir(rtl),
|
||||
.nautilus-window placessidebar.sidebar:dir(rtl) {
|
||||
background-image: linear-gradient(to left, whitesmoke 41px, #ffffff 0); }
|
||||
filechooser placessidebar.sidebar:backdrop,
|
||||
.nautilus-window placessidebar.sidebar:backdrop {
|
||||
menubutton arrow {
|
||||
min-height: 16px;
|
||||
min-width: 16px; }
|
||||
menubutton arrow.none {
|
||||
-gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
|
||||
menubutton arrow.down {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
|
||||
menubutton arrow.up {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
|
||||
menubutton arrow.left {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
|
||||
menubutton arrow.right {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
||||
|
||||
/**********
|
||||
* Button *
|
||||
**********/
|
||||
windowcontrols button, notebook > header > tabs > arrow,
|
||||
button {
|
||||
padding: 2px 6px; }
|
||||
|
||||
.titlebar:not(headerbar) stackswitcher button:checked:checked,
|
||||
.titlebar:not(headerbar) button.toggle:active,
|
||||
.titlebar:not(headerbar) button.toggle:checked,
|
||||
headerbar stackswitcher button:checked:checked,
|
||||
headerbar button.toggle:active,
|
||||
headerbar button.toggle:checked,
|
||||
button.flat:not(.link):hover,
|
||||
button:active,
|
||||
button:checked {
|
||||
background: #f2f2f2;
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
|
||||
.titlebar:not(headerbar) stackswitcher button:backdrop:checked,
|
||||
.titlebar:not(headerbar) button.toggle:backdrop:active,
|
||||
.titlebar:not(headerbar) button.toggle:backdrop:checked,
|
||||
headerbar stackswitcher button:backdrop:checked,
|
||||
headerbar button.toggle:backdrop:active,
|
||||
headerbar button.toggle:backdrop:checked,
|
||||
button.flat:backdrop:not(.link):hover,
|
||||
button:active:backdrop,
|
||||
button:checked:backdrop {
|
||||
box-shadow: none; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected {
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5);
|
||||
transition: box-shadow 200ms ease-out; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
|
||||
box-shadow: none; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
|
||||
background-image: linear-gradient(to right, #005af3 35px, transparent 0); }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl),
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) {
|
||||
background-image: linear-gradient(to left, #005af3 35px, transparent 0); }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected revealer,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
|
||||
color: #ffffff; }
|
||||
filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
|
||||
.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
|
||||
padding-right: 20px; }
|
||||
|
||||
.nautilus-window .floating-bar {
|
||||
color: #ffffff;
|
||||
background-color: #2777ff;
|
||||
border-color: #0051da;
|
||||
margin: 10px;
|
||||
box-shadow: 0 1px 4px rgba(39, 119, 255, 0.5);
|
||||
transition: background-color 200ms ease-out; }
|
||||
.nautilus-window .floating-bar:backdrop {
|
||||
color: inherit;
|
||||
box-shadow: none;
|
||||
border-color: #d9d9d9; }
|
||||
.nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right {
|
||||
border-radius: 5px;
|
||||
border-style: solid; }
|
||||
|
||||
.path-bar-box:backdrop {
|
||||
border-color: #e0e0e0; }
|
||||
|
||||
/* XFCE4 PANEL */
|
||||
.xfce4-panel.background {
|
||||
background: rgba(255, 255, 255, 0.9); }
|
||||
|
||||
.xfce4-panel button {
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
background: transparent;
|
||||
color: #454850; }
|
||||
.xfce4-panel button:hover {
|
||||
background: #ffffff; }
|
||||
.xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active {
|
||||
box-shadow: inset 0 4px 0 #2777ff;
|
||||
background: #ffffff; }
|
||||
|
||||
.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active {
|
||||
box-shadow: inset 4px 0 0 #2777ff; }
|
||||
|
||||
/* XFCE4 NOTIFICATIONS */
|
||||
#XfceNotifyWindow {
|
||||
background-color: #272a34; }
|
||||
|
||||
/* Whisker menu */
|
||||
#whiskermenu-window entry {
|
||||
border-radius: 100px;
|
||||
border: 2px solid #2777ff;
|
||||
button:disabled {
|
||||
box-shadow: none; }
|
||||
|
||||
#whiskermenu-window button {
|
||||
transition-duration: 0s; }
|
||||
#whiskermenu-window button:checked {
|
||||
border-color: transparent; }
|
||||
|
||||
#whiskermenu-window scrolledwindow.frame {
|
||||
border: 0;
|
||||
border-radius: 8px;
|
||||
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
background: #ffffff;
|
||||
padding: 7px 10px;
|
||||
margin: 0 5px; }
|
||||
#whiskermenu-window scrolledwindow.frame treeview {
|
||||
background: transparent;
|
||||
border-radius: 5px; }
|
||||
#whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
color: inherit; }
|
||||
button.flat:not(.link):hover {
|
||||
transition: none; }
|
||||
|
||||
/* XFCE4 panel action buttons */
|
||||
#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image {
|
||||
-gtk-icon-style: symbolic;
|
||||
-gtk-icon-transform: scale(0.7); }
|
||||
|
||||
/* XFCE4 workspace switcher */
|
||||
wnck-pager {
|
||||
background-color: white; }
|
||||
wnck-pager:selected {
|
||||
background-color: #cccccc; }
|
||||
wnck-pager:hover {
|
||||
background-color: #cccccc; }
|
||||
button.flat:not(.link):backdrop {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none; }
|
||||
|
||||
/* LightDM */
|
||||
.lightdm-gtk-greeter #panel_window {
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
|
||||
button.image-button {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px; }
|
||||
|
||||
|
||||
button.circular {
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
padding: 2px; }
|
||||
|
||||
/**********
|
||||
* Entry *
|
||||
**********/
|
||||
spinbutton:not(.vertical), spinbutton.vertical > text,
|
||||
entry {
|
||||
min-height: 28px; }
|
||||
|
||||
spinbutton:not(:disabled):not(.vertical), spinbutton.vertical > text:not(:disabled),
|
||||
entry:not(:disabled) {
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05);
|
||||
background: #ffffff; }
|
||||
|
||||
spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop,
|
||||
entry:backdrop {
|
||||
box-shadow: none;
|
||||
border-color: #d9d9d9; }
|
||||
|
||||
headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text,
|
||||
headerbar entry {
|
||||
background: #fafafa; }
|
||||
|
||||
/**********
|
||||
* Switch *
|
||||
**********/
|
||||
switch {
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
|
||||
switch:checked {
|
||||
border-right-width: 0;
|
||||
margin-right: 1px;
|
||||
box-shadow: inset 0 1px 3px -1px rgba(0, 0, 0, 0.6); }
|
||||
switch:checked, switch:checked:backdrop {
|
||||
border-color: rgba(0, 0, 0, 0.2); }
|
||||
switch:checked slider {
|
||||
border-color: #0051da; }
|
||||
switch:checked slider:backdrop:not(:disabled) {
|
||||
border-color: #2777ff; }
|
||||
switch:backdrop, switch:disabled {
|
||||
box-shadow: none;
|
||||
border-color: #d9d9d9; }
|
||||
switch:backdrop slider, switch:disabled slider {
|
||||
border-color: #d9d9d9; }
|
||||
|
||||
/*************************
|
||||
* Check and Radio items *
|
||||
*************************/
|
||||
check,
|
||||
radio {
|
||||
background-image: linear-gradient(to bottom, #ffffff 20%, #fafafa 90%);
|
||||
border-color: #c2c2c2; }
|
||||
check, check:active,
|
||||
radio,
|
||||
radio:active {
|
||||
box-shadow: inset 0 3px 10px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
|
||||
check:checked, check:indeterminate,
|
||||
radio:checked,
|
||||
radio:indeterminate {
|
||||
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%);
|
||||
border-color: #0051da;
|
||||
color: #ffffff; }
|
||||
check:checked, check:checked:active, check:indeterminate, check:indeterminate:active,
|
||||
radio:checked,
|
||||
radio:checked:active,
|
||||
radio:indeterminate,
|
||||
radio:indeterminate:active {
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
check:checked:backdrop, check:indeterminate:backdrop,
|
||||
radio:checked:backdrop,
|
||||
radio:indeterminate:backdrop {
|
||||
background-image: image(#2777ff);
|
||||
box-shadow: none; }
|
||||
check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate,
|
||||
radio:disabled,
|
||||
radio:disabled:checked,
|
||||
radio:disabled:indeterminate,
|
||||
radio:disabled:backdrop,
|
||||
radio:disabled:backdrop:checked,
|
||||
radio:disabled:backdrop:indeterminate {
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
color: #5c616c; }
|
||||
|
||||
radio:not(:indeterminate):not(:checked):active:not(:backdrop) {
|
||||
-gtk-icon-transform: scale(0); }
|
||||
|
||||
check:not(:indeterminate):not(:checked):active:not(:backdrop) {
|
||||
-gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
|
||||
|
||||
radio:active,
|
||||
check:active {
|
||||
-gtk-icon-transform: scale(0, 1); }
|
||||
|
||||
radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop),
|
||||
check:checked:not(:backdrop),
|
||||
check:indeterminate:not(:backdrop) {
|
||||
-gtk-icon-transform: unset;
|
||||
transition: 400ms; }
|
||||
|
||||
/************
|
||||
* GtkScale *
|
||||
************/
|
||||
switch slider,
|
||||
scale slider {
|
||||
color: #5c616c;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none; }
|
||||
outline-color: rgba(39, 119, 255, 0.5);
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
border-color: #bababa; }
|
||||
switch:hover slider, switch slider:active,
|
||||
scale slider:active {
|
||||
background-image: image(white);
|
||||
border-color: #2777ff; }
|
||||
switch slider:backdrop, switch slider:disabled,
|
||||
scale slider:backdrop,
|
||||
scale slider:disabled {
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
box-shadow: none; }
|
||||
|
||||
.lightdm-gtk-greeter #login_window {
|
||||
border: 0;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }
|
||||
.lightdm-gtk-greeter #login_window entry {
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
border-color: rgba(255, 255, 255, 0.3);
|
||||
min-height: 32px;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); }
|
||||
.lightdm-gtk-greeter #login_window entry image {
|
||||
margin: 0; }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame {
|
||||
padding-top: 20px;
|
||||
/***************
|
||||
* Header bars *
|
||||
***************/
|
||||
.titlebar:not(headerbar),
|
||||
headerbar {
|
||||
min-height: 40px;
|
||||
border-color: #cccccc;
|
||||
background: #f2f2f2 -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")), linear-gradient(to top, #ededed, whitesmoke);
|
||||
box-shadow: 0 1px 4px rgba(204, 204, 204, 0.75);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left; }
|
||||
.titlebar:backdrop:not(headerbar),
|
||||
headerbar:backdrop {
|
||||
background-image: -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png"));
|
||||
background-repeat: no-repeat;
|
||||
background-position: left;
|
||||
box-shadow: none; }
|
||||
.dialog .titlebar:not(headerbar), .dialog headerbar, .dialog headerbar:backdrop {
|
||||
background: #ffffff;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-radius: 0 0 5px 5px;
|
||||
box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame button {
|
||||
border: 0;
|
||||
color: white;
|
||||
text-shadow: none; }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button {
|
||||
background: rgba(0, 0, 0, 0.07);
|
||||
box-shadow: none;
|
||||
color: #5c616c; }
|
||||
.lightdm-gtk-greeter #login_window #buttonbox_frame #login_button {
|
||||
background: #2777ff;
|
||||
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); }
|
||||
border: 0;
|
||||
box-shadow: none; }
|
||||
|
||||
/* Thunar */
|
||||
.thunar .warning {
|
||||
opacity: 0;
|
||||
font-size: 0;
|
||||
margin: -10px 0; }
|
||||
headerbar entry,
|
||||
headerbar spinbutton,
|
||||
headerbar separator:not(.sidebar),
|
||||
headerbar button {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px; }
|
||||
|
||||
headerbar switch {
|
||||
margin-top: 7px;
|
||||
margin-bottom: 7px; }
|
||||
|
||||
/**************
|
||||
* Tree Views *
|
||||
**************/
|
||||
treeview.view {
|
||||
border-top-color: #d9d9d9; }
|
||||
treeview.view:backdrop {
|
||||
border-top-color: #d9d9d9; }
|
||||
treeview.view header button {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(39, 119, 255, 0.5);
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
margin-left: -1px; }
|
||||
treeview.view header button:hover, treeview.view header button:active {
|
||||
border-color: #d9d9d9; }
|
||||
treeview.view header button:backdrop {
|
||||
box-shadow: none; }
|
||||
|
||||
/*************
|
||||
* Notebooks *
|
||||
*************/
|
||||
notebook > header {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
background-color: #f2f2f2; }
|
||||
notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs {
|
||||
margin: 0; }
|
||||
notebook > header.top > tabs > tab,
|
||||
notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab,
|
||||
notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab,
|
||||
notebook > header.right > tabs > tab.reorderable-page {
|
||||
padding: 3px 12px;
|
||||
border: 1px solid transparent;
|
||||
margin: 3px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
notebook > header.top > tabs > tab:hover,
|
||||
notebook > header.top > tabs > tab.reorderable-page:hover, notebook > header.bottom > tabs > tab:hover,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:hover, notebook > header.left > tabs > tab:hover,
|
||||
notebook > header.left > tabs > tab.reorderable-page:hover, notebook > header.right > tabs > tab:hover,
|
||||
notebook > header.right > tabs > tab.reorderable-page:hover {
|
||||
color: #5c616c;
|
||||
border-color: #d9d9d9;
|
||||
background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
|
||||
transition-duration: 50ms; }
|
||||
notebook > header.top > tabs > tab:hover:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:hover:backdrop, notebook > header.bottom > tabs > tab:hover:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:hover:backdrop, notebook > header.left > tabs > tab:hover:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:hover:backdrop, notebook > header.right > tabs > tab:hover:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:hover:backdrop {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none; }
|
||||
notebook > header.top > tabs > tab:checked,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked,
|
||||
notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked,
|
||||
notebook > header.right > tabs > tab.reorderable-page:checked {
|
||||
color: #5c616c;
|
||||
outline-color: rgba(39, 119, 255, 0.5);
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(white);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
|
||||
notebook > header.top > tabs > tab:checked:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
|
||||
color: #aeb0b6;
|
||||
border-color: #d9d9d9;
|
||||
background-image: image(#ffffff);
|
||||
box-shadow: none;
|
||||
transition: 200ms ease-out; }
|
||||
notebook > header.top > tabs > tab:backdrop,
|
||||
notebook > header.top > tabs > tab.reorderable-page:backdrop, notebook > header.bottom > tabs > tab:backdrop,
|
||||
notebook > header.bottom > tabs > tab.reorderable-page:backdrop, notebook > header.left > tabs > tab:backdrop,
|
||||
notebook > header.left > tabs > tab.reorderable-page:backdrop, notebook > header.right > tabs > tab:backdrop,
|
||||
notebook > header.right > tabs > tab.reorderable-page:backdrop {
|
||||
color: #aeb0b6; }
|
||||
notebook > header.top {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header.bottom {
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header.right {
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header.left {
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
|
||||
notebook > header > tabs > tab {
|
||||
border-radius: 4px;
|
||||
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
min-height: 24px; }
|
||||
notebook > header > tabs > tab button.flat {
|
||||
margin-top: 1px;
|
||||
margin-bottom: 1px; }
|
||||
|
||||
/**********************
|
||||
* Window Decorations *
|
||||
*********************/
|
||||
window.csd {
|
||||
border-radius: 8px 8px 5px 5px;
|
||||
border: 1px solid #fafafa;
|
||||
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1); }
|
||||
window.csd:backdrop {
|
||||
box-shadow: 0 2px 8px 0 transparent, 0 0 0 1px transparent, 0 0 0 3px rgba(0, 0, 0, 0.15); }
|
||||
window.csd.dialog.message, window.csd.popup {
|
||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0);
|
||||
border-width: 0; }
|
||||
|
||||
window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom {
|
||||
border-width: 0; }
|
||||
|
||||
window.popup {
|
||||
border-width: 0; }
|
||||
|
||||
window.ssd {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
border-width: 0; }
|
||||
|
||||
tooltip.csd {
|
||||
border: 0; }
|
||||
|
||||
windowcontrols button {
|
||||
padding: 5px; }
|
||||
|
||||
/* GTK NAMED COLORS
|
||||
----------------
|
||||
@@ -4020,7 +4208,7 @@ widgets main borders color */
|
||||
@define-color borders #d9d9d9;
|
||||
/*
|
||||
widgets main borders color on backdrop windows */
|
||||
@define-color unfocused_borders #e0e0e0;
|
||||
@define-color unfocused_borders #d9d9d9;
|
||||
/*
|
||||
these are pretty self explicative */
|
||||
@define-color warning_color #fd7d00;
|
||||
|
||||
Reference in New Issue
Block a user