GTK3: generate CSS

This commit is contained in:
Daniel Ruiz de Alegría 2021-07-12 15:31:42 +02:00
parent 1b780743dc
commit d5b7a7da18
No known key found for this signature in database
GPG Key ID: 59667A77E8BFCB6C
6 changed files with 924 additions and 336 deletions

View File

@ -372,7 +372,7 @@ entry progress {
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry {
border-left-color: #00348d; }
.linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + entry, .linked:not(.vertical) > entry.error:focus + button, .linked:not(.vertical) > entry.error:focus + combobox > box > button.combo, .linked:not(.vertical) > entry.error:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry.error:focus + entry {
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry {
border-left-color: #200404; }
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry {
@ -391,9 +391,9 @@ entry progress {
.linked.vertical > entry + entry:focus:not(:only-child) {
border-top-color: #00348d; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton.error:focus:not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + entry.error:focus:not(:only-child), .linked.vertical > entry + spinbutton.error:focus:not(:only-child):not(.vertical),
.linked.vertical > entry + entry.error:focus:not(:only-child) {
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical),
.linked.vertical > entry + entry:focus.error:not(:only-child) {
border-top-color: #200404; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
@ -410,13 +410,13 @@ entry progress {
.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo {
border-top-color: #00348d; }
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + entry,
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + button,
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton:not(.vertical),
.linked.vertical > entry.error:focus:not(:only-child) + entry,
.linked.vertical > entry.error:focus:not(:only-child) + button,
.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo {
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry,
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button,
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical),
.linked.vertical > entry:focus.error:not(:only-child) + entry,
.linked.vertical > entry:focus.error:not(:only-child) + button,
.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo {
border-top-color: #200404; }
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
@ -531,7 +531,7 @@ button {
-gtk-icon-shadow: none;
transition-duration: 50ms; }
notebook > header > tabs > arrow:backdrop,
button.flat:backdrop,
button:backdrop.flat,
button:backdrop {
color: #888a8d;
border-color: #0d0e11;
@ -542,8 +542,8 @@ button {
transition: 200ms ease-out;
-gtk-icon-effect: none; }
notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button.flat:backdrop:active,
button.flat:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
button:backdrop:active,
button:backdrop:checked {
color: #888a8d;
@ -551,7 +551,7 @@ button {
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.flat:disabled,
button:backdrop:disabled {
color: #43495a;
border-color: #0d0e11;
@ -560,8 +560,8 @@ button {
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
button.flat:backdrop:disabled:active,
button.flat:backdrop:disabled:checked,
button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
color: #43495a;
@ -1745,8 +1745,8 @@ headerbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button:backdrop,
headerbar.selection-mode button.flat:backdrop,
.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
color: #d4e4ff;
border-color: #005af3;
@ -1756,9 +1756,9 @@ headerbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none;
border-color: #00348d; }
.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button.flat:backdrop:active, .selection-mode headerbar button.flat:backdrop:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked,
headerbar.selection-mode button.flat:backdrop:active,
headerbar.selection-mode button.flat:backdrop:checked,
.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked {
color: #d2e0f7;
@ -1766,8 +1766,8 @@ headerbar {
background-image: image(#1e62d6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #00348d; }
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button.flat:backdrop:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop:disabled,
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled {
color: #739fec;
border-color: #005af3;
@ -2034,9 +2034,9 @@ treeview.view {
border-style: solid none;
border-width: 1px;
border-color: #00348d; }
treeview.view.after:drop(active) {
treeview.view:drop(active).after {
border-top-style: none; }
treeview.view.before:drop(active) {
treeview.view:drop(active).before {
border-bottom-style: none; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
@ -2418,24 +2418,24 @@ notebook > header {
notebook > header tab:hover {
color: #eeeeec;
background-color: #1a1c23; }
notebook > header tab.reorderable-page:hover {
notebook > header tab:hover.reorderable-page {
border-color: rgba(13, 14, 17, 0.3);
background-color: rgba(35, 37, 46, 0.2); }
notebook > header tab:backdrop {
color: #5f6267; }
notebook > header tab.reorderable-page:backdrop {
notebook > header tab:backdrop.reorderable-page {
border-color: transparent;
background-color: transparent; }
notebook > header tab:checked {
color: #eeeeec; }
notebook > header tab.reorderable-page:checked {
notebook > header tab:checked.reorderable-page {
border-color: rgba(13, 14, 17, 0.5);
background-color: rgba(35, 37, 46, 0.5); }
notebook > header tab.reorderable-page:checked:hover {
notebook > header tab:checked.reorderable-page:hover {
background-color: rgba(35, 37, 46, 0.7); }
notebook > header tab:backdrop:checked {
color: #888a8d; }
notebook > header tab.reorderable-page:backdrop:checked {
notebook > header tab:backdrop:checked.reorderable-page {
border-color: #0d0e11;
background-color: #23252e; }
notebook > header tab button.flat {
@ -2558,16 +2558,16 @@ scrollbar {
border-radius: 100%;
border: 1px solid black;
-gtk-icon-source: none; }
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
margin: 0 2px;
min-width: 40px; }
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
margin: 1px 2px;
min-width: 5px; }
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
margin: 2px 0;
min-height: 40px; }
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
margin: 2px 1px;
min-height: 5px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
@ -3288,7 +3288,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:hover {
@ -3303,7 +3303,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:active {
@ -3318,7 +3318,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
@ -3333,7 +3333,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
@ -3348,7 +3348,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
@ -3363,7 +3363,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider {
@ -3378,7 +3378,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:hover {
@ -3393,7 +3393,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:active {
@ -3408,7 +3408,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
@ -3423,7 +3423,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
@ -3438,7 +3438,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
@ -3453,7 +3453,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.vertical.marks-before:not(.marks-after) slider {
@ -3468,7 +3468,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:hover {
@ -3483,7 +3483,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:active {
@ -3498,7 +3498,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:disabled {
@ -3513,7 +3513,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:backdrop {
@ -3528,7 +3528,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
@ -3543,7 +3543,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-after:not(.marks-before) slider {
@ -3558,7 +3558,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:hover {
@ -3573,7 +3573,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:active {
@ -3588,7 +3588,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:disabled {
@ -3603,7 +3603,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:backdrop {
@ -3618,7 +3618,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
@ -3633,7 +3633,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.color {
@ -3957,7 +3957,7 @@ row {
background-color: transparent; }
row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable.has-open-popup:selected, row.activatable:selected:hover {
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #3b83fd; }
row.activatable:selected:backdrop {
background-color: #2777ff; }
@ -4075,10 +4075,10 @@ filechooserbutton:drop(active) {
.sidebar {
border-style: none;
background-color: #252831; }
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) {
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left {
border-right: 1px solid #0d0e11;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) {
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
border-left: 1px solid #0d0e11;
border-right-style: none; }
.sidebar:backdrop {
@ -4373,10 +4373,10 @@ colorswatch.light {
colorswatch:drop(active) {
box-shadow: none; }
colorswatch.light:drop(active) overlay {
colorswatch:drop(active).light overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; }
colorswatch.dark:drop(active) overlay {
colorswatch:drop(active).dark overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; }
@ -4524,7 +4524,7 @@ textview text:selected:focus,
.view text:selected,
textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #2777ff; }
@ -4535,7 +4535,7 @@ entry selection, modelbutton.flat:selected,
.view text:selected,
textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff; }
@ -4749,33 +4749,41 @@ row.expander {
row.expander image.expander-row-arrow:disabled {
color: #888a8d; }
flap > dimming,
deck > dimming,
leaflet > dimming {
background: rgba(0, 0, 0, 0.24); }
flap > border,
deck > border,
leaflet > border {
min-width: 1px;
min-height: 1px;
background: #0d0e11; }
flap > shadow,
deck > shadow,
leaflet > shadow {
min-width: 56px;
min-height: 56px; }
flap > shadow.left,
deck > shadow.left,
leaflet > shadow.left {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
flap > shadow.right,
deck > shadow.right,
leaflet > shadow.right {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
flap > shadow.up,
deck > shadow.up,
leaflet > shadow.up {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
flap > shadow.down,
deck > shadow.down,
leaflet > shadow.down {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
flap > outline,
deck > outline,
leaflet > outline {
min-width: 1px;
@ -4837,6 +4845,60 @@ viewswitchertitle viewswitcher {
margin-left: 12px;
margin-right: 12px; }
statuspage > scrolledwindow > viewport > box {
margin: 36px 12px; }
statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box {
margin-bottom: 36px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
margin-bottom: 36px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) {
margin-bottom: 12px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp,
preferencespage > scrolledwindow > viewport > clamp {
margin: 0 12px;
transition: margin-bottom 200ms ease; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp > list,
preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup {
transition: margin-top 200ms ease; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small,
preferencespage > scrolledwindow > viewport > clamp.small {
margin-bottom: 18px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp.small > list,
preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup {
margin-top: 18px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium,
preferencespage > scrolledwindow > viewport > clamp.medium {
margin-bottom: 24px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp.medium > list,
preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup {
margin-top: 24px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large,
preferencespage > scrolledwindow > viewport > clamp.large {
margin-bottom: 30px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp.large > list,
preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup {
margin-top: 30px; }
preferencesgroup > box > label:not(:first-child) {
margin-top: 6px; }
preferencesgroup > box > box:not(:first-child) {
margin-top: 12px; }
tabbar .tab-indicator:not(.clickable) {
background: none;
box-shadow: none;
border-color: transparent; }
/***************************
* Check and Radio buttons *
***************************/
@ -4984,13 +5046,13 @@ list.content list {
list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) {
background-color: mix(#23252e, #272a34, 0.5); }
list.content list.nested > row.activatable:not(:active):hover:not(:selected) {
list.content list.nested > row:not(:active):hover.activatable:not(:selected) {
background-color: mix(#eeeeec, #272a34, 0.95); }
list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) {
background-color: #272a34; }
list.content > row.activatable:not(.expander):not(:active):hover:not(:selected), list.content > row.expander row.header.activatable:not(:active):hover:not(:selected) {
list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) {
background-color: mix(#eeeeec, #272a34, 0.95); }
list.content > row,
@ -5011,7 +5073,7 @@ list.content > row:first-child, list.content > row.expander:first-child row.head
list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked {
border-width: 1px; }
list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander.checked-expander-row-previous-sibling:not(:checked) row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child {
list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child {
border-bottom-left-radius: 8px;
-gtk-outline-bottom-left-radius: 7px;
border-bottom-right-radius: 8px;
@ -5038,6 +5100,140 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay {
border-radius: 8px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
color: rgba(238, 238, 236, 0.5); }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop {
color: rgba(136, 138, 141, 0.5); }
tabbar .box {
min-height: 38px;
background: #0f1014;
border-bottom: 1px solid black; }
tabbar .box:backdrop {
background-color: #0f1014;
border-color: #0d0e11; }
tabbar scrolledwindow.pinned undershoot {
border: 0 solid black; }
tabbar scrolledwindow.pinned:dir(rtl) undershoot.left {
border-left-width: 1px; }
tabbar scrolledwindow.pinned:dir(ltr) undershoot.right {
border-right-width: 1px; }
tabbar scrolledwindow.pinned:backdrop undershoot {
border-color: #0d0e11; }
tabbar scrolledwindow.pinned tabbox:dir(ltr) {
padding-right: 1px;
box-shadow: inset -1px 0 black; }
tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop {
box-shadow: inset -1px 0 #0d0e11; }
tabbar scrolledwindow.pinned tabbox:dir(rtl) {
padding-left: 1px;
box-shadow: inset 1px 0 black; }
tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop {
box-shadow: inset 1px 0 #0d0e11; }
tabbar undershoot {
transition: none; }
tabbar undershoot.left {
background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); }
tabbar undershoot.right {
background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); }
tabbar .needs-attention-left undershoot.left {
background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); }
tabbar .needs-attention-right undershoot.right {
background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); }
tabbar tab {
border-style: solid;
border-color: black;
border-width: 0 1px 0 1px;
transition: background 150ms ease-in-out;
background-color: #16171d; }
tabbar tab:checked {
background-color: #23252e; }
tabbar tab:checked:hover {
background-color: #292c37; }
tabbar tab:hover {
background-color: #1c1e25; }
tabbar tab:backdrop {
border-color: #0d0e11;
background-color: #16171d; }
tabbar tab:backdrop:checked {
background-color: #23252e; }
tabbar .start-action,
tabbar .end-action {
background: #16171d;
border-color: black;
border-style: solid;
transition: background 150ms ease-in-out; }
tabbar .start-action:backdrop,
tabbar .end-action:backdrop {
border-color: #0d0e11;
background-color: #16171d; }
tabbar .start-action button,
tabbar .end-action button {
border: none;
border-radius: 0; }
tabbar .start-action:dir(ltr),
tabbar .end-action:dir(rtl) {
border-right-width: 1px; }
tabbar .start-action:dir(ltr) > *,
tabbar .end-action:dir(rtl) > * {
margin-right: 1px; }
tabbar .start-action:dir(rtl),
tabbar .end-action:dir(ltr) {
border-left-width: 1px; }
tabbar .start-action:dir(rtl) > *,
tabbar .end-action:dir(ltr) > * {
margin-left: 1px; }
.tab-drag-icon tab {
min-height: 26px;
background-color: #292c37;
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(13, 14, 17, 0.9), inset 0 1px rgba(238, 238, 236, 0.07);
margin: 25px; }
tabbar tab,
.tab-drag-icon tab {
padding: 6px; }
tabbar tab.needs-attention,
.tab-drag-icon tab.needs-attention {
background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); }
tabbar tab .tab-close-button,
tabbar tab .tab-indicator,
.tab-drag-icon tab .tab-close-button,
.tab-drag-icon tab .tab-indicator {
padding: 0;
margin: 0;
min-width: 24px;
min-height: 24px;
border-radius: 99px;
border: none;
box-shadow: none;
-gtk-icon-shadow: none;
text-shadow: none;
background: none; }
tabbar tab .tab-close-button:hover,
tabbar tab .tab-indicator.clickable:hover,
.tab-drag-icon tab .tab-close-button:hover,
.tab-drag-icon tab .tab-indicator.clickable:hover {
background: alpha(#eeeeec, 0.15); }
tabbar tab .tab-close-button:active,
tabbar tab .tab-indicator.clickable:active,
.tab-drag-icon tab .tab-close-button:active,
.tab-drag-icon tab .tab-indicator.clickable:active {
background: alpha(black, 0.2); }
* {
outline-style: solid;
outline-offset: -4px;
@ -5050,19 +5246,19 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
/**********
* Button *
**********/
.titlebar stackswitcher button:checked:checked,
.titlebar stackswitcher button:active, .titlebar stackswitcher button:checked,
.titlebar button.toggle:active,
.titlebar button.toggle:checked,
headerbar stackswitcher button:checked:active,
headerbar stackswitcher button:checked:checked,
headerbar stackswitcher button:active,
headerbar stackswitcher button:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
.titlebar stackswitcher button:backdrop:checked,
.titlebar stackswitcher button:backdrop:active, .titlebar stackswitcher button:backdrop:checked,
.titlebar button.toggle:backdrop:active,
.titlebar button.toggle:backdrop:checked,
headerbar stackswitcher button:backdrop:checked:active,
headerbar stackswitcher button:backdrop:active,
headerbar stackswitcher button:backdrop:checked,
headerbar button.toggle:backdrop:active,
headerbar button.toggle:backdrop:checked, button.flat:backdrop:hover, button:active:backdrop, button:checked:backdrop {

View File

@ -478,7 +478,7 @@ button {
background-image: image(#08090b);
box-shadow: none; }
notebook > header > tabs > arrow:backdrop,
button.flat:backdrop,
button:backdrop.flat,
button:backdrop {
color: #888a8d;
border-color: #0d0e11;
@ -487,8 +487,8 @@ button {
transition: 200ms ease-out;
-gtk-icon-filter: none; }
notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button.flat:backdrop:active,
button.flat:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
button:backdrop:active,
button:backdrop:checked {
color: #888a8d;
@ -496,15 +496,15 @@ button {
background-image: image(#1e2128);
box-shadow: none; }
notebook > header > tabs > arrow:backdrop:disabled,
button.flat:backdrop:disabled,
button:backdrop.flat:disabled,
button:backdrop:disabled {
color: #43495a;
border-color: #0d0e11;
background-image: image(#242731);
box-shadow: none; }
notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
button.flat:backdrop:disabled:active,
button.flat:backdrop:disabled:checked,
button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
color: #43495a;
@ -1357,9 +1357,9 @@ searchbar .close {
*****************/
windowcontrols {
border-spacing: 6px; }
windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) {
windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
margin-right: 7px; }
windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) {
windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
margin-left: 7px; }
windowcontrols button {
border-radius: 9999px;
@ -1563,11 +1563,11 @@ treeview.view {
border-style: solid none;
border-width: 1px;
border-color: #00348d; }
columnview.view > dndtarget.after:drop(active),
treeview.view > dndtarget.after:drop(active) {
columnview.view > dndtarget:drop(active).after,
treeview.view > dndtarget:drop(active).after {
border-top-style: none; }
columnview.view > dndtarget.before:drop(active),
treeview.view > dndtarget.before:drop(active) {
columnview.view > dndtarget:drop(active).before,
treeview.view > dndtarget:drop(active).before {
border-bottom-style: none; }
columnview.view.expander,
treeview.view.expander {
@ -1933,17 +1933,17 @@ notebook > header {
notebook > header > tabs > tab:hover {
color: #eeeeec;
background-color: #121418; }
notebook > header > tabs > tab.reorderable-page:hover {
notebook > header > tabs > tab:hover.reorderable-page {
border-color: rgba(13, 14, 17, 0.3);
background-color: rgba(35, 37, 46, 0.2); }
notebook > header > tabs > tab:not(:checked) {
outline-color: transparent; }
notebook > header > tabs > tab:checked {
color: #eeeeec; }
notebook > header > tabs > tab.reorderable-page:checked {
notebook > header > tabs > tab:checked.reorderable-page {
border-color: rgba(13, 14, 17, 0.5);
background-color: rgba(35, 37, 46, 0.5); }
notebook > header > tabs > tab.reorderable-page:checked:hover {
notebook > header > tabs > tab:checked.reorderable-page:hover {
background-color: rgba(35, 37, 46, 0.7); }
notebook > header > tabs > tab button.flat {
color: alpha(currentColor,0.3);
@ -2043,10 +2043,10 @@ scrollbar {
min-height: 3px;
background-color: #eeeeec;
border: 1px solid black; }
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
margin: 0 2px;
min-width: 40px; }
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
margin: 2px 0;
min-height: 40px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
@ -2558,7 +2558,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
@ -2573,7 +2573,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
@ -2588,7 +2588,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
@ -2603,7 +2603,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider {
@ -2618,7 +2618,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
@ -2633,7 +2633,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
@ -2648,7 +2648,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
@ -2663,7 +2663,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider {
@ -2678,7 +2678,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
@ -2693,7 +2693,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
@ -2708,7 +2708,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
@ -2723,7 +2723,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider {
@ -2738,7 +2738,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
@ -2753,7 +2753,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
@ -2768,7 +2768,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
@ -2783,7 +2783,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.color {
@ -3078,7 +3078,7 @@ row.activatable:active {
row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable.has-open-popup:selected, row.activatable:selected:hover {
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #3b83fd; }
row:selected {
@ -3264,10 +3264,10 @@ filechooserbutton:drop(active) {
***********/
.sidebar {
background-color: #252831; }
.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) {
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
border-right: 1px solid #0d0e11;
border-left-style: none; }
.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) {
.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
border-left: 1px solid #0d0e11;
border-right-style: none; }
.sidebar listview.view,
@ -3505,10 +3505,10 @@ colorswatch {
border-color: #0d0e11; }
colorswatch:drop(active) {
box-shadow: none; }
colorswatch.light:drop(active) > overlay {
colorswatch:drop(active).light > overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; }
colorswatch.dark:drop(active) > overlay {
colorswatch:drop(active).dark > overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; }
colorswatch > overlay {

View File

@ -372,7 +372,7 @@ entry progress {
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry {
border-left-color: #00348d; }
.linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + entry, .linked:not(.vertical) > entry.error:focus + button, .linked:not(.vertical) > entry.error:focus + combobox > box > button.combo, .linked:not(.vertical) > entry.error:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry.error:focus + entry {
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry {
border-left-color: #200404; }
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry {
@ -391,9 +391,9 @@ entry progress {
.linked.vertical > entry + entry:focus:not(:only-child) {
border-top-color: #00348d; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton.error:focus:not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + entry.error:focus:not(:only-child), .linked.vertical > entry + spinbutton.error:focus:not(:only-child):not(.vertical),
.linked.vertical > entry + entry.error:focus:not(:only-child) {
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical),
.linked.vertical > entry + entry:focus.error:not(:only-child) {
border-top-color: #200404; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
@ -410,13 +410,13 @@ entry progress {
.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo {
border-top-color: #00348d; }
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + entry,
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + button,
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton:not(.vertical),
.linked.vertical > entry.error:focus:not(:only-child) + entry,
.linked.vertical > entry.error:focus:not(:only-child) + button,
.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo {
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry,
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button,
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical),
.linked.vertical > entry:focus.error:not(:only-child) + entry,
.linked.vertical > entry:focus.error:not(:only-child) + button,
.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo {
border-top-color: #200404; }
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
@ -531,7 +531,7 @@ button {
-gtk-icon-shadow: none;
transition-duration: 50ms; }
notebook > header > tabs > arrow:backdrop,
button.flat:backdrop,
button:backdrop.flat,
button:backdrop {
color: #888a8d;
border-color: #0d0e11;
@ -542,8 +542,8 @@ button {
transition: 200ms ease-out;
-gtk-icon-effect: none; }
notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button.flat:backdrop:active,
button.flat:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
button:backdrop:active,
button:backdrop:checked {
color: #888a8d;
@ -551,7 +551,7 @@ button {
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.flat:disabled,
button:backdrop:disabled {
color: #43495a;
border-color: #0d0e11;
@ -560,8 +560,8 @@ button {
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
button.flat:backdrop:disabled:active,
button.flat:backdrop:disabled:checked,
button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
color: #43495a;
@ -1745,8 +1745,8 @@ headerbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button:backdrop,
headerbar.selection-mode button.flat:backdrop,
.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
color: #d4e4ff;
border-color: #005af3;
@ -1756,9 +1756,9 @@ headerbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none;
border-color: #00348d; }
.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button.flat:backdrop:active, .selection-mode headerbar button.flat:backdrop:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked,
headerbar.selection-mode button.flat:backdrop:active,
headerbar.selection-mode button.flat:backdrop:checked,
.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked {
color: #d2e0f7;
@ -1766,8 +1766,8 @@ headerbar {
background-image: image(#1e62d6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #00348d; }
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button.flat:backdrop:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop:disabled,
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled {
color: #739fec;
border-color: #005af3;
@ -2034,9 +2034,9 @@ treeview.view {
border-style: solid none;
border-width: 1px;
border-color: #00348d; }
treeview.view.after:drop(active) {
treeview.view:drop(active).after {
border-top-style: none; }
treeview.view.before:drop(active) {
treeview.view:drop(active).before {
border-bottom-style: none; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
@ -2418,24 +2418,24 @@ notebook > header {
notebook > header tab:hover {
color: #eeeeec;
background-color: #1a1c23; }
notebook > header tab.reorderable-page:hover {
notebook > header tab:hover.reorderable-page {
border-color: rgba(13, 14, 17, 0.3);
background-color: rgba(35, 37, 46, 0.2); }
notebook > header tab:backdrop {
color: #5f6267; }
notebook > header tab.reorderable-page:backdrop {
notebook > header tab:backdrop.reorderable-page {
border-color: transparent;
background-color: transparent; }
notebook > header tab:checked {
color: #eeeeec; }
notebook > header tab.reorderable-page:checked {
notebook > header tab:checked.reorderable-page {
border-color: rgba(13, 14, 17, 0.5);
background-color: rgba(35, 37, 46, 0.5); }
notebook > header tab.reorderable-page:checked:hover {
notebook > header tab:checked.reorderable-page:hover {
background-color: rgba(35, 37, 46, 0.7); }
notebook > header tab:backdrop:checked {
color: #888a8d; }
notebook > header tab.reorderable-page:backdrop:checked {
notebook > header tab:backdrop:checked.reorderable-page {
border-color: #0d0e11;
background-color: #23252e; }
notebook > header tab button.flat {
@ -2558,16 +2558,16 @@ scrollbar {
border-radius: 100%;
border: 1px solid black;
-gtk-icon-source: none; }
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
margin: 0 2px;
min-width: 40px; }
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
margin: 1px 2px;
min-width: 5px; }
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
margin: 2px 0;
min-height: 40px; }
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
margin: 2px 1px;
min-height: 5px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
@ -3288,7 +3288,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:hover {
@ -3303,7 +3303,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:active {
@ -3318,7 +3318,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
@ -3333,7 +3333,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
@ -3348,7 +3348,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
@ -3363,7 +3363,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider {
@ -3378,7 +3378,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:hover {
@ -3393,7 +3393,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:active {
@ -3408,7 +3408,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
@ -3423,7 +3423,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
@ -3438,7 +3438,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
@ -3453,7 +3453,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.vertical.marks-before:not(.marks-after) slider {
@ -3468,7 +3468,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:hover {
@ -3483,7 +3483,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:active {
@ -3498,7 +3498,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:disabled {
@ -3513,7 +3513,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:backdrop {
@ -3528,7 +3528,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
@ -3543,7 +3543,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-after:not(.marks-before) slider {
@ -3558,7 +3558,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:hover {
@ -3573,7 +3573,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:active {
@ -3588,7 +3588,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:disabled {
@ -3603,7 +3603,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:backdrop {
@ -3618,7 +3618,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
@ -3633,7 +3633,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.color {
@ -3957,7 +3957,7 @@ row {
background-color: transparent; }
row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable.has-open-popup:selected, row.activatable:selected:hover {
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #3b83fd; }
row.activatable:selected:backdrop {
background-color: #2777ff; }
@ -4075,10 +4075,10 @@ filechooserbutton:drop(active) {
.sidebar {
border-style: none;
background-color: #252831; }
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) {
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left {
border-right: 1px solid #0d0e11;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) {
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
border-left: 1px solid #0d0e11;
border-right-style: none; }
.sidebar:backdrop {
@ -4373,10 +4373,10 @@ colorswatch.light {
colorswatch:drop(active) {
box-shadow: none; }
colorswatch.light:drop(active) overlay {
colorswatch:drop(active).light overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; }
colorswatch.dark:drop(active) overlay {
colorswatch:drop(active).dark overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; }
@ -4524,7 +4524,7 @@ textview text:selected:focus,
.view text:selected,
textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #2777ff; }
@ -4535,7 +4535,7 @@ entry selection, modelbutton.flat:selected,
.view text:selected,
textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff; }
@ -4749,33 +4749,41 @@ row.expander {
row.expander image.expander-row-arrow:disabled {
color: #888a8d; }
flap > dimming,
deck > dimming,
leaflet > dimming {
background: rgba(0, 0, 0, 0.24); }
flap > border,
deck > border,
leaflet > border {
min-width: 1px;
min-height: 1px;
background: #0d0e11; }
flap > shadow,
deck > shadow,
leaflet > shadow {
min-width: 56px;
min-height: 56px; }
flap > shadow.left,
deck > shadow.left,
leaflet > shadow.left {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
flap > shadow.right,
deck > shadow.right,
leaflet > shadow.right {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
flap > shadow.up,
deck > shadow.up,
leaflet > shadow.up {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
flap > shadow.down,
deck > shadow.down,
leaflet > shadow.down {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
flap > outline,
deck > outline,
leaflet > outline {
min-width: 1px;
@ -4837,6 +4845,60 @@ viewswitchertitle viewswitcher {
margin-left: 12px;
margin-right: 12px; }
statuspage > scrolledwindow > viewport > box {
margin: 36px 12px; }
statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box {
margin-bottom: 36px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
margin-bottom: 36px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) {
margin-bottom: 12px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp,
preferencespage > scrolledwindow > viewport > clamp {
margin: 0 12px;
transition: margin-bottom 200ms ease; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp > list,
preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup {
transition: margin-top 200ms ease; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small,
preferencespage > scrolledwindow > viewport > clamp.small {
margin-bottom: 18px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp.small > list,
preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup {
margin-top: 18px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium,
preferencespage > scrolledwindow > viewport > clamp.medium {
margin-bottom: 24px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp.medium > list,
preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup {
margin-top: 24px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large,
preferencespage > scrolledwindow > viewport > clamp.large {
margin-bottom: 30px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp.large > list,
preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup {
margin-top: 30px; }
preferencesgroup > box > label:not(:first-child) {
margin-top: 6px; }
preferencesgroup > box > box:not(:first-child) {
margin-top: 12px; }
tabbar .tab-indicator:not(.clickable) {
background: none;
box-shadow: none;
border-color: transparent; }
/***************************
* Check and Radio buttons *
***************************/
@ -4984,13 +5046,13 @@ list.content list {
list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) {
background-color: mix(#23252e, #272a34, 0.5); }
list.content list.nested > row.activatable:not(:active):hover:not(:selected) {
list.content list.nested > row:not(:active):hover.activatable:not(:selected) {
background-color: mix(#eeeeec, #272a34, 0.95); }
list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) {
background-color: #272a34; }
list.content > row.activatable:not(.expander):not(:active):hover:not(:selected), list.content > row.expander row.header.activatable:not(:active):hover:not(:selected) {
list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) {
background-color: mix(#eeeeec, #272a34, 0.95); }
list.content > row,
@ -5011,7 +5073,7 @@ list.content > row:first-child, list.content > row.expander:first-child row.head
list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked {
border-width: 1px; }
list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander.checked-expander-row-previous-sibling:not(:checked) row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child {
list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child {
border-bottom-left-radius: 8px;
-gtk-outline-bottom-left-radius: 7px;
border-bottom-right-radius: 8px;
@ -5038,6 +5100,140 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay {
border-radius: 8px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
color: rgba(238, 238, 236, 0.5); }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop {
color: rgba(136, 138, 141, 0.5); }
tabbar .box {
min-height: 38px;
background: #0f1014;
border-bottom: 1px solid black; }
tabbar .box:backdrop {
background-color: #0f1014;
border-color: #0d0e11; }
tabbar scrolledwindow.pinned undershoot {
border: 0 solid black; }
tabbar scrolledwindow.pinned:dir(rtl) undershoot.left {
border-left-width: 1px; }
tabbar scrolledwindow.pinned:dir(ltr) undershoot.right {
border-right-width: 1px; }
tabbar scrolledwindow.pinned:backdrop undershoot {
border-color: #0d0e11; }
tabbar scrolledwindow.pinned tabbox:dir(ltr) {
padding-right: 1px;
box-shadow: inset -1px 0 black; }
tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop {
box-shadow: inset -1px 0 #0d0e11; }
tabbar scrolledwindow.pinned tabbox:dir(rtl) {
padding-left: 1px;
box-shadow: inset 1px 0 black; }
tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop {
box-shadow: inset 1px 0 #0d0e11; }
tabbar undershoot {
transition: none; }
tabbar undershoot.left {
background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); }
tabbar undershoot.right {
background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); }
tabbar .needs-attention-left undershoot.left {
background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); }
tabbar .needs-attention-right undershoot.right {
background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); }
tabbar tab {
border-style: solid;
border-color: black;
border-width: 0 1px 0 1px;
transition: background 150ms ease-in-out;
background-color: #16171d; }
tabbar tab:checked {
background-color: #23252e; }
tabbar tab:checked:hover {
background-color: #292c37; }
tabbar tab:hover {
background-color: #1c1e25; }
tabbar tab:backdrop {
border-color: #0d0e11;
background-color: #16171d; }
tabbar tab:backdrop:checked {
background-color: #23252e; }
tabbar .start-action,
tabbar .end-action {
background: #16171d;
border-color: black;
border-style: solid;
transition: background 150ms ease-in-out; }
tabbar .start-action:backdrop,
tabbar .end-action:backdrop {
border-color: #0d0e11;
background-color: #16171d; }
tabbar .start-action button,
tabbar .end-action button {
border: none;
border-radius: 0; }
tabbar .start-action:dir(ltr),
tabbar .end-action:dir(rtl) {
border-right-width: 1px; }
tabbar .start-action:dir(ltr) > *,
tabbar .end-action:dir(rtl) > * {
margin-right: 1px; }
tabbar .start-action:dir(rtl),
tabbar .end-action:dir(ltr) {
border-left-width: 1px; }
tabbar .start-action:dir(rtl) > *,
tabbar .end-action:dir(ltr) > * {
margin-left: 1px; }
.tab-drag-icon tab {
min-height: 26px;
background-color: #292c37;
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(13, 14, 17, 0.9), inset 0 1px rgba(238, 238, 236, 0.07);
margin: 25px; }
tabbar tab,
.tab-drag-icon tab {
padding: 6px; }
tabbar tab.needs-attention,
.tab-drag-icon tab.needs-attention {
background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); }
tabbar tab .tab-close-button,
tabbar tab .tab-indicator,
.tab-drag-icon tab .tab-close-button,
.tab-drag-icon tab .tab-indicator {
padding: 0;
margin: 0;
min-width: 24px;
min-height: 24px;
border-radius: 99px;
border: none;
box-shadow: none;
-gtk-icon-shadow: none;
text-shadow: none;
background: none; }
tabbar tab .tab-close-button:hover,
tabbar tab .tab-indicator.clickable:hover,
.tab-drag-icon tab .tab-close-button:hover,
.tab-drag-icon tab .tab-indicator.clickable:hover {
background: alpha(#eeeeec, 0.15); }
tabbar tab .tab-close-button:active,
tabbar tab .tab-indicator.clickable:active,
.tab-drag-icon tab .tab-close-button:active,
.tab-drag-icon tab .tab-indicator.clickable:active {
background: alpha(black, 0.2); }
* {
outline-style: solid;
outline-offset: -4px;
@ -5050,19 +5246,19 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
/**********
* Button *
**********/
.titlebar stackswitcher button:checked:checked,
.titlebar stackswitcher button:active, .titlebar stackswitcher button:checked,
.titlebar button.toggle:active,
.titlebar button.toggle:checked,
headerbar stackswitcher button:checked:active,
headerbar stackswitcher button:checked:checked,
headerbar stackswitcher button:active,
headerbar stackswitcher button:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
background: #1b1d24;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.05); }
.titlebar stackswitcher button:backdrop:checked,
.titlebar stackswitcher button:backdrop:active, .titlebar stackswitcher button:backdrop:checked,
.titlebar button.toggle:backdrop:active,
.titlebar button.toggle:backdrop:checked,
headerbar stackswitcher button:backdrop:checked:active,
headerbar stackswitcher button:backdrop:active,
headerbar stackswitcher button:backdrop:checked,
headerbar button.toggle:backdrop:active,
headerbar button.toggle:backdrop:checked, button.flat:backdrop:hover, button:active:backdrop, button:checked:backdrop {

View File

@ -372,7 +372,7 @@ entry progress {
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry {
border-left-color: #2777ff; }
.linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton.error:focus:not(.vertical) + entry, .linked:not(.vertical) > entry.error:focus + button, .linked:not(.vertical) > entry.error:focus + combobox > box > button.combo, .linked:not(.vertical) > entry.error:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry.error:focus + entry {
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry {
border-left-color: #bf1717; }
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry {
@ -391,9 +391,9 @@ entry progress {
.linked.vertical > entry + entry:focus:not(:only-child) {
border-top-color: #2777ff; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton.error:focus:not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + entry.error:focus:not(:only-child), .linked.vertical > entry + spinbutton.error:focus:not(:only-child):not(.vertical),
.linked.vertical > entry + entry.error:focus:not(:only-child) {
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical),
.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical),
.linked.vertical > entry + entry:focus.error:not(:only-child) {
border-top-color: #bf1717; }
.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
@ -410,13 +410,13 @@ entry progress {
.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo {
border-top-color: #2777ff; }
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + entry,
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + button,
.linked.vertical > spinbutton.error:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton:not(.vertical),
.linked.vertical > entry.error:focus:not(:only-child) + entry,
.linked.vertical > entry.error:focus:not(:only-child) + button,
.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo {
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry,
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button,
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical),
.linked.vertical > entry:focus.error:not(:only-child) + entry,
.linked.vertical > entry:focus.error:not(:only-child) + button,
.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo {
border-top-color: #bf1717; }
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
@ -531,7 +531,7 @@ button {
-gtk-icon-shadow: none;
transition-duration: 50ms; }
notebook > header > tabs > arrow:backdrop,
button.flat:backdrop,
button:backdrop.flat,
button:backdrop {
color: #aeb0b6;
border-color: #d9d9d9;
@ -542,8 +542,8 @@ button {
transition: 200ms ease-out;
-gtk-icon-effect: none; }
notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button.flat:backdrop:active,
button.flat:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
button:backdrop:active,
button:backdrop:checked {
color: #aeb0b6;
@ -551,7 +551,7 @@ button {
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.flat:disabled,
button:backdrop:disabled {
color: #d9d9d9;
border-color: #d9d9d9;
@ -560,8 +560,8 @@ button {
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
button.flat:backdrop:disabled:active,
button.flat:backdrop:disabled:checked,
button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
color: #d9d9d9;
@ -1754,8 +1754,8 @@ headerbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none; }
.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button:backdrop,
headerbar.selection-mode button.flat:backdrop,
.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop,
headerbar.selection-mode button:backdrop.flat,
headerbar.selection-mode button:backdrop {
color: #d4e4ff;
border-color: #2777ff;
@ -1765,9 +1765,9 @@ headerbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
-gtk-icon-effect: none;
border-color: #0051da; }
.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button.flat:backdrop:active, .selection-mode headerbar button.flat:backdrop:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked,
headerbar.selection-mode button.flat:backdrop:active,
headerbar.selection-mode button.flat:backdrop:checked,
.selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked,
headerbar.selection-mode button:backdrop.flat:active,
headerbar.selection-mode button:backdrop.flat:checked,
headerbar.selection-mode button:backdrop:active,
headerbar.selection-mode button:backdrop:checked {
color: #d2e3ff;
@ -1775,8 +1775,8 @@ headerbar {
background-image: image(#1e71fe);
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0051da; }
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button.flat:backdrop:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop:disabled,
.selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled,
headerbar.selection-mode button:backdrop.flat:disabled,
headerbar.selection-mode button:backdrop:disabled {
color: #87b4fe;
border-color: #478bfe;
@ -2043,9 +2043,9 @@ treeview.view {
border-style: solid none;
border-width: 1px;
border-color: #0051da; }
treeview.view.after:drop(active) {
treeview.view:drop(active).after {
border-top-style: none; }
treeview.view.before:drop(active) {
treeview.view:drop(active).before {
border-bottom-style: none; }
treeview.view.expander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
@ -2429,24 +2429,24 @@ notebook > header {
notebook > header tab:hover {
color: #5c616c;
background-color: whitesmoke; }
notebook > header tab.reorderable-page:hover {
notebook > header tab:hover.reorderable-page {
border-color: rgba(217, 217, 217, 0.3);
background-color: rgba(255, 255, 255, 0.2); }
notebook > header tab:backdrop {
color: #ced0d3; }
notebook > header tab.reorderable-page:backdrop {
notebook > header tab:backdrop.reorderable-page {
border-color: transparent;
background-color: transparent; }
notebook > header tab:checked {
color: #5c616c; }
notebook > header tab.reorderable-page:checked {
notebook > header tab:checked.reorderable-page {
border-color: rgba(217, 217, 217, 0.5);
background-color: rgba(255, 255, 255, 0.5); }
notebook > header tab.reorderable-page:checked:hover {
notebook > header tab:checked.reorderable-page:hover {
background-color: rgba(255, 255, 255, 0.7); }
notebook > header tab:backdrop:checked {
color: #aeb0b6; }
notebook > header tab.reorderable-page:backdrop:checked {
notebook > header tab:backdrop:checked.reorderable-page {
border-color: #d9d9d9;
background-color: #ffffff; }
notebook > header tab button.flat {
@ -2569,16 +2569,16 @@ scrollbar {
border-radius: 100%;
border: 1px solid white;
-gtk-icon-source: none; }
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
margin: 0 2px;
min-width: 40px; }
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
margin: 1px 2px;
min-width: 5px; }
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
margin: 2px 0;
min-height: 40px; }
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
margin: 2px 1px;
min-height: 5px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
@ -3310,7 +3310,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:hover {
@ -3325,7 +3325,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:active {
@ -3340,7 +3340,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
@ -3355,7 +3355,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
@ -3370,7 +3370,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
@ -3385,7 +3385,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-top: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider {
@ -3400,7 +3400,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:hover {
@ -3415,7 +3415,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:active {
@ -3430,7 +3430,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
@ -3445,7 +3445,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
@ -3460,7 +3460,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
@ -3475,7 +3475,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-bottom: -11px; }
scale.vertical.marks-before:not(.marks-after) slider {
@ -3490,7 +3490,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:hover {
@ -3505,7 +3505,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:active {
@ -3520,7 +3520,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:disabled {
@ -3535,7 +3535,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:backdrop {
@ -3550,7 +3550,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
@ -3565,7 +3565,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) slider {
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
margin: -7px;
margin-left: -11px; }
scale.vertical.marks-after:not(.marks-before) slider {
@ -3580,7 +3580,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:hover {
@ -3595,7 +3595,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:active {
@ -3610,7 +3610,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:disabled {
@ -3625,7 +3625,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:backdrop {
@ -3640,7 +3640,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
@ -3655,7 +3655,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) slider {
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
margin: -7px;
margin-right: -11px; }
scale.color {
@ -3979,7 +3979,7 @@ row {
background-color: transparent; }
row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable.has-open-popup:selected, row.activatable:selected:hover {
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #2c75f0; }
row.activatable:selected:backdrop {
background-color: #2777ff; }
@ -4097,10 +4097,10 @@ filechooserbutton:drop(active) {
.sidebar {
border-style: none;
background-color: #fcfcfc; }
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar.left:not(separator) {
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left {
border-right: 1px solid #d9d9d9;
border-left-style: none; }
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) {
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
border-left: 1px solid #d9d9d9;
border-right-style: none; }
.sidebar:backdrop {
@ -4395,10 +4395,10 @@ colorswatch.light {
colorswatch:drop(active) {
box-shadow: none; }
colorswatch.light:drop(active) overlay {
colorswatch:drop(active).light overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px #14826d, inset 0 0 0 1px #19a187; }
colorswatch.dark:drop(active) overlay {
colorswatch:drop(active).dark overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #19a187; }
@ -4546,7 +4546,7 @@ textview text:selected:focus,
.view text:selected,
textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
background-color: #2777ff; }
@ -4557,7 +4557,7 @@ entry selection, modelbutton.flat:selected,
.view text:selected,
textview text:selected, .view text selection:focus, .view text selection,
textview text selection:focus,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, .view text selection, iconview text selection, flowbox flowboxchild:selected,
textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
color: #ffffff; }
@ -4771,33 +4771,41 @@ row.expander {
row.expander image.expander-row-arrow:disabled {
color: #aeb0b6; }
flap > dimming,
deck > dimming,
leaflet > dimming {
background: rgba(0, 0, 0, 0.12); }
flap > border,
deck > border,
leaflet > border {
min-width: 1px;
min-height: 1px;
background: #d9d9d9; }
flap > shadow,
deck > shadow,
leaflet > shadow {
min-width: 56px;
min-height: 56px; }
flap > shadow.left,
deck > shadow.left,
leaflet > shadow.left {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); }
flap > shadow.right,
deck > shadow.right,
leaflet > shadow.right {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); }
flap > shadow.up,
deck > shadow.up,
leaflet > shadow.up {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); }
flap > shadow.down,
deck > shadow.down,
leaflet > shadow.down {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.01) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.01) 7px, rgba(0, 0, 0, 0) 24px); }
flap > outline,
deck > outline,
leaflet > outline {
min-width: 1px;
@ -4859,6 +4867,60 @@ viewswitchertitle viewswitcher {
margin-left: 12px;
margin-right: 12px; }
statuspage > scrolledwindow > viewport > box {
margin: 36px 12px; }
statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box {
margin-bottom: 36px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
margin-bottom: 36px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) {
margin-bottom: 12px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp,
preferencespage > scrolledwindow > viewport > clamp {
margin: 0 12px;
transition: margin-bottom 200ms ease; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp > list,
preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup {
transition: margin-top 200ms ease; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small,
preferencespage > scrolledwindow > viewport > clamp.small {
margin-bottom: 18px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp.small > list,
preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup {
margin-top: 18px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium,
preferencespage > scrolledwindow > viewport > clamp.medium {
margin-bottom: 24px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp.medium > list,
preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup {
margin-top: 24px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large,
preferencespage > scrolledwindow > viewport > clamp.large {
margin-bottom: 30px; }
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list,
window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup,
preferencespage > scrolledwindow > viewport > clamp.large > list,
preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup {
margin-top: 30px; }
preferencesgroup > box > label:not(:first-child) {
margin-top: 6px; }
preferencesgroup > box > box:not(:first-child) {
margin-top: 12px; }
tabbar .tab-indicator:not(.clickable) {
background: none;
box-shadow: none;
border-color: transparent; }
/***************************
* Check and Radio buttons *
***************************/
@ -5006,13 +5068,13 @@ list.content list {
list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) {
background-color: mix(#ffffff, #fafafa, 0.5); }
list.content list.nested > row.activatable:not(:active):hover:not(:selected) {
list.content list.nested > row:not(:active):hover.activatable:not(:selected) {
background-color: mix(#5c616c, #fafafa, 0.95); }
list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) {
background-color: #fafafa; }
list.content > row.activatable:not(.expander):not(:active):hover:not(:selected), list.content > row.expander row.header.activatable:not(:active):hover:not(:selected) {
list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) {
background-color: mix(#5c616c, #fafafa, 0.95); }
list.content > row,
@ -5033,7 +5095,7 @@ list.content > row:first-child, list.content > row.expander:first-child row.head
list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked {
border-width: 1px; }
list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander.checked-expander-row-previous-sibling:not(:checked) row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child {
list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child {
border-bottom-left-radius: 8px;
-gtk-outline-bottom-left-radius: 7px;
border-bottom-right-radius: 8px;
@ -5060,6 +5122,140 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay {
border-radius: 8px; }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
color: rgba(92, 97, 108, 0.5); }
statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop {
color: rgba(174, 176, 182, 0.5); }
tabbar .box {
min-height: 38px;
background: #d9d9d9;
border-bottom: 1px solid #c2c2c2; }
tabbar .box:backdrop {
background-color: #e8e8e8;
border-color: #d9d9d9; }
tabbar scrolledwindow.pinned undershoot {
border: 0 solid #c2c2c2; }
tabbar scrolledwindow.pinned:dir(rtl) undershoot.left {
border-left-width: 1px; }
tabbar scrolledwindow.pinned:dir(ltr) undershoot.right {
border-right-width: 1px; }
tabbar scrolledwindow.pinned:backdrop undershoot {
border-color: #d9d9d9; }
tabbar scrolledwindow.pinned tabbox:dir(ltr) {
padding-right: 1px;
box-shadow: inset -1px 0 #c2c2c2; }
tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop {
box-shadow: inset -1px 0 #d9d9d9; }
tabbar scrolledwindow.pinned tabbox:dir(rtl) {
padding-left: 1px;
box-shadow: inset 1px 0 #c2c2c2; }
tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop {
box-shadow: inset 1px 0 #d9d9d9; }
tabbar undershoot {
transition: none; }
tabbar undershoot.left {
background: linear-gradient(to right, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); }
tabbar undershoot.right {
background: linear-gradient(to left, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); }
tabbar .needs-attention-left undershoot.left {
background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); }
tabbar .needs-attention-right undershoot.right {
background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); }
tabbar tab {
border-style: solid;
border-color: #c2c2c2;
border-width: 0 1px 0 1px;
transition: background 150ms ease-in-out;
background-color: #e0e0e0; }
tabbar tab:checked {
background-color: #f0f0f0; }
tabbar tab:checked:hover {
background-color: #f7f7f7; }
tabbar tab:hover {
background-color: #e8e8e8; }
tabbar tab:backdrop {
border-color: #d9d9d9;
background-color: #f0f0f0; }
tabbar tab:backdrop:checked {
background-color: #ffffff; }
tabbar .start-action,
tabbar .end-action {
background: #e0e0e0;
border-color: #c2c2c2;
border-style: solid;
transition: background 150ms ease-in-out; }
tabbar .start-action:backdrop,
tabbar .end-action:backdrop {
border-color: #d9d9d9;
background-color: #f0f0f0; }
tabbar .start-action button,
tabbar .end-action button {
border: none;
border-radius: 0; }
tabbar .start-action:dir(ltr),
tabbar .end-action:dir(rtl) {
border-right-width: 1px; }
tabbar .start-action:dir(ltr) > *,
tabbar .end-action:dir(rtl) > * {
margin-right: 1px; }
tabbar .start-action:dir(rtl),
tabbar .end-action:dir(ltr) {
border-left-width: 1px; }
tabbar .start-action:dir(rtl) > *,
tabbar .end-action:dir(ltr) > * {
margin-left: 1px; }
.tab-drag-icon tab {
min-height: 26px;
background-color: #f7f7f7;
box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.8);
margin: 25px; }
tabbar tab,
.tab-drag-icon tab {
padding: 6px; }
tabbar tab.needs-attention,
.tab-drag-icon tab.needs-attention {
background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); }
tabbar tab .tab-close-button,
tabbar tab .tab-indicator,
.tab-drag-icon tab .tab-close-button,
.tab-drag-icon tab .tab-indicator {
padding: 0;
margin: 0;
min-width: 24px;
min-height: 24px;
border-radius: 99px;
border: none;
box-shadow: none;
-gtk-icon-shadow: none;
text-shadow: none;
background: none; }
tabbar tab .tab-close-button:hover,
tabbar tab .tab-indicator.clickable:hover,
.tab-drag-icon tab .tab-close-button:hover,
.tab-drag-icon tab .tab-indicator.clickable:hover {
background: alpha(#5c616c, 0.15); }
tabbar tab .tab-close-button:active,
tabbar tab .tab-indicator.clickable:active,
.tab-drag-icon tab .tab-close-button:active,
.tab-drag-icon tab .tab-indicator.clickable:active {
background: alpha(black, 0.2); }
* {
outline-style: solid;
outline-offset: -4px;
@ -5072,19 +5268,19 @@ window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):
/**********
* Button *
**********/
.titlebar stackswitcher button:checked:checked,
.titlebar stackswitcher button:active, .titlebar stackswitcher button:checked,
.titlebar button.toggle:active,
.titlebar button.toggle:checked,
headerbar stackswitcher button:checked:active,
headerbar stackswitcher button:checked:checked,
headerbar stackswitcher button:active,
headerbar stackswitcher button:checked,
headerbar button.toggle:active,
headerbar button.toggle:checked, button.flat:hover, button:active, button:checked {
background: #f2f2f2;
box-shadow: inset 0 3px 5px -4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.05); }
.titlebar stackswitcher button:backdrop:checked,
.titlebar stackswitcher button:backdrop:active, .titlebar stackswitcher button:backdrop:checked,
.titlebar button.toggle:backdrop:active,
.titlebar button.toggle:backdrop:checked,
headerbar stackswitcher button:backdrop:checked:active,
headerbar stackswitcher button:backdrop:active,
headerbar stackswitcher button:backdrop:checked,
headerbar button.toggle:backdrop:active,
headerbar button.toggle:backdrop:checked, button.flat:backdrop:hover, button:active:backdrop, button:checked:backdrop {

View File

@ -478,7 +478,7 @@ button {
background-image: image(#08090b);
box-shadow: none; }
notebook > header > tabs > arrow:backdrop,
button.flat:backdrop,
button:backdrop.flat,
button:backdrop {
color: #888a8d;
border-color: #0d0e11;
@ -487,8 +487,8 @@ button {
transition: 200ms ease-out;
-gtk-icon-filter: none; }
notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button.flat:backdrop:active,
button.flat:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
button:backdrop:active,
button:backdrop:checked {
color: #888a8d;
@ -496,15 +496,15 @@ button {
background-image: image(#1e2128);
box-shadow: none; }
notebook > header > tabs > arrow:backdrop:disabled,
button.flat:backdrop:disabled,
button:backdrop.flat:disabled,
button:backdrop:disabled {
color: #43495a;
border-color: #0d0e11;
background-image: image(#242731);
box-shadow: none; }
notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
button.flat:backdrop:disabled:active,
button.flat:backdrop:disabled:checked,
button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
color: #43495a;
@ -1357,9 +1357,9 @@ searchbar .close {
*****************/
windowcontrols {
border-spacing: 6px; }
windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) {
windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
margin-right: 7px; }
windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) {
windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
margin-left: 7px; }
windowcontrols button {
border-radius: 9999px;
@ -1563,11 +1563,11 @@ treeview.view {
border-style: solid none;
border-width: 1px;
border-color: #00348d; }
columnview.view > dndtarget.after:drop(active),
treeview.view > dndtarget.after:drop(active) {
columnview.view > dndtarget:drop(active).after,
treeview.view > dndtarget:drop(active).after {
border-top-style: none; }
columnview.view > dndtarget.before:drop(active),
treeview.view > dndtarget.before:drop(active) {
columnview.view > dndtarget:drop(active).before,
treeview.view > dndtarget:drop(active).before {
border-bottom-style: none; }
columnview.view.expander,
treeview.view.expander {
@ -1933,17 +1933,17 @@ notebook > header {
notebook > header > tabs > tab:hover {
color: #eeeeec;
background-color: #121418; }
notebook > header > tabs > tab.reorderable-page:hover {
notebook > header > tabs > tab:hover.reorderable-page {
border-color: rgba(13, 14, 17, 0.3);
background-color: rgba(35, 37, 46, 0.2); }
notebook > header > tabs > tab:not(:checked) {
outline-color: transparent; }
notebook > header > tabs > tab:checked {
color: #eeeeec; }
notebook > header > tabs > tab.reorderable-page:checked {
notebook > header > tabs > tab:checked.reorderable-page {
border-color: rgba(13, 14, 17, 0.5);
background-color: rgba(35, 37, 46, 0.5); }
notebook > header > tabs > tab.reorderable-page:checked:hover {
notebook > header > tabs > tab:checked.reorderable-page:hover {
background-color: rgba(35, 37, 46, 0.7); }
notebook > header > tabs > tab button.flat {
color: alpha(currentColor,0.3);
@ -2043,10 +2043,10 @@ scrollbar {
min-height: 3px;
background-color: #eeeeec;
border: 1px solid black; }
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
margin: 0 2px;
min-width: 40px; }
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
margin: 2px 0;
min-height: 40px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
@ -2558,7 +2558,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
@ -2573,7 +2573,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
@ -2588,7 +2588,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
@ -2603,7 +2603,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider {
@ -2618,7 +2618,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
@ -2633,7 +2633,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
@ -2648,7 +2648,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
@ -2663,7 +2663,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider {
@ -2678,7 +2678,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
@ -2693,7 +2693,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
@ -2708,7 +2708,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
@ -2723,7 +2723,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider {
@ -2738,7 +2738,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
@ -2753,7 +2753,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
@ -2768,7 +2768,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
@ -2783,7 +2783,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.color {
@ -3078,7 +3078,7 @@ row.activatable:active {
row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable.has-open-popup:selected, row.activatable:selected:hover {
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #3b83fd; }
row:selected {
@ -3264,10 +3264,10 @@ filechooserbutton:drop(active) {
***********/
.sidebar {
background-color: #252831; }
.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) {
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
border-right: 1px solid #0d0e11;
border-left-style: none; }
.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) {
.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
border-left: 1px solid #0d0e11;
border-right-style: none; }
.sidebar listview.view,
@ -3505,10 +3505,10 @@ colorswatch {
border-color: #0d0e11; }
colorswatch:drop(active) {
box-shadow: none; }
colorswatch.light:drop(active) > overlay {
colorswatch:drop(active).light > overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; }
colorswatch.dark:drop(active) > overlay {
colorswatch:drop(active).dark > overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px #0d0e11, inset 0 0 0 1px #19a187; }
colorswatch > overlay {

View File

@ -478,7 +478,7 @@ button {
background-image: image(#c7c7c7);
box-shadow: none; }
notebook > header > tabs > arrow:backdrop,
button.flat:backdrop,
button:backdrop.flat,
button:backdrop {
color: #aeb0b6;
border-color: #d9d9d9;
@ -487,8 +487,8 @@ button {
transition: 200ms ease-out;
-gtk-icon-filter: none; }
notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
button.flat:backdrop:active,
button.flat:backdrop:checked,
button:backdrop.flat:active,
button:backdrop.flat:checked,
button:backdrop:active,
button:backdrop:checked {
color: #aeb0b6;
@ -496,15 +496,15 @@ button {
background-image: image(#eaeaea);
box-shadow: none; }
notebook > header > tabs > arrow:backdrop:disabled,
button.flat:backdrop:disabled,
button:backdrop.flat:disabled,
button:backdrop:disabled {
color: #d9d9d9;
border-color: #d9d9d9;
background-image: image(#fdfdfd);
box-shadow: none; }
notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
button.flat:backdrop:disabled:active,
button.flat:backdrop:disabled:checked,
button:backdrop.flat:disabled:active,
button:backdrop.flat:disabled:checked,
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
color: #d9d9d9;
@ -1366,9 +1366,9 @@ searchbar .close {
*****************/
windowcontrols {
border-spacing: 6px; }
windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) {
windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
margin-right: 7px; }
windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) {
windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
margin-left: 7px; }
windowcontrols button {
border-radius: 9999px;
@ -1572,11 +1572,11 @@ treeview.view {
border-style: solid none;
border-width: 1px;
border-color: #0051da; }
columnview.view > dndtarget.after:drop(active),
treeview.view > dndtarget.after:drop(active) {
columnview.view > dndtarget:drop(active).after,
treeview.view > dndtarget:drop(active).after {
border-top-style: none; }
columnview.view > dndtarget.before:drop(active),
treeview.view > dndtarget.before:drop(active) {
columnview.view > dndtarget:drop(active).before,
treeview.view > dndtarget:drop(active).before {
border-bottom-style: none; }
columnview.view.expander,
treeview.view.expander {
@ -1944,17 +1944,17 @@ notebook > header {
notebook > header > tabs > tab:hover {
color: #5c616c;
background-color: #e8e8e8; }
notebook > header > tabs > tab.reorderable-page:hover {
notebook > header > tabs > tab:hover.reorderable-page {
border-color: rgba(217, 217, 217, 0.3);
background-color: rgba(255, 255, 255, 0.2); }
notebook > header > tabs > tab:not(:checked) {
outline-color: transparent; }
notebook > header > tabs > tab:checked {
color: #5c616c; }
notebook > header > tabs > tab.reorderable-page:checked {
notebook > header > tabs > tab:checked.reorderable-page {
border-color: rgba(217, 217, 217, 0.5);
background-color: rgba(255, 255, 255, 0.5); }
notebook > header > tabs > tab.reorderable-page:checked:hover {
notebook > header > tabs > tab:checked.reorderable-page:hover {
background-color: rgba(255, 255, 255, 0.7); }
notebook > header > tabs > tab button.flat {
color: alpha(currentColor,0.3);
@ -2054,10 +2054,10 @@ scrollbar {
min-height: 3px;
background-color: #5c616c;
border: 1px solid white; }
scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
margin: 0 2px;
min-width: 40px; }
scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider {
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
margin: 2px 0;
min-height: 40px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
@ -2576,7 +2576,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
@ -2591,7 +2591,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
@ -2606,7 +2606,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
@ -2621,7 +2621,7 @@ scale {
background-position: top;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -7px -10px;
margin-top: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider {
@ -2636,7 +2636,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
@ -2651,7 +2651,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
@ -2666,7 +2666,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
@ -2681,7 +2681,7 @@ scale {
background-position: bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -7px -10px;
margin-bottom: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider {
@ -2696,7 +2696,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
@ -2711,7 +2711,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
@ -2726,7 +2726,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
@ -2741,7 +2741,7 @@ scale {
background-position: left bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider {
scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
margin: -10px -7px;
margin-left: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider {
@ -2756,7 +2756,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
@ -2771,7 +2771,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
@ -2786,7 +2786,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
@ -2801,7 +2801,7 @@ scale {
background-position: right bottom;
background-repeat: no-repeat;
box-shadow: none; }
scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider {
scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
margin: -10px -7px;
margin-right: -11px; }
scale.color {
@ -3096,7 +3096,7 @@ row.activatable:active {
row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable.has-open-popup:selected, row.activatable:selected:hover {
row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #2c75f0; }
row:selected {
@ -3282,10 +3282,10 @@ filechooserbutton:drop(active) {
***********/
.sidebar {
background-color: #fcfcfc; }
.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) {
.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
border-right: 1px solid #d9d9d9;
border-left-style: none; }
.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) {
.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
border-left: 1px solid #d9d9d9;
border-right-style: none; }
.sidebar listview.view,
@ -3523,10 +3523,10 @@ colorswatch {
border-color: rgba(0, 0, 0, 0.5); }
colorswatch:drop(active) {
box-shadow: none; }
colorswatch.light:drop(active) > overlay {
colorswatch:drop(active).light > overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px #14826d, inset 0 0 0 1px #19a187; }
colorswatch.dark:drop(active) > overlay {
colorswatch:drop(active).dark > overlay {
border-color: #19a187;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #19a187; }
colorswatch > overlay {