aiden
/
Orchis-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed #232

Browse Source
pull/276/head
vinceliuice 4 years ago
parent cb620170b2
commit 4a63ea4b6b
9 changed files with 1571 additions and 1049 deletions
Show Stats Download Patch File Download Diff File

320
src/_sass/gtk/_common-4.0.scss
Unescape Escape View File

@ -271,76 +271,77 @@ spinner {
/****************
* Text Entries *
****************/
%entry,
entry {
%entry_basic, & {
min-height: $medium-size;
padding: 0 8px;
border-spacing: $space-size;
border-radius: $corner-radius;
caret-color: currentColor; // this shouldn't be needed.
@include entry(normal);
&:focus-within { @include entry(checked); }
&:drop(active) { @include entry(hover); }
%entry-basic {
caret-color: currentColor; // this shouldn't be needed.
&:disabled { @include entry(disabled); }
@include entry(normal);
&:focus-within { @include entry(checked); }
&:drop(active) { @include entry(hover); }
&:disabled { @include entry(disabled); }
// &.search { border-radius: $circular-radius; }
image {
color: $text-secondary;
&.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
&:hover, &:active { color: $text; }
image { // icons inside the entry
color: $text-secondary;
&:disabled { color: $text-disabled; }
}
}
&:hover, &:active { color: $text; }
entry {
min-height: $medium-size;
padding: 0 8px;
border-spacing: $space-size;
border-radius: $corner-radius;
@extend %entry-basic;
&:disabled { color: $text-disabled; }
// &.search { border-radius: $circular-radius; }
&.left {
margin-left: ($medium-size - 16px) / 2 - 8px;
margin-right: 6px;
}
&.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
&.right {
margin-left: 6px;
margin-right: ($medium-size - 16px) / 2 - 8px;
}
image { // icons inside the entry
&.left {
margin-left: ($medium-size - 16px) / 2 - 8px;
margin-right: 6px;
}
undershoot {
&.left { @include undershoot(left); }
&.right { @include undershoot(right); }
&.right {
margin-left: 6px;
margin-right: ($medium-size - 16px) / 2 - 8px;
}
}
> text > selection { @extend %selected_items_primary; }
undershoot {
&.left { @include undershoot(left); }
// entry error and warning style
@each $e_type, $e_color in (error, $error),
(success, $success),
(warning, $warning) {
&.#{$e_type} {
@include entry(normal, $e_color);
&.right { @include undershoot(right); }
}
image { color: $e_color; }
> text > selection { @extend %selected_items_primary; }
selection {
color: on($e_color);
background-color: $e_color;
}
// entry error and warning style
@each $e_type, $e_color in (error, $error),
(success, $success),
(warning, $warning) {
&.#{$e_type} {
@include entry(normal, $e_color);
&:focus-within { @include entry(checked, $e_color); }
image { color: $e_color; }
&:disabled { @include entry(disabled, $e_color); }
selection {
color: on($e_color);
background-color: $e_color;
}
&:focus-within { @include entry(checked, $e_color); }
&:disabled { @include entry(disabled, $e_color); }
}
}
@ -750,20 +751,17 @@ button.link {
* GtkSpinButton *
*****************/
spinbutton {
&:not(.vertical) {
// in this horizontal configuration, the whole spinbutton
// behaves as the entry, so we extend the entry styling
// and nuke the style on the internal entry
@extend %entry;
&:not(.vertical),
&.vertical {
@include entry(normal);
&:focus-within { @include entry(checked); }
&:disabled { @include entry(disabled); }
border-radius: $corner-radius;
padding: 0;
border-spacing: 0;
> text {
min-width: $large-size - 8px * 2;
// reset all the other props since the spinbutton node is styled here
margin: 0;
padding-left: $space-size * 2;
border-image: none;
border-radius: 0;
box-shadow: none;
@ -773,17 +771,29 @@ spinbutton {
> button {
@extend %button-flat-simple;
@extend %small-button;
margin: 0;
// margin: $space-size;
border: solid $space-size transparent;
padding: 0;
border: $space-size solid transparent;
// Remove unwanted focus indicator
&:focus:not(:hover):not(:active):not(:disabled) {
box-shadow: inset 0 0 0 9999px transparent;
color: $text-secondary;
}
}
}
&:not(.vertical) {
// in this horizontal configuration, the whole spinbutton
// behaves as the entry, so we extend the entry styling
// and nuke the style on the internal entry
> text {
min-width: $large-size - 8px * 2;
// reset all the other props since the spinbutton node is styled here
padding-left: $space-size * 2;
}
> button {
&.up:dir(ltr),
&.down:dir(rtl) { margin-left: -$space-size / 2; }
@ -794,38 +804,16 @@ spinbutton {
// Vertical
&.vertical {
@extend %entry;
padding: 0;
&:disabled { color: $text-disabled; }
> text {
margin: 0;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
min-height: $medium-size;
min-width: $large-size - $space-size;
padding: 0;
}
> button {
@extend %button-flat-simple;
@extend %small-button;
padding: 0;
border: solid $space-size transparent;
// Remove unwanted focus indicator
&:focus:not(:hover):not(:active) {
box-shadow: inset 0 0 0 9999px transparent;
color: $text-secondary;
}
&.up { margin: 0 $space-size / 2; }
&.down { margin: 0 $space-size / 2; }
}
}
@ -1095,8 +1083,15 @@ searchbar > revealer > box {
}
%titlebar-entry {
background-color: $titlebar-fill;
color: $titlebar-text;
caret-color: $titlebar-text;
&, &:focus-within {
background-color: $titlebar-fill;
&, & > text {
color: $titlebar-text;
}
}
&:disabled {
background-color: $titlebar-fill;
@ -1115,19 +1110,29 @@ searchbar > revealer > box {
headerbar {
transition: background-color $duration $ease-out, color $duration $ease-out;
box-shadow: inset 0 -1px $divider, inset 0 1px highlight($titlebar);
background-color: $titlebar;
color: $titlebar-text;
min-height: $large-size;
padding: 0;
margin: 0;
border-radius: $window-radius $window-radius 0 0;
@if $variant == 'light' and $topbar == 'dark' {
background-color: transparent;
} @else {
background-color: $titlebar;
}
&:disabled { color: $titlebar-text-disabled; }
&:backdrop {
background-color: $titlebar-backdrop;
color: $titlebar-text-secondary;
@if $variant == 'light' and $topbar == 'dark' {
background-color: transparent;
} @else {
background-color: $titlebar-backdrop;
}
&:disabled { color: $titlebar-text-secondary-disabled; }
}
@ -1195,15 +1200,29 @@ headerbar {
button.toggle { border-radius: $circular-radius; }
popover.background {
popover.background { // reset
> contents {
color: $text;
.dim-label { color: $text-secondary; }
}
button, entry, spinbutton {
border-radius: $menuitem-radius;
}
button:not(.suggested-action):not(.destructive-action):not(.flat) {
button:not(.suggested-action):not(.destructive-action) {
@extend %button-basic;
&.flat {
@extend %button-flat;
}
image { color: $text; }
}
entry { @extend %entry-basic; }
.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
border-radius: 0;
@ -1219,11 +1238,30 @@ headerbar {
&.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
border-radius: $circular-radius;
}
}
color: $titlebar-text-secondary;
box.vertical & {
background-color: $titlebar;
&:focus, &:hover, &:active, &:checked { color: $titlebar-text; }
&:disabled { color: $titlebar-text-secondary-disabled; }
&:checked:disabled {
color: on($primary, disabled);
}
&:backdrop {
color: $titlebar-text-disabled;
&:focus, &:hover, &:active { color: $titlebar-text-secondary; }
&:disabled { color: $titlebar-text-secondary-disabled; }
&:checked {
color: on($primary, disabled);
&:disabled { color: on($primary, secondary-disabled); }
}
}
}
}
> windowhandle > box {
@ -1375,6 +1413,34 @@ pathbar > button {
}
}
.pathbar {
background-color: $fill;
color: $text-secondary;
border: none;
border-radius: $corner-radius;
padding: 2px;
headerbar & {
margin-top: $space-size;
margin-bottom: $space-size;
background-color: on($titlebar, fill);
color: $titlebar-text-secondary;
}
> button {
margin-top: 0;
margin-bottom: 0;
min-height: 20px;
border-radius: $corner-radius - 2px;
border: none;
box-shadow: none;
&:last-child {
@include button(flat-checked);
}
}
}
/**************
* Tree Views *
@ -1615,32 +1681,6 @@ popover.menu {
margin-right: 0;
}
modelbutton {
transition: background-color $duration $ease-out;
min-height: $menuitem-size - $space-size;
min-width: $menuitem-size * 2;
padding: $space-size / 2 $space-size * 1.5;
border-radius: $menuitem-radius;
color: $text;
font: initial;
text-shadow: none;
border-spacing: $space-size;
@extend %button-flat-simple;
accelerator {
color: $text-disabled;
&:disabled {
color: $divider;
}
}
arrow {
&.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
&.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
}
}
label.title {
font-weight: bold;
padding: 4px ($space-size + 20px); //this will fall apart with font sizing
@ -1708,6 +1748,33 @@ popover.background {
&:only-child { border-radius: $menuitem-radius; }
}
modelbutton {
transition: background-color $duration $ease-out;
min-height: $menuitem-size - $space-size;
min-width: $menuitem-size * 2;
padding: $space-size / 2 $space-size * 1.5;
border-radius: $menuitem-radius;
color: $text;
font: initial;
text-shadow: none;
border-spacing: $space-size;
@extend %button-flat-simple;
accelerator {
color: $text-disabled;
margin-left: $space-size * 5;
&:disabled {
color: $divider;
}
}
arrow {
&.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
&.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
}
}
&.menu button,
button.model {
min-height: 32px;
@ -2926,8 +2993,13 @@ row {
@extend %button-flat-simple;
}
button:hover &, button:active &, button:checked & {
background-color: transparent;
button & {
&, &:hover, &.has-open-popup, &:active {
background-color: transparent;
box-shadow: none;
background-image: none;
transition: none;
}
}
button:checked & {

21
src/_sass/gtk/apps/_gnome-4.0.scss
Unescape Escape View File

@ -284,11 +284,17 @@
#NautilusQueryEditor { // search entry
border-radius: $circular-radius;
color: $titlebar-text-secondary;
> menubutton > button {
min-width: 16px;
min-height: 16px;
&:focus-within { color: $titlebar-text; }
&:disabled { color: $titlebar-text-secondary-disabled; }
> menubutton > button.image-button {
min-width: $menuitem-size;
min-height: $menuitem-size;
margin: 0;
padding: 0;
}
> text { margin: 0; }
@ -334,6 +340,7 @@
//
// Gnome Control Center
//
window.dialog {
> box > stack > box > box {
> notebook.frame {
@ -343,6 +350,14 @@ window.dialog {
}
}
window.background {
> contents > leaflet {
stack.background {
background-color: transparent;
}
}
}
//
// Calculator
//

5
src/_sass/gtk/apps/_libadwaita.scss
Unescape Escape View File

@ -714,11 +714,8 @@ tabbox:drop(active) {
//
leaflet {
outline-color: highlight($titlebar);
outline-width: 1px;
outline-style: solid;
outline-offset: -1px;
border-radius: $window-radius;
box-shadow: inset 0 1px highlight($titlebar);
headerbar {
border-radius: 0;

379
src/gtk/4.0/gtk-Compact.css
Unescape Escape View File

@ -277,12 +277,7 @@ spinner:checked:disabled {
/****************
* Text Entries *
****************/
spinbutton.vertical, spinbutton:not(.vertical),
entry {
min-height: 32px;
padding: 0 8px;
border-spacing: 4px;
border-radius: 10px;
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -292,8 +287,7 @@ entry {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical),
entry:focus-within {
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
@ -302,16 +296,14 @@ entry:focus-within {
outline-offset: -2px;
}
spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
entry:drop(active) {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: rgba(0, 0, 0, 0.87);
outline: none;
}
spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
entry:disabled {
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -321,48 +313,46 @@ entry:disabled {
opacity: 1;
}
spinbutton.vertical:disabled > label, spinbutton:disabled:not(.vertical) > label,
entry:disabled > label {
headerbar popover.background entry:disabled > label, entry:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
spinbutton.vertical image, spinbutton:not(.vertical) image,
entry image {
headerbar popover.background entry image, entry image {
color: rgba(0, 0, 0, 0.6);
}
spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
entry image:hover,
entry image:active {
headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active {
color: rgba(0, 0, 0, 0.87);
}
spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
entry image:disabled {
headerbar popover.background entry image:disabled, entry image:disabled {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
entry {
min-height: 32px;
padding: 0 8px;
border-spacing: 4px;
border-radius: 10px;
}
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
entry image.left {
margin-left: 0px;
margin-right: 6px;
}
spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
entry image.right {
margin-left: 6px;
margin-right: 0px;
}
spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
@ -375,7 +365,6 @@ entry undershoot.left {
margin: 4px 0;
}
spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
entry undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
@ -388,7 +377,6 @@ entry undershoot.right {
margin: 4px 0;
}
spinbutton.error.vertical, spinbutton.error:not(.vertical),
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -398,18 +386,15 @@ entry.error {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.error.vertical image, spinbutton.error:not(.vertical) image,
entry.error image {
color: #D93025;
}
spinbutton.error.vertical selection, spinbutton.error:not(.vertical) selection,
entry.error selection {
color: white;
background-color: #D93025;
}
spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical),
entry.error:focus-within {
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
@ -419,7 +404,6 @@ entry.error:focus-within {
outline-offset: -2px;
}
spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(217, 48, 37, 0.04);
@ -430,12 +414,10 @@ entry.error:disabled {
opacity: 1;
}
spinbutton.error.vertical:disabled > label, spinbutton.error:disabled:not(.vertical) > label,
entry.error:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -445,18 +427,15 @@ entry.success {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.success.vertical image, spinbutton.success:not(.vertical) image,
entry.success image {
color: #0F9D58;
}
spinbutton.success.vertical selection, spinbutton.success:not(.vertical) selection,
entry.success selection {
color: white;
background-color: #0F9D58;
}
spinbutton.success.vertical:focus-within, spinbutton.success:focus-within:not(.vertical),
entry.success:focus-within {
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
@ -466,7 +445,6 @@ entry.success:focus-within {
outline-offset: -2px;
}
spinbutton.success.vertical:disabled, spinbutton.success:disabled:not(.vertical),
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(15, 157, 88, 0.04);
@ -477,12 +455,10 @@ entry.success:disabled {
opacity: 1;
}
spinbutton.success.vertical:disabled > label, spinbutton.success:disabled:not(.vertical) > label,
entry.success:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -492,18 +468,15 @@ entry.warning {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.warning.vertical image, spinbutton.warning:not(.vertical) image,
entry.warning image {
color: #F4B400;
}
spinbutton.warning.vertical selection, spinbutton.warning:not(.vertical) selection,
entry.warning selection {
color: rgba(0, 0, 0, 0.87);
background-color: #F4B400;
}
spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical),
entry.warning:focus-within {
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
@ -513,7 +486,6 @@ entry.warning:focus-within {
outline-offset: -2px;
}
spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(244, 180, 0, 0.04);
@ -524,14 +496,10 @@ entry.warning:disabled {
opacity: 1;
}
spinbutton.warning.vertical:disabled > label, spinbutton.warning:disabled:not(.vertical) > label,
entry.warning:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
spinbutton.vertical progress > trough > progress,
spinbutton:not(.vertical) progress > trough > progress,
entry > progress,
entry progress > trough > progress {
margin: 2px -8px;
@ -620,7 +588,7 @@ editablelabel > stack > text {
color: rgba(255, 255, 255, 0.5);
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -632,15 +600,15 @@ headerbar popover.background button:not(.suggested-action):not(.destructive-acti
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action), button:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -648,7 +616,7 @@ headerbar popover.background button:active:not(.suggested-action):not(.destructi
background-size: 100% 100%;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -656,21 +624,21 @@ headerbar popover.background button:disabled:not(.suggested-action):not(.destruc
opacity: 1;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat) > label, button:disabled > label {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action) > label, button:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked {
box-shadow: none;
background-color: #1A73E8;
color: white;
}
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -689,9 +657,9 @@ button:drop(active) {
}
.nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), windowcontrols button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, popover.menu modelbutton, spinbutton.vertical > button, spinbutton:not(.vertical) > button, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button,
dnd tab button.image-button, splitbutton.flat > button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
@ -706,9 +674,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
}
.nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), windowcontrols button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.menu modelbutton:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus,
dnd tab button.image-button:focus, splitbutton.flat > button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
@ -716,9 +684,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
}
.nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), windowcontrols button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.menu modelbutton:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover,
dnd tab button.image-button:hover, splitbutton.flat > button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -726,9 +694,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
}
.nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), windowcontrols button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.menu modelbutton:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active,
dnd tab button.image-button:active, splitbutton.flat > button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
@ -740,9 +708,9 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
}
.nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), windowcontrols button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.menu modelbutton:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled,
dnd tab button.image-button:disabled, splitbutton.flat > button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
box-shadow: none;
@ -752,7 +720,7 @@ combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.fla
tabbar tab button.image-button:checked,
dnd tab button.image-button:checked, splitbutton.flat > button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar popover.background button.flat:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
background-color: alpha(currentColor, 0.1);
@ -761,7 +729,7 @@ combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat
tabbar tab button.image-button:checked:disabled,
dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar popover.background button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
background-color: alpha(currentColor, 0.1);
@ -983,7 +951,7 @@ radio label, button.image-button label, button.close label, button.circular labe
padding: 0;
}
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton.vertical > button, spinbutton:not(.vertical) > button {
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton:not(.vertical) > button, spinbutton.vertical > button {
min-height: 22px;
min-width: 22px;
padding: 0;
@ -1003,39 +971,39 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
background-position: left 3px;
}
.linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
border-radius: 0;
}
.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
border-radius: 10px;
}
.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
border-radius: 0;
}
.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
border-radius: 10px;
}
@ -1105,31 +1073,64 @@ button.link > label {
/*****************
* GtkSpinButton *
*****************/
spinbutton:not(.vertical) {
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
border-radius: 10px;
padding: 0;
border-spacing: 0;
}
spinbutton:not(.vertical) > text {
min-width: 24px;
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
outline: none;
filter: none;
opacity: 1;
}
spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton:not(.vertical) > text, spinbutton.vertical > text {
margin: 0;
padding-left: 8px;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
}
spinbutton:not(.vertical) > button {
margin: 0;
border: solid 4px transparent;
spinbutton:not(.vertical) > button, spinbutton.vertical > button {
padding: 0;
border: 4px solid transparent;
}
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled) {
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.vertical > button:focus:not(:hover):not(:active):not(:disabled) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(0, 0, 0, 0.6);
}
spinbutton:not(.vertical) > text {
min-width: 24px;
padding-left: 8px;
}
spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
margin-left: -2px;
}
@ -1138,35 +1139,16 @@ spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > butt
margin-right: -2px;
}
spinbutton.vertical {
padding: 0;
}
spinbutton.vertical:disabled {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical > text {
margin: 0;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
min-height: 32px;
min-width: 36px;
padding: 0;
}
spinbutton.vertical > button {
padding: 0;
border: solid 4px transparent;
}
spinbutton.vertical > button:focus:not(:hover):not(:active) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(0, 0, 0, 0.6);
}
spinbutton.vertical > button.up {
margin: 0 2px;
}
@ -1490,8 +1472,15 @@ headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructi
color: rgba(255, 255, 255, 0.3);
}
headerbar entry {
caret-color: white;
}
headerbar entry {
background-color: rgba(255, 255, 255, 0.04);
}
headerbar entry, headerbar entry > text {
color: white;
}
@ -1515,12 +1504,12 @@ headerbar entry image:disabled {
headerbar {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #2C2C2C;
color: white;
min-height: 40px;
padding: 0;
margin: 0;
border-radius: 16px 16px 0 0;
background-color: transparent;
}
headerbar:disabled {
@ -1528,8 +1517,8 @@ headerbar:disabled {
}
headerbar:backdrop {
background-color: #2C2C2C;
color: rgba(255, 255, 255, 0.7);
background-color: transparent;
}
headerbar:backdrop:disabled {
@ -1604,10 +1593,22 @@ headerbar button.toggle {
border-radius: 9999px;
}
headerbar popover.background > contents {
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle {
color: rgba(0, 0, 0, 0.6);
}
headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton {
border-radius: 5px;
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action) image {
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
border-radius: 0;
}
@ -1631,10 +1632,39 @@ headerbar stackswitcher {
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
border-radius: 9999px;
color: rgba(255, 255, 255, 0.7);
}
box.vertical headerbar {
background-color: #2C2C2C;
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked {
color: white;
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active {
color: rgba(255, 255, 255, 0.7);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar > windowhandle > box {
@ -1768,6 +1798,35 @@ pathbar > button.slider-button {
padding-right: 4px;
}
.pathbar {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
border: none;
border-radius: 10px;
padding: 2px;
}
headerbar .pathbar {
margin-top: 4px;
margin-bottom: 4px;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.7);
}
.pathbar > button {
margin-top: 0;
margin-bottom: 0;
min-height: 20px;
border-radius: 8px;
border: none;
box-shadow: none;
}
.pathbar > button:last-child {
background-color: alpha(currentColor, 0.1);
color: rgba(0, 0, 0, 0.87);
}
/**************
* Tree Views *
**************/
@ -2061,34 +2120,6 @@ popover.menu check.right {
margin-right: 0;
}
popover.menu modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 20px;
min-width: 48px;
padding: 2px 6px;
border-radius: 5px;
color: rgba(0, 0, 0, 0.87);
font: initial;
text-shadow: none;
border-spacing: 4px;
}
popover.menu modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
}
popover.menu modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.menu modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.menu label.title {
font-weight: bold;
padding: 4px 24px;
@ -2159,6 +2190,35 @@ popover.background .linked > button:not(.radio):only-child {
border-radius: 5px;
}
popover.background modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 20px;
min-width: 48px;
padding: 2px 6px;
border-radius: 5px;
color: rgba(0, 0, 0, 0.87);
font: initial;
text-shadow: none;
border-spacing: 4px;
}
popover.background modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
margin-left: 20px;
}
popover.background modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
}
popover.background modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.background modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.background.menu button,
popover.background button.model {
min-height: 32px;
@ -3442,8 +3502,11 @@ treeview.view > header > button:active, row.activatable.has-open-popup, row.acti
background-size: 100% 100%;
}
button:hover row, button:active row, button:checked row {
button row, button row:hover, button row.has-open-popup, button row:active {
background-color: transparent;
box-shadow: none;
background-image: none;
transition: none;
}
button:checked row {
@ -4435,8 +4498,7 @@ gridview > child:selected, row:selected, calendar:selected, calendar > grid > la
background-color: rgba(26, 115, 232, 0.2);
}
textview text selection:focus, textview text selection, label > selection,
entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected {
textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected {
color: white;
background-color: #1A73E8;
}
@ -4869,12 +4931,22 @@ popover.entry-completion > contents {
#NautilusQueryEditor {
border-radius: 9999px;
color: rgba(255, 255, 255, 0.7);
}
#NautilusQueryEditor > menubutton > button {
min-width: 16px;
min-height: 16px;
#NautilusQueryEditor:focus-within {
color: white;
}
#NautilusQueryEditor:disabled {
color: rgba(255, 255, 255, 0.3);
}
#NautilusQueryEditor > menubutton > button.image-button {
min-width: 24px;
min-height: 24px;
margin: 0;
padding: 0;
}
#NautilusQueryEditor > text {
@ -4925,6 +4997,10 @@ window.dialog > box > stack > box > box > notebook.frame {
border-radius: 0;
}
window.background > contents > leaflet stack.background {
background-color: transparent;
}
.history-view {
background-color: #FFFFFF;
}
@ -5976,11 +6052,8 @@ tabbox:drop(active) {
}
leaflet {
outline-color: rgba(255, 255, 255, 0.1);
outline-width: 1px;
outline-style: solid;
outline-offset: -1px;
border-radius: 16px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
}
leaflet headerbar {

379
src/gtk/4.0/gtk-Dark-Compact.css
Unescape Escape View File

@ -277,12 +277,7 @@ spinner:checked:disabled {
/****************
* Text Entries *
****************/
spinbutton.vertical, spinbutton:not(.vertical),
entry {
min-height: 32px;
padding: 0 8px;
border-spacing: 4px;
border-radius: 10px;
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -292,8 +287,7 @@ entry {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical),
entry:focus-within {
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
@ -302,16 +296,14 @@ entry:focus-within {
outline-offset: -2px;
}
spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
entry:drop(active) {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: white;
outline: none;
}
spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
entry:disabled {
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
@ -321,48 +313,46 @@ entry:disabled {
opacity: 1;
}
spinbutton.vertical:disabled > label, spinbutton:disabled:not(.vertical) > label,
entry:disabled > label {
headerbar popover.background entry:disabled > label, entry:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
spinbutton.vertical image, spinbutton:not(.vertical) image,
entry image {
headerbar popover.background entry image, entry image {
color: rgba(255, 255, 255, 0.7);
}
spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
entry image:hover,
entry image:active {
headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active {
color: white;
}
spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
entry image:disabled {
headerbar popover.background entry image:disabled, entry image:disabled {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
entry {
min-height: 32px;
padding: 0 8px;
border-spacing: 4px;
border-radius: 10px;
}
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
entry image.left {
margin-left: 0px;
margin-right: 6px;
}
spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
entry image.right {
margin-left: 6px;
margin-right: 0px;
}
spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
@ -375,7 +365,6 @@ entry undershoot.left {
margin: 4px 0;
}
spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
entry undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
@ -388,7 +377,6 @@ entry undershoot.right {
margin: 4px 0;
}
spinbutton.error.vertical, spinbutton.error:not(.vertical),
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -398,18 +386,15 @@ entry.error {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.error.vertical image, spinbutton.error:not(.vertical) image,
entry.error image {
color: #F28B82;
}
spinbutton.error.vertical selection, spinbutton.error:not(.vertical) selection,
entry.error selection {
color: rgba(0, 0, 0, 0.87);
background-color: #F28B82;
}
spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical),
entry.error:focus-within {
background-color: rgba(242, 139, 130, 0.08);
color: #F28B82;
@ -419,7 +404,6 @@ entry.error:focus-within {
outline-offset: -2px;
}
spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(242, 139, 130, 0.04);
@ -430,12 +414,10 @@ entry.error:disabled {
opacity: 1;
}
spinbutton.error.vertical:disabled > label, spinbutton.error:disabled:not(.vertical) > label,
entry.error:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -445,18 +427,15 @@ entry.success {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.success.vertical image, spinbutton.success:not(.vertical) image,
entry.success image {
color: #81C995;
}
spinbutton.success.vertical selection, spinbutton.success:not(.vertical) selection,
entry.success selection {
color: rgba(0, 0, 0, 0.87);
background-color: #81C995;
}
spinbutton.success.vertical:focus-within, spinbutton.success:focus-within:not(.vertical),
entry.success:focus-within {
background-color: rgba(129, 201, 149, 0.08);
color: #81C995;
@ -466,7 +445,6 @@ entry.success:focus-within {
outline-offset: -2px;
}
spinbutton.success.vertical:disabled, spinbutton.success:disabled:not(.vertical),
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(129, 201, 149, 0.04);
@ -477,12 +455,10 @@ entry.success:disabled {
opacity: 1;
}
spinbutton.success.vertical:disabled > label, spinbutton.success:disabled:not(.vertical) > label,
entry.success:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -492,18 +468,15 @@ entry.warning {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.warning.vertical image, spinbutton.warning:not(.vertical) image,
entry.warning image {
color: #FDD633;
}
spinbutton.warning.vertical selection, spinbutton.warning:not(.vertical) selection,
entry.warning selection {
color: rgba(0, 0, 0, 0.87);
background-color: #FDD633;
}
spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical),
entry.warning:focus-within {
background-color: rgba(253, 214, 51, 0.08);
color: #FDD633;
@ -513,7 +486,6 @@ entry.warning:focus-within {
outline-offset: -2px;
}
spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(253, 214, 51, 0.04);
@ -524,14 +496,10 @@ entry.warning:disabled {
opacity: 1;
}
spinbutton.warning.vertical:disabled > label, spinbutton.warning:disabled:not(.vertical) > label,
entry.warning:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
spinbutton.vertical progress > trough > progress,
spinbutton:not(.vertical) progress > trough > progress,
entry > progress,
entry progress > trough > progress {
margin: 2px -8px;
@ -620,7 +588,7 @@ editablelabel > stack > text {
color: rgba(255, 255, 255, 0.5);
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -632,15 +600,15 @@ headerbar popover.background button:not(.suggested-action):not(.destructive-acti
color: white;
}
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action), button:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -648,7 +616,7 @@ headerbar popover.background button:active:not(.suggested-action):not(.destructi
background-size: 100% 100%;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
@ -656,21 +624,21 @@ headerbar popover.background button:disabled:not(.suggested-action):not(.destruc
opacity: 1;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat) > label, button:disabled > label {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action) > label, button:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked {
box-shadow: none;
background-color: #3281EA;
color: white;
}
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
@ -689,9 +657,9 @@ button:drop(active) {
}
.nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), windowcontrols button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, popover.menu modelbutton, spinbutton.vertical > button, spinbutton:not(.vertical) > button, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button,
dnd tab button.image-button, splitbutton.flat > button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
@ -706,9 +674,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
}
.nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), windowcontrols button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.menu modelbutton:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus,
dnd tab button.image-button:focus, splitbutton.flat > button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
@ -716,9 +684,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
}
.nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), windowcontrols button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.menu modelbutton:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover,
dnd tab button.image-button:hover, splitbutton.flat > button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -726,9 +694,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
}
.nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), windowcontrols button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.menu modelbutton:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active,
dnd tab button.image-button:active, splitbutton.flat > button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
@ -740,9 +708,9 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
}
.nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), windowcontrols button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.menu modelbutton:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled,
dnd tab button.image-button:disabled, splitbutton.flat > button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
box-shadow: none;
@ -752,7 +720,7 @@ combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.fla
tabbar tab button.image-button:checked,
dnd tab button.image-button:checked, splitbutton.flat > button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar popover.background button.flat:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
background-color: alpha(currentColor, 0.1);
@ -761,7 +729,7 @@ combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat
tabbar tab button.image-button:checked:disabled,
dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar popover.background button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
background-color: alpha(currentColor, 0.1);
@ -983,7 +951,7 @@ radio label, button.image-button label, button.close label, button.circular labe
padding: 0;
}
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton.vertical > button, spinbutton:not(.vertical) > button {
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton:not(.vertical) > button, spinbutton.vertical > button {
min-height: 22px;
min-width: 22px;
padding: 0;
@ -1003,39 +971,39 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
background-position: left 3px;
}
.linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
border-radius: 0;
}
.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
border-radius: 10px;
}
.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
border-radius: 0;
}
.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
border-radius: 10px;
}
@ -1105,31 +1073,64 @@ button.link > label {
/*****************
* GtkSpinButton *
*****************/
spinbutton:not(.vertical) {
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
border-radius: 10px;
padding: 0;
border-spacing: 0;
}
spinbutton:not(.vertical) > text {
min-width: 24px;
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #3281EA;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
outline: none;
filter: none;
opacity: 1;
}
spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
spinbutton:not(.vertical) > text, spinbutton.vertical > text {
margin: 0;
padding-left: 8px;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
}
spinbutton:not(.vertical) > button {
margin: 0;
border: solid 4px transparent;
spinbutton:not(.vertical) > button, spinbutton.vertical > button {
padding: 0;
border: 4px solid transparent;
}
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled) {
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.vertical > button:focus:not(:hover):not(:active):not(:disabled) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(255, 255, 255, 0.7);
}
spinbutton:not(.vertical) > text {
min-width: 24px;
padding-left: 8px;
}
spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
margin-left: -2px;
}
@ -1138,35 +1139,16 @@ spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > butt
margin-right: -2px;
}
spinbutton.vertical {
padding: 0;
}
spinbutton.vertical:disabled {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.vertical > text {
margin: 0;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
min-height: 32px;
min-width: 36px;
padding: 0;
}
spinbutton.vertical > button {
padding: 0;
border: solid 4px transparent;
}
spinbutton.vertical > button:focus:not(:hover):not(:active) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(255, 255, 255, 0.7);
}
spinbutton.vertical > button.up {
margin: 0 2px;
}
@ -1490,8 +1472,15 @@ headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructi
color: rgba(255, 255, 255, 0.3);
}
headerbar entry {
caret-color: white;
}
headerbar entry {
background-color: rgba(255, 255, 255, 0.04);
}
headerbar entry, headerbar entry > text {
color: white;
}
@ -1515,12 +1504,12 @@ headerbar entry image:disabled {
headerbar {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #2C2C2C;
color: white;
min-height: 40px;
padding: 0;
margin: 0;
border-radius: 16px 16px 0 0;
background-color: #2C2C2C;
}
headerbar:disabled {
@ -1528,8 +1517,8 @@ headerbar:disabled {
}
headerbar:backdrop {
background-color: #2C2C2C;
color: rgba(255, 255, 255, 0.7);
background-color: #2C2C2C;
}
headerbar:backdrop:disabled {
@ -1604,10 +1593,22 @@ headerbar button.toggle {
border-radius: 9999px;
}
headerbar popover.background > contents {
color: white;
}
headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle {
color: rgba(255, 255, 255, 0.7);
}
headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton {
border-radius: 5px;
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action) image {
color: white;
}
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
border-radius: 0;
}
@ -1631,10 +1632,39 @@ headerbar stackswitcher {
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
border-radius: 9999px;
color: rgba(255, 255, 255, 0.7);
}
box.vertical headerbar {
background-color: #2C2C2C;
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked {
color: white;
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active {
color: rgba(255, 255, 255, 0.7);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar > windowhandle > box {
@ -1768,6 +1798,35 @@ pathbar > button.slider-button {
padding-right: 4px;
}
.pathbar {
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.7);
border: none;
border-radius: 10px;
padding: 2px;
}
headerbar .pathbar {
margin-top: 4px;
margin-bottom: 4px;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.7);
}
.pathbar > button {
margin-top: 0;
margin-bottom: 0;
min-height: 20px;
border-radius: 8px;
border: none;
box-shadow: none;
}
.pathbar > button:last-child {
background-color: alpha(currentColor, 0.1);
color: white;
}
/**************
* Tree Views *
**************/
@ -2061,34 +2120,6 @@ popover.menu check.right {
margin-right: 0;
}
popover.menu modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 20px;
min-width: 48px;
padding: 2px 6px;
border-radius: 5px;
color: white;
font: initial;
text-shadow: none;
border-spacing: 4px;
}
popover.menu modelbutton accelerator {
color: rgba(255, 255, 255, 0.5);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(255, 255, 255, 0.12);
}
popover.menu modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.menu modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.menu label.title {
font-weight: bold;
padding: 4px 24px;
@ -2159,6 +2190,35 @@ popover.background .linked > button:not(.radio):only-child {
border-radius: 5px;
}
popover.background modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 20px;
min-width: 48px;
padding: 2px 6px;
border-radius: 5px;
color: white;
font: initial;
text-shadow: none;
border-spacing: 4px;
}
popover.background modelbutton accelerator {
color: rgba(255, 255, 255, 0.5);
margin-left: 20px;
}
popover.background modelbutton accelerator:disabled {
color: rgba(255, 255, 255, 0.12);
}
popover.background modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.background modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.background.menu button,
popover.background button.model {
min-height: 32px;
@ -3442,8 +3502,11 @@ treeview.view > header > button:active, row.activatable.has-open-popup, row.acti
background-size: 100% 100%;
}
button:hover row, button:active row, button:checked row {
button row, button row:hover, button row.has-open-popup, button row:active {
background-color: transparent;
box-shadow: none;
background-image: none;
transition: none;
}
button:checked row {
@ -4430,8 +4493,7 @@ gridview > child:selected, row:selected, calendar:selected, calendar > grid > la
background-color: rgba(50, 129, 234, 0.2);
}
textview text selection:focus, textview text selection, label > selection,
entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected {
textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected {
color: white;
background-color: #3281EA;
}
@ -4834,12 +4896,22 @@ popover.entry-completion > contents {
#NautilusQueryEditor {
border-radius: 9999px;
color: rgba(255, 255, 255, 0.7);
}
#NautilusQueryEditor > menubutton > button {
min-width: 16px;
min-height: 16px;
#NautilusQueryEditor:focus-within {
color: white;
}
#NautilusQueryEditor:disabled {
color: rgba(255, 255, 255, 0.3);
}
#NautilusQueryEditor > menubutton > button.image-button {
min-width: 24px;
min-height: 24px;
margin: 0;
padding: 0;
}
#NautilusQueryEditor > text {
@ -4890,6 +4962,10 @@ window.dialog > box > stack > box > box > notebook.frame {
border-radius: 0;
}
window.background > contents > leaflet stack.background {
background-color: transparent;
}
.history-view {
background-color: #2C2C2C;
}
@ -5941,11 +6017,8 @@ tabbox:drop(active) {
}
leaflet {
outline-color: rgba(255, 255, 255, 0.1);
outline-width: 1px;
outline-style: solid;
outline-offset: -1px;
border-radius: 16px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
}
leaflet headerbar {

379
src/gtk/4.0/gtk-Dark.css
Unescape Escape View File

@ -277,12 +277,7 @@ spinner:checked:disabled {
/****************
* Text Entries *
****************/
spinbutton.vertical, spinbutton:not(.vertical),
entry {
min-height: 36px;
padding: 0 8px;
border-spacing: 6px;
border-radius: 12px;
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -292,8 +287,7 @@ entry {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical),
entry:focus-within {
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
@ -302,16 +296,14 @@ entry:focus-within {
outline-offset: -2px;
}
spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
entry:drop(active) {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: white;
outline: none;
}
spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
entry:disabled {
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
@ -321,48 +313,46 @@ entry:disabled {
opacity: 1;
}
spinbutton.vertical:disabled > label, spinbutton:disabled:not(.vertical) > label,
entry:disabled > label {
headerbar popover.background entry:disabled > label, entry:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
spinbutton.vertical image, spinbutton:not(.vertical) image,
entry image {
headerbar popover.background entry image, entry image {
color: rgba(255, 255, 255, 0.7);
}
spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
entry image:hover,
entry image:active {
headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active {
color: white;
}
spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
entry image:disabled {
headerbar popover.background entry image:disabled, entry image:disabled {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
entry {
min-height: 36px;
padding: 0 8px;
border-spacing: 6px;
border-radius: 12px;
}
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
entry image.left {
margin-left: 2px;
margin-right: 6px;
}
spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
entry image.right {
margin-left: 6px;
margin-right: 2px;
}
spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
@ -375,7 +365,6 @@ entry undershoot.left {
margin: 4px 0;
}
spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
entry undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
@ -388,7 +377,6 @@ entry undershoot.right {
margin: 4px 0;
}
spinbutton.error.vertical, spinbutton.error:not(.vertical),
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -398,18 +386,15 @@ entry.error {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.error.vertical image, spinbutton.error:not(.vertical) image,
entry.error image {
color: #F28B82;
}
spinbutton.error.vertical selection, spinbutton.error:not(.vertical) selection,
entry.error selection {
color: rgba(0, 0, 0, 0.87);
background-color: #F28B82;
}
spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical),
entry.error:focus-within {
background-color: rgba(242, 139, 130, 0.08);
color: #F28B82;
@ -419,7 +404,6 @@ entry.error:focus-within {
outline-offset: -2px;
}
spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(242, 139, 130, 0.04);
@ -430,12 +414,10 @@ entry.error:disabled {
opacity: 1;
}
spinbutton.error.vertical:disabled > label, spinbutton.error:disabled:not(.vertical) > label,
entry.error:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -445,18 +427,15 @@ entry.success {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.success.vertical image, spinbutton.success:not(.vertical) image,
entry.success image {
color: #81C995;
}
spinbutton.success.vertical selection, spinbutton.success:not(.vertical) selection,
entry.success selection {
color: rgba(0, 0, 0, 0.87);
background-color: #81C995;
}
spinbutton.success.vertical:focus-within, spinbutton.success:focus-within:not(.vertical),
entry.success:focus-within {
background-color: rgba(129, 201, 149, 0.08);
color: #81C995;
@ -466,7 +445,6 @@ entry.success:focus-within {
outline-offset: -2px;
}
spinbutton.success.vertical:disabled, spinbutton.success:disabled:not(.vertical),
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(129, 201, 149, 0.04);
@ -477,12 +455,10 @@ entry.success:disabled {
opacity: 1;
}
spinbutton.success.vertical:disabled > label, spinbutton.success:disabled:not(.vertical) > label,
entry.success:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -492,18 +468,15 @@ entry.warning {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.warning.vertical image, spinbutton.warning:not(.vertical) image,
entry.warning image {
color: #FDD633;
}
spinbutton.warning.vertical selection, spinbutton.warning:not(.vertical) selection,
entry.warning selection {
color: rgba(0, 0, 0, 0.87);
background-color: #FDD633;
}
spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical),
entry.warning:focus-within {
background-color: rgba(253, 214, 51, 0.08);
color: #FDD633;
@ -513,7 +486,6 @@ entry.warning:focus-within {
outline-offset: -2px;
}
spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(253, 214, 51, 0.04);
@ -524,14 +496,10 @@ entry.warning:disabled {
opacity: 1;
}
spinbutton.warning.vertical:disabled > label, spinbutton.warning:disabled:not(.vertical) > label,
entry.warning:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
spinbutton.vertical progress > trough > progress,
spinbutton:not(.vertical) progress > trough > progress,
entry > progress,
entry progress > trough > progress {
margin: 2px -8px;
@ -620,7 +588,7 @@ editablelabel > stack > text {
color: rgba(255, 255, 255, 0.5);
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -632,15 +600,15 @@ headerbar popover.background button:not(.suggested-action):not(.destructive-acti
color: white;
}
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action), button:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -648,7 +616,7 @@ headerbar popover.background button:active:not(.suggested-action):not(.destructi
background-size: 100% 100%;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
@ -656,21 +624,21 @@ headerbar popover.background button:disabled:not(.suggested-action):not(.destruc
opacity: 1;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat) > label, button:disabled > label {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action) > label, button:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked {
box-shadow: none;
background-color: #3281EA;
color: white;
}
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
@ -689,9 +657,9 @@ button:drop(active) {
}
.nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), windowcontrols button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, popover.menu modelbutton, spinbutton.vertical > button, spinbutton:not(.vertical) > button, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button,
dnd tab button.image-button, splitbutton.flat > button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
@ -706,9 +674,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
}
.nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), windowcontrols button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.menu modelbutton:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus,
dnd tab button.image-button:focus, splitbutton.flat > button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
@ -716,9 +684,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
}
.nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), windowcontrols button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.menu modelbutton:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover,
dnd tab button.image-button:hover, splitbutton.flat > button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -726,9 +694,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
}
.nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), windowcontrols button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.menu modelbutton:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active,
dnd tab button.image-button:active, splitbutton.flat > button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
@ -740,9 +708,9 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
}
.nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), windowcontrols button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.menu modelbutton:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled,
dnd tab button.image-button:disabled, splitbutton.flat > button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
box-shadow: none;
@ -752,7 +720,7 @@ combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.fla
tabbar tab button.image-button:checked,
dnd tab button.image-button:checked, splitbutton.flat > button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar popover.background button.flat:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
background-color: alpha(currentColor, 0.1);
@ -761,7 +729,7 @@ combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat
tabbar tab button.image-button:checked:disabled,
dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar popover.background button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
background-color: alpha(currentColor, 0.1);
@ -983,7 +951,7 @@ radio label, button.image-button label, button.close label, button.circular labe
padding: 0;
}
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton.vertical > button, spinbutton:not(.vertical) > button {
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton:not(.vertical) > button, spinbutton.vertical > button {
min-height: 24px;
min-width: 24px;
padding: 0;
@ -1003,39 +971,39 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
background-position: left 3px;
}
.linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
border-radius: 0;
}
.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
border-radius: 12px;
}
.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
border-radius: 0;
}
.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
border-radius: 12px;
}
@ -1105,31 +1073,64 @@ button.link > label {
/*****************
* GtkSpinButton *
*****************/
spinbutton:not(.vertical) {
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
border-radius: 12px;
padding: 0;
border-spacing: 0;
}
spinbutton:not(.vertical) > text {
min-width: 32px;
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(255, 255, 255, 0.04);
color: white;
box-shadow: inset 0 0 0 2px transparent;
outline-color: #3281EA;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
outline: none;
filter: none;
opacity: 1;
}
spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label {
color: rgba(255, 255, 255, 0.5);
}
spinbutton:not(.vertical) > text, spinbutton.vertical > text {
margin: 0;
padding-left: 12px;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
}
spinbutton:not(.vertical) > button {
margin: 0;
border: solid 6px transparent;
spinbutton:not(.vertical) > button, spinbutton.vertical > button {
padding: 0;
border: 6px solid transparent;
}
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled) {
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.vertical > button:focus:not(:hover):not(:active):not(:disabled) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(255, 255, 255, 0.7);
}
spinbutton:not(.vertical) > text {
min-width: 32px;
padding-left: 12px;
}
spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
margin-left: -3px;
}
@ -1138,35 +1139,16 @@ spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > butt
margin-right: -3px;
}
spinbutton.vertical {
padding: 0;
}
spinbutton.vertical:disabled {
color: rgba(255, 255, 255, 0.5);
}
spinbutton.vertical > text {
margin: 0;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
min-height: 36px;
min-width: 42px;
padding: 0;
}
spinbutton.vertical > button {
padding: 0;
border: solid 6px transparent;
}
spinbutton.vertical > button:focus:not(:hover):not(:active) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(255, 255, 255, 0.7);
}
spinbutton.vertical > button.up {
margin: 0 3px;
}
@ -1490,8 +1472,15 @@ headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructi
color: rgba(255, 255, 255, 0.3);
}
headerbar entry {
caret-color: white;
}
headerbar entry {
background-color: rgba(255, 255, 255, 0.04);
}
headerbar entry, headerbar entry > text {
color: white;
}
@ -1515,12 +1504,12 @@ headerbar entry image:disabled {
headerbar {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #2C2C2C;
color: white;
min-height: 48px;
padding: 0;
margin: 0;
border-radius: 18px 18px 0 0;
background-color: #2C2C2C;
}
headerbar:disabled {
@ -1528,8 +1517,8 @@ headerbar:disabled {
}
headerbar:backdrop {
background-color: #2C2C2C;
color: rgba(255, 255, 255, 0.7);
background-color: #2C2C2C;
}
headerbar:backdrop:disabled {
@ -1604,10 +1593,22 @@ headerbar button.toggle {
border-radius: 9999px;
}
headerbar popover.background > contents {
color: white;
}
headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle {
color: rgba(255, 255, 255, 0.7);
}
headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton {
border-radius: 5px;
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action) image {
color: white;
}
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
border-radius: 0;
}
@ -1631,10 +1632,39 @@ headerbar stackswitcher {
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
border-radius: 9999px;
color: rgba(255, 255, 255, 0.7);
}
box.vertical headerbar {
background-color: #2C2C2C;
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked {
color: white;
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active {
color: rgba(255, 255, 255, 0.7);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar > windowhandle > box {
@ -1768,6 +1798,35 @@ pathbar > button.slider-button {
padding-right: 4px;
}
.pathbar {
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.7);
border: none;
border-radius: 12px;
padding: 2px;
}
headerbar .pathbar {
margin-top: 6px;
margin-bottom: 6px;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.7);
}
.pathbar > button {
margin-top: 0;
margin-bottom: 0;
min-height: 20px;
border-radius: 10px;
border: none;
box-shadow: none;
}
.pathbar > button:last-child {
background-color: alpha(currentColor, 0.1);
color: white;
}
/**************
* Tree Views *
**************/
@ -2061,34 +2120,6 @@ popover.menu check.right {
margin-right: 0;
}
popover.menu modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 22px;
min-width: 56px;
padding: 3px 9px;
border-radius: 5px;
color: white;
font: initial;
text-shadow: none;
border-spacing: 6px;
}
popover.menu modelbutton accelerator {
color: rgba(255, 255, 255, 0.5);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(255, 255, 255, 0.12);
}
popover.menu modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.menu modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.menu label.title {
font-weight: bold;
padding: 4px 26px;
@ -2159,6 +2190,35 @@ popover.background .linked > button:not(.radio):only-child {
border-radius: 5px;
}
popover.background modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 22px;
min-width: 56px;
padding: 3px 9px;
border-radius: 5px;
color: white;
font: initial;
text-shadow: none;
border-spacing: 6px;
}
popover.background modelbutton accelerator {
color: rgba(255, 255, 255, 0.5);
margin-left: 30px;
}
popover.background modelbutton accelerator:disabled {
color: rgba(255, 255, 255, 0.12);
}
popover.background modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.background modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.background.menu button,
popover.background button.model {
min-height: 32px;
@ -3442,8 +3502,11 @@ treeview.view > header > button:active, row.activatable.has-open-popup, row.acti
background-size: 100% 100%;
}
button:hover row, button:active row, button:checked row {
button row, button row:hover, button row.has-open-popup, button row:active {
background-color: transparent;
box-shadow: none;
background-image: none;
transition: none;
}
button:checked row {
@ -4430,8 +4493,7 @@ gridview > child:selected, row:selected, calendar:selected, calendar > grid > la
background-color: rgba(50, 129, 234, 0.2);
}
textview text selection:focus, textview text selection, label > selection,
entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected {
textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected {
color: white;
background-color: #3281EA;
}
@ -4834,12 +4896,22 @@ popover.entry-completion > contents {
#NautilusQueryEditor {
border-radius: 9999px;
color: rgba(255, 255, 255, 0.7);
}
#NautilusQueryEditor > menubutton > button {
min-width: 16px;
min-height: 16px;
#NautilusQueryEditor:focus-within {
color: white;
}
#NautilusQueryEditor:disabled {
color: rgba(255, 255, 255, 0.3);
}
#NautilusQueryEditor > menubutton > button.image-button {
min-width: 28px;
min-height: 28px;
margin: 0;
padding: 0;
}
#NautilusQueryEditor > text {
@ -4890,6 +4962,10 @@ window.dialog > box > stack > box > box > notebook.frame {
border-radius: 0;
}
window.background > contents > leaflet stack.background {
background-color: transparent;
}
.history-view {
background-color: #2C2C2C;
}
@ -5941,11 +6017,8 @@ tabbox:drop(active) {
}
leaflet {
outline-color: rgba(255, 255, 255, 0.1);
outline-width: 1px;
outline-style: solid;
outline-offset: -1px;
border-radius: 18px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
}
leaflet headerbar {

379
src/gtk/4.0/gtk-Light-Compact.css
Unescape Escape View File

@ -277,12 +277,7 @@ spinner:checked:disabled {
/****************
* Text Entries *
****************/
spinbutton.vertical, spinbutton:not(.vertical),
entry {
min-height: 32px;
padding: 0 8px;
border-spacing: 4px;
border-radius: 10px;
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -292,8 +287,7 @@ entry {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical),
entry:focus-within {
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
@ -302,16 +296,14 @@ entry:focus-within {
outline-offset: -2px;
}
spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
entry:drop(active) {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: rgba(0, 0, 0, 0.87);
outline: none;
}
spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
entry:disabled {
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -321,48 +313,46 @@ entry:disabled {
opacity: 1;
}
spinbutton.vertical:disabled > label, spinbutton:disabled:not(.vertical) > label,
entry:disabled > label {
headerbar popover.background entry:disabled > label, entry:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
spinbutton.vertical image, spinbutton:not(.vertical) image,
entry image {
headerbar popover.background entry image, entry image {
color: rgba(0, 0, 0, 0.6);
}
spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
entry image:hover,
entry image:active {
headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active {
color: rgba(0, 0, 0, 0.87);
}
spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
entry image:disabled {
headerbar popover.background entry image:disabled, entry image:disabled {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
entry {
min-height: 32px;
padding: 0 8px;
border-spacing: 4px;
border-radius: 10px;
}
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
entry image.left {
margin-left: 0px;
margin-right: 6px;
}
spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
entry image.right {
margin-left: 6px;
margin-right: 0px;
}
spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
@ -375,7 +365,6 @@ entry undershoot.left {
margin: 4px 0;
}
spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
entry undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
@ -388,7 +377,6 @@ entry undershoot.right {
margin: 4px 0;
}
spinbutton.error.vertical, spinbutton.error:not(.vertical),
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -398,18 +386,15 @@ entry.error {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.error.vertical image, spinbutton.error:not(.vertical) image,
entry.error image {
color: #D93025;
}
spinbutton.error.vertical selection, spinbutton.error:not(.vertical) selection,
entry.error selection {
color: white;
background-color: #D93025;
}
spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical),
entry.error:focus-within {
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
@ -419,7 +404,6 @@ entry.error:focus-within {
outline-offset: -2px;
}
spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(217, 48, 37, 0.04);
@ -430,12 +414,10 @@ entry.error:disabled {
opacity: 1;
}
spinbutton.error.vertical:disabled > label, spinbutton.error:disabled:not(.vertical) > label,
entry.error:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -445,18 +427,15 @@ entry.success {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.success.vertical image, spinbutton.success:not(.vertical) image,
entry.success image {
color: #0F9D58;
}
spinbutton.success.vertical selection, spinbutton.success:not(.vertical) selection,
entry.success selection {
color: white;
background-color: #0F9D58;
}
spinbutton.success.vertical:focus-within, spinbutton.success:focus-within:not(.vertical),
entry.success:focus-within {
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
@ -466,7 +445,6 @@ entry.success:focus-within {
outline-offset: -2px;
}
spinbutton.success.vertical:disabled, spinbutton.success:disabled:not(.vertical),
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(15, 157, 88, 0.04);
@ -477,12 +455,10 @@ entry.success:disabled {
opacity: 1;
}
spinbutton.success.vertical:disabled > label, spinbutton.success:disabled:not(.vertical) > label,
entry.success:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -492,18 +468,15 @@ entry.warning {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.warning.vertical image, spinbutton.warning:not(.vertical) image,
entry.warning image {
color: #F4B400;
}
spinbutton.warning.vertical selection, spinbutton.warning:not(.vertical) selection,
entry.warning selection {
color: rgba(0, 0, 0, 0.87);
background-color: #F4B400;
}
spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical),
entry.warning:focus-within {
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
@ -513,7 +486,6 @@ entry.warning:focus-within {
outline-offset: -2px;
}
spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(244, 180, 0, 0.04);
@ -524,14 +496,10 @@ entry.warning:disabled {
opacity: 1;
}
spinbutton.warning.vertical:disabled > label, spinbutton.warning:disabled:not(.vertical) > label,
entry.warning:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
spinbutton.vertical progress > trough > progress,
spinbutton:not(.vertical) progress > trough > progress,
entry > progress,
entry progress > trough > progress {
margin: 2px -8px;
@ -620,7 +588,7 @@ infobar.warning > revealer > box button:checked:disabled, popover.background.tou
color: rgba(255, 255, 255, 0.5);
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -632,15 +600,15 @@ headerbar popover.background button:not(.suggested-action):not(.destructive-acti
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action), button:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -648,7 +616,7 @@ headerbar popover.background button:active:not(.suggested-action):not(.destructi
background-size: 100% 100%;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -656,21 +624,21 @@ headerbar popover.background button:disabled:not(.suggested-action):not(.destruc
opacity: 1;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat) > label, button:disabled > label {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action) > label, button:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked {
box-shadow: none;
background-color: #1A73E8;
color: white;
}
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -689,9 +657,9 @@ button:drop(active) {
}
.nautilus-window tabbar tab > button.flat, .nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), windowcontrols button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, popover.menu modelbutton, spinbutton.vertical > button, spinbutton:not(.vertical) > button, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button,
dnd tab button.image-button, splitbutton.flat > button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
@ -706,9 +674,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
}
.nautilus-window tabbar tab > button.flat:focus, .nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), windowcontrols button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.menu modelbutton:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus,
dnd tab button.image-button:focus, splitbutton.flat > button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
@ -716,9 +684,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
}
.nautilus-window tabbar tab > button.flat:hover, .nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), windowcontrols button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.menu modelbutton:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover,
dnd tab button.image-button:hover, splitbutton.flat > button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -726,9 +694,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
}
.nautilus-window tabbar tab > button.flat:active, .nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), windowcontrols button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.menu modelbutton:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active,
dnd tab button.image-button:active, splitbutton.flat > button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
@ -740,9 +708,9 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
}
.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), windowcontrols button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.menu modelbutton:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled,
dnd tab button.image-button:disabled, splitbutton.flat > button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
box-shadow: none;
@ -752,7 +720,7 @@ combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.fla
tabbar tab button.image-button:checked,
dnd tab button.image-button:checked, splitbutton.flat > button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar popover.background button.flat:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
background-color: alpha(currentColor, 0.1);
@ -761,7 +729,7 @@ combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat
tabbar tab button.image-button:checked:disabled,
dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar popover.background button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
background-color: alpha(currentColor, 0.1);
@ -983,7 +951,7 @@ radio label, button.image-button label, button.close label, button.circular labe
padding: 0;
}
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton.vertical > button, spinbutton:not(.vertical) > button {
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton:not(.vertical) > button, spinbutton.vertical > button {
min-height: 22px;
min-width: 22px;
padding: 0;
@ -1003,39 +971,39 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
background-position: left 3px;
}
.linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
border-radius: 0;
}
.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
border-radius: 10px;
}
.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
border-radius: 0;
}
.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
border-radius: 10px;
}
@ -1105,31 +1073,64 @@ button.link > label {
/*****************
* GtkSpinButton *
*****************/
spinbutton:not(.vertical) {
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
border-radius: 10px;
padding: 0;
border-spacing: 0;
}
spinbutton:not(.vertical) > text {
min-width: 24px;
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
outline: none;
filter: none;
opacity: 1;
}
spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton:not(.vertical) > text, spinbutton.vertical > text {
margin: 0;
padding-left: 8px;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
}
spinbutton:not(.vertical) > button {
margin: 0;
border: solid 4px transparent;
spinbutton:not(.vertical) > button, spinbutton.vertical > button {
padding: 0;
border: 4px solid transparent;
}
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled) {
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.vertical > button:focus:not(:hover):not(:active):not(:disabled) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(0, 0, 0, 0.6);
}
spinbutton:not(.vertical) > text {
min-width: 24px;
padding-left: 8px;
}
spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
margin-left: -2px;
}
@ -1138,35 +1139,16 @@ spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > butt
margin-right: -2px;
}
spinbutton.vertical {
padding: 0;
}
spinbutton.vertical:disabled {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical > text {
margin: 0;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
min-height: 32px;
min-width: 36px;
padding: 0;
}
spinbutton.vertical > button {
padding: 0;
border: solid 4px transparent;
}
spinbutton.vertical > button:focus:not(:hover):not(:active) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(0, 0, 0, 0.6);
}
spinbutton.vertical > button.up {
margin: 0 2px;
}
@ -1490,8 +1472,15 @@ headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructi
color: rgba(0, 0, 0, 0.26);
}
headerbar entry {
caret-color: rgba(0, 0, 0, 0.87);
}
headerbar entry {
background-color: rgba(0, 0, 0, 0.04);
}
headerbar entry, headerbar entry > text {
color: rgba(0, 0, 0, 0.87);
}
@ -1515,12 +1504,12 @@ headerbar entry image:disabled {
headerbar {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
color: rgba(0, 0, 0, 0.87);
min-height: 40px;
padding: 0;
margin: 0;
border-radius: 16px 16px 0 0;
background-color: #FFFFFF;
}
headerbar:disabled {
@ -1528,8 +1517,8 @@ headerbar:disabled {
}
headerbar:backdrop {
background-color: #FFFFFF;
color: rgba(0, 0, 0, 0.6);
background-color: #FFFFFF;
}
headerbar:backdrop:disabled {
@ -1604,10 +1593,22 @@ headerbar button.toggle {
border-radius: 9999px;
}
headerbar popover.background > contents {
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle {
color: rgba(0, 0, 0, 0.6);
}
headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton {
border-radius: 5px;
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action) image {
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
border-radius: 0;
}
@ -1631,10 +1632,39 @@ headerbar stackswitcher {
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
border-radius: 9999px;
color: rgba(0, 0, 0, 0.6);
}
box.vertical headerbar {
background-color: #FFFFFF;
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked {
color: rgba(0, 0, 0, 0.87);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled {
color: rgba(0, 0, 0, 0.26);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop {
color: rgba(0, 0, 0, 0.38);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active {
color: rgba(0, 0, 0, 0.6);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled {
color: rgba(0, 0, 0, 0.26);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar > windowhandle > box {
@ -1768,6 +1798,35 @@ pathbar > button.slider-button {
padding-right: 4px;
}
.pathbar {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
border: none;
border-radius: 10px;
padding: 2px;
}
headerbar .pathbar {
margin-top: 4px;
margin-bottom: 4px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
}
.pathbar > button {
margin-top: 0;
margin-bottom: 0;
min-height: 20px;
border-radius: 8px;
border: none;
box-shadow: none;
}
.pathbar > button:last-child {
background-color: alpha(currentColor, 0.1);
color: rgba(0, 0, 0, 0.87);
}
/**************
* Tree Views *
**************/
@ -2061,34 +2120,6 @@ popover.menu check.right {
margin-right: 0;
}
popover.menu modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 20px;
min-width: 48px;
padding: 2px 6px;
border-radius: 5px;
color: rgba(0, 0, 0, 0.87);
font: initial;
text-shadow: none;
border-spacing: 4px;
}
popover.menu modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
}
popover.menu modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.menu modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.menu label.title {
font-weight: bold;
padding: 4px 24px;
@ -2159,6 +2190,35 @@ popover.background .linked > button:not(.radio):only-child {
border-radius: 5px;
}
popover.background modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 20px;
min-width: 48px;
padding: 2px 6px;
border-radius: 5px;
color: rgba(0, 0, 0, 0.87);
font: initial;
text-shadow: none;
border-spacing: 4px;
}
popover.background modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
margin-left: 20px;
}
popover.background modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
}
popover.background modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.background modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.background.menu button,
popover.background button.model {
min-height: 32px;
@ -3442,8 +3502,11 @@ treeview.view > header > button:active, row.activatable.has-open-popup, row.acti
background-size: 100% 100%;
}
button:hover row, button:active row, button:checked row {
button row, button row:hover, button row.has-open-popup, button row:active {
background-color: transparent;
box-shadow: none;
background-image: none;
transition: none;
}
button:checked row {
@ -4430,8 +4493,7 @@ gridview > child:selected, row:selected, calendar:selected, calendar > grid > la
background-color: rgba(26, 115, 232, 0.2);
}
textview text selection:focus, textview text selection, label > selection,
entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected {
textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected {
color: white;
background-color: #1A73E8;
}
@ -4833,12 +4895,22 @@ popover.entry-completion > contents {
#NautilusQueryEditor {
border-radius: 9999px;
color: rgba(0, 0, 0, 0.6);
}
#NautilusQueryEditor > menubutton > button {
min-width: 16px;
min-height: 16px;
#NautilusQueryEditor:focus-within {
color: rgba(0, 0, 0, 0.87);
}
#NautilusQueryEditor:disabled {
color: rgba(0, 0, 0, 0.26);
}
#NautilusQueryEditor > menubutton > button.image-button {
min-width: 24px;
min-height: 24px;
margin: 0;
padding: 0;
}
#NautilusQueryEditor > text {
@ -4889,6 +4961,10 @@ window.dialog > box > stack > box > box > notebook.frame {
border-radius: 0;
}
window.background > contents > leaflet stack.background {
background-color: transparent;
}
.history-view {
background-color: #FFFFFF;
}
@ -5940,11 +6016,8 @@ tabbox:drop(active) {
}
leaflet {
outline-color: rgba(255, 255, 255, 0.4);
outline-width: 1px;
outline-style: solid;
outline-offset: -1px;
border-radius: 16px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
}
leaflet headerbar {

379
src/gtk/4.0/gtk-Light.css
Unescape Escape View File

@ -277,12 +277,7 @@ spinner:checked:disabled {
/****************
* Text Entries *
****************/
spinbutton.vertical, spinbutton:not(.vertical),
entry {
min-height: 36px;
padding: 0 8px;
border-spacing: 6px;
border-radius: 12px;
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -292,8 +287,7 @@ entry {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical),
entry:focus-within {
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
@ -302,16 +296,14 @@ entry:focus-within {
outline-offset: -2px;
}
spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
entry:drop(active) {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: rgba(0, 0, 0, 0.87);
outline: none;
}
spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
entry:disabled {
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -321,48 +313,46 @@ entry:disabled {
opacity: 1;
}
spinbutton.vertical:disabled > label, spinbutton:disabled:not(.vertical) > label,
entry:disabled > label {
headerbar popover.background entry:disabled > label, entry:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
spinbutton.vertical image, spinbutton:not(.vertical) image,
entry image {
headerbar popover.background entry image, entry image {
color: rgba(0, 0, 0, 0.6);
}
spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
entry image:hover,
entry image:active {
headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active {
color: rgba(0, 0, 0, 0.87);
}
spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
entry image:disabled {
headerbar popover.background entry image:disabled, entry image:disabled {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
entry {
min-height: 36px;
padding: 0 8px;
border-spacing: 6px;
border-radius: 12px;
}
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
entry image.left {
margin-left: 2px;
margin-right: 6px;
}
spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
entry image.right {
margin-left: 6px;
margin-right: 2px;
}
spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
@ -375,7 +365,6 @@ entry undershoot.left {
margin: 4px 0;
}
spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
entry undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
@ -388,7 +377,6 @@ entry undershoot.right {
margin: 4px 0;
}
spinbutton.error.vertical, spinbutton.error:not(.vertical),
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -398,18 +386,15 @@ entry.error {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.error.vertical image, spinbutton.error:not(.vertical) image,
entry.error image {
color: #D93025;
}
spinbutton.error.vertical selection, spinbutton.error:not(.vertical) selection,
entry.error selection {
color: white;
background-color: #D93025;
}
spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical),
entry.error:focus-within {
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
@ -419,7 +404,6 @@ entry.error:focus-within {
outline-offset: -2px;
}
spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(217, 48, 37, 0.04);
@ -430,12 +414,10 @@ entry.error:disabled {
opacity: 1;
}
spinbutton.error.vertical:disabled > label, spinbutton.error:disabled:not(.vertical) > label,
entry.error:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -445,18 +427,15 @@ entry.success {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.success.vertical image, spinbutton.success:not(.vertical) image,
entry.success image {
color: #0F9D58;
}
spinbutton.success.vertical selection, spinbutton.success:not(.vertical) selection,
entry.success selection {
color: white;
background-color: #0F9D58;
}
spinbutton.success.vertical:focus-within, spinbutton.success:focus-within:not(.vertical),
entry.success:focus-within {
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
@ -466,7 +445,6 @@ entry.success:focus-within {
outline-offset: -2px;
}
spinbutton.success.vertical:disabled, spinbutton.success:disabled:not(.vertical),
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(15, 157, 88, 0.04);
@ -477,12 +455,10 @@ entry.success:disabled {
opacity: 1;
}
spinbutton.success.vertical:disabled > label, spinbutton.success:disabled:not(.vertical) > label,
entry.success:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -492,18 +468,15 @@ entry.warning {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.warning.vertical image, spinbutton.warning:not(.vertical) image,
entry.warning image {
color: #F4B400;
}
spinbutton.warning.vertical selection, spinbutton.warning:not(.vertical) selection,
entry.warning selection {
color: rgba(0, 0, 0, 0.87);
background-color: #F4B400;
}
spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical),
entry.warning:focus-within {
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
@ -513,7 +486,6 @@ entry.warning:focus-within {
outline-offset: -2px;
}
spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(244, 180, 0, 0.04);
@ -524,14 +496,10 @@ entry.warning:disabled {
opacity: 1;
}
spinbutton.warning.vertical:disabled > label, spinbutton.warning:disabled:not(.vertical) > label,
entry.warning:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
spinbutton.vertical progress > trough > progress,
spinbutton:not(.vertical) progress > trough > progress,
entry > progress,
entry progress > trough > progress {
margin: 2px -8px;
@ -620,7 +588,7 @@ infobar.warning > revealer > box button:checked:disabled, popover.background.tou
color: rgba(255, 255, 255, 0.5);
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -632,15 +600,15 @@ headerbar popover.background button:not(.suggested-action):not(.destructive-acti
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action), button:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -648,7 +616,7 @@ headerbar popover.background button:active:not(.suggested-action):not(.destructi
background-size: 100% 100%;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -656,21 +624,21 @@ headerbar popover.background button:disabled:not(.suggested-action):not(.destruc
opacity: 1;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat) > label, button:disabled > label {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action) > label, button:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked {
box-shadow: none;
background-color: #1A73E8;
color: white;
}
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -689,9 +657,9 @@ button:drop(active) {
}
.nautilus-window tabbar tab > button.flat, .nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), windowcontrols button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, popover.menu modelbutton, spinbutton.vertical > button, spinbutton:not(.vertical) > button, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button,
dnd tab button.image-button, splitbutton.flat > button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
@ -706,9 +674,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
}
.nautilus-window tabbar tab > button.flat:focus, .nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), windowcontrols button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.menu modelbutton:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus,
dnd tab button.image-button:focus, splitbutton.flat > button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
@ -716,9 +684,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
}
.nautilus-window tabbar tab > button.flat:hover, .nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), windowcontrols button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.menu modelbutton:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover,
dnd tab button.image-button:hover, splitbutton.flat > button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -726,9 +694,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
}
.nautilus-window tabbar tab > button.flat:active, .nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), windowcontrols button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.menu modelbutton:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active,
dnd tab button.image-button:active, splitbutton.flat > button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
@ -740,9 +708,9 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
}
.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), windowcontrols button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.menu modelbutton:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled,
dnd tab button.image-button:disabled, splitbutton.flat > button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
box-shadow: none;
@ -752,7 +720,7 @@ combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.fla
tabbar tab button.image-button:checked,
dnd tab button.image-button:checked, splitbutton.flat > button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar popover.background button.flat:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
background-color: alpha(currentColor, 0.1);
@ -761,7 +729,7 @@ combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat
tabbar tab button.image-button:checked:disabled,
dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar popover.background button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
background-color: alpha(currentColor, 0.1);
@ -983,7 +951,7 @@ radio label, button.image-button label, button.close label, button.circular labe
padding: 0;
}
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton.vertical > button, spinbutton:not(.vertical) > button {
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton:not(.vertical) > button, spinbutton.vertical > button {
min-height: 24px;
min-width: 24px;
padding: 0;
@ -1003,39 +971,39 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
background-position: left 3px;
}
.linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
border-radius: 0;
}
.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
border-radius: 12px;
}
.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
border-radius: 0;
}
.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
border-radius: 12px;
}
@ -1105,31 +1073,64 @@ button.link > label {
/*****************
* GtkSpinButton *
*****************/
spinbutton:not(.vertical) {
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
border-radius: 12px;
padding: 0;
border-spacing: 0;
}
spinbutton:not(.vertical) > text {
min-width: 32px;
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
outline: none;
filter: none;
opacity: 1;
}
spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton:not(.vertical) > text, spinbutton.vertical > text {
margin: 0;
padding-left: 12px;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
}
spinbutton:not(.vertical) > button {
margin: 0;
border: solid 6px transparent;
spinbutton:not(.vertical) > button, spinbutton.vertical > button {
padding: 0;
border: 6px solid transparent;
}
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled) {
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.vertical > button:focus:not(:hover):not(:active):not(:disabled) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(0, 0, 0, 0.6);
}
spinbutton:not(.vertical) > text {
min-width: 32px;
padding-left: 12px;
}
spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
margin-left: -3px;
}
@ -1138,35 +1139,16 @@ spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > butt
margin-right: -3px;
}
spinbutton.vertical {
padding: 0;
}
spinbutton.vertical:disabled {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical > text {
margin: 0;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
min-height: 36px;
min-width: 42px;
padding: 0;
}
spinbutton.vertical > button {
padding: 0;
border: solid 6px transparent;
}
spinbutton.vertical > button:focus:not(:hover):not(:active) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(0, 0, 0, 0.6);
}
spinbutton.vertical > button.up {
margin: 0 3px;
}
@ -1490,8 +1472,15 @@ headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructi
color: rgba(0, 0, 0, 0.26);
}
headerbar entry {
caret-color: rgba(0, 0, 0, 0.87);
}
headerbar entry {
background-color: rgba(0, 0, 0, 0.04);
}
headerbar entry, headerbar entry > text {
color: rgba(0, 0, 0, 0.87);
}
@ -1515,12 +1504,12 @@ headerbar entry image:disabled {
headerbar {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
background-color: #FFFFFF;
color: rgba(0, 0, 0, 0.87);
min-height: 48px;
padding: 0;
margin: 0;
border-radius: 18px 18px 0 0;
background-color: #FFFFFF;
}
headerbar:disabled {
@ -1528,8 +1517,8 @@ headerbar:disabled {
}
headerbar:backdrop {
background-color: #FFFFFF;
color: rgba(0, 0, 0, 0.6);
background-color: #FFFFFF;
}
headerbar:backdrop:disabled {
@ -1604,10 +1593,22 @@ headerbar button.toggle {
border-radius: 9999px;
}
headerbar popover.background > contents {
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle {
color: rgba(0, 0, 0, 0.6);
}
headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton {
border-radius: 5px;
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action) image {
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
border-radius: 0;
}
@ -1631,10 +1632,39 @@ headerbar stackswitcher {
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
border-radius: 9999px;
color: rgba(0, 0, 0, 0.6);
}
box.vertical headerbar {
background-color: #FFFFFF;
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked {
color: rgba(0, 0, 0, 0.87);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled {
color: rgba(0, 0, 0, 0.26);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop {
color: rgba(0, 0, 0, 0.38);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active {
color: rgba(0, 0, 0, 0.6);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled {
color: rgba(0, 0, 0, 0.26);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar > windowhandle > box {
@ -1768,6 +1798,35 @@ pathbar > button.slider-button {
padding-right: 4px;
}
.pathbar {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
border: none;
border-radius: 12px;
padding: 2px;
}
headerbar .pathbar {
margin-top: 6px;
margin-bottom: 6px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
}
.pathbar > button {
margin-top: 0;
margin-bottom: 0;
min-height: 20px;
border-radius: 10px;
border: none;
box-shadow: none;
}
.pathbar > button:last-child {
background-color: alpha(currentColor, 0.1);
color: rgba(0, 0, 0, 0.87);
}
/**************
* Tree Views *
**************/
@ -2061,34 +2120,6 @@ popover.menu check.right {
margin-right: 0;
}
popover.menu modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 22px;
min-width: 56px;
padding: 3px 9px;
border-radius: 5px;
color: rgba(0, 0, 0, 0.87);
font: initial;
text-shadow: none;
border-spacing: 6px;
}
popover.menu modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
}
popover.menu modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.menu modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.menu label.title {
font-weight: bold;
padding: 4px 26px;
@ -2159,6 +2190,35 @@ popover.background .linked > button:not(.radio):only-child {
border-radius: 5px;
}
popover.background modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 22px;
min-width: 56px;
padding: 3px 9px;
border-radius: 5px;
color: rgba(0, 0, 0, 0.87);
font: initial;
text-shadow: none;
border-spacing: 6px;
}
popover.background modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
margin-left: 30px;
}
popover.background modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
}
popover.background modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.background modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.background.menu button,
popover.background button.model {
min-height: 32px;
@ -3442,8 +3502,11 @@ treeview.view > header > button:active, row.activatable.has-open-popup, row.acti
background-size: 100% 100%;
}
button:hover row, button:active row, button:checked row {
button row, button row:hover, button row.has-open-popup, button row:active {
background-color: transparent;
box-shadow: none;
background-image: none;
transition: none;
}
button:checked row {
@ -4430,8 +4493,7 @@ gridview > child:selected, row:selected, calendar:selected, calendar > grid > la
background-color: rgba(26, 115, 232, 0.2);
}
textview text selection:focus, textview text selection, label > selection,
entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected {
textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected {
color: white;
background-color: #1A73E8;
}
@ -4833,12 +4895,22 @@ popover.entry-completion > contents {
#NautilusQueryEditor {
border-radius: 9999px;
color: rgba(0, 0, 0, 0.6);
}
#NautilusQueryEditor > menubutton > button {
min-width: 16px;
min-height: 16px;
#NautilusQueryEditor:focus-within {
color: rgba(0, 0, 0, 0.87);
}
#NautilusQueryEditor:disabled {
color: rgba(0, 0, 0, 0.26);
}
#NautilusQueryEditor > menubutton > button.image-button {
min-width: 28px;
min-height: 28px;
margin: 0;
padding: 0;
}
#NautilusQueryEditor > text {
@ -4889,6 +4961,10 @@ window.dialog > box > stack > box > box > notebook.frame {
border-radius: 0;
}
window.background > contents > leaflet stack.background {
background-color: transparent;
}
.history-view {
background-color: #FFFFFF;
}
@ -5940,11 +6016,8 @@ tabbox:drop(active) {
}
leaflet {
outline-color: rgba(255, 255, 255, 0.4);
outline-width: 1px;
outline-style: solid;
outline-offset: -1px;
border-radius: 18px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
}
leaflet headerbar {

379
src/gtk/4.0/gtk.css
Unescape Escape View File

@ -277,12 +277,7 @@ spinner:checked:disabled {
/****************
* Text Entries *
****************/
spinbutton.vertical, spinbutton:not(.vertical),
entry {
min-height: 36px;
padding: 0 8px;
border-spacing: 6px;
border-radius: 12px;
headerbar popover.background entry, entry {
caret-color: currentColor;
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -292,8 +287,7 @@ entry {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.vertical:focus-within, spinbutton:focus-within:not(.vertical),
entry:focus-within {
headerbar popover.background entry:focus-within, entry:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
@ -302,16 +296,14 @@ entry:focus-within {
outline-offset: -2px;
}
spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical),
entry:drop(active) {
headerbar popover.background entry:drop(active), entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
color: rgba(0, 0, 0, 0.87);
outline: none;
}
spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical),
entry:disabled {
headerbar popover.background entry:disabled, entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -321,48 +313,46 @@ entry:disabled {
opacity: 1;
}
spinbutton.vertical:disabled > label, spinbutton:disabled:not(.vertical) > label,
entry:disabled > label {
headerbar popover.background entry:disabled > label, entry:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
spinbutton.vertical image, spinbutton:not(.vertical) image,
entry image {
headerbar popover.background entry image, entry image {
color: rgba(0, 0, 0, 0.6);
}
spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active,
entry image:hover,
entry image:active {
headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active {
color: rgba(0, 0, 0, 0.87);
}
spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled,
entry image:disabled {
headerbar popover.background entry image:disabled, entry image:disabled {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
entry {
min-height: 36px;
padding: 0 8px;
border-spacing: 6px;
border-radius: 12px;
}
entry.flat {
min-height: 0;
padding: 2px;
border-radius: 0;
background-color: transparent;
}
entry image.left {
margin-left: 2px;
margin-right: 6px;
}
spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
entry image.right {
margin-left: 6px;
margin-right: 2px;
}
spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
@ -375,7 +365,6 @@ entry undershoot.left {
margin: 4px 0;
}
spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right,
entry undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
@ -388,7 +377,6 @@ entry undershoot.right {
margin: 4px 0;
}
spinbutton.error.vertical, spinbutton.error:not(.vertical),
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -398,18 +386,15 @@ entry.error {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.error.vertical image, spinbutton.error:not(.vertical) image,
entry.error image {
color: #D93025;
}
spinbutton.error.vertical selection, spinbutton.error:not(.vertical) selection,
entry.error selection {
color: white;
background-color: #D93025;
}
spinbutton.error.vertical:focus-within, spinbutton.error:focus-within:not(.vertical),
entry.error:focus-within {
background-color: rgba(217, 48, 37, 0.08);
color: #D93025;
@ -419,7 +404,6 @@ entry.error:focus-within {
outline-offset: -2px;
}
spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical),
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(217, 48, 37, 0.04);
@ -430,12 +414,10 @@ entry.error:disabled {
opacity: 1;
}
spinbutton.error.vertical:disabled > label, spinbutton.error:disabled:not(.vertical) > label,
entry.error:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
entry.success {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -445,18 +427,15 @@ entry.success {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.success.vertical image, spinbutton.success:not(.vertical) image,
entry.success image {
color: #0F9D58;
}
spinbutton.success.vertical selection, spinbutton.success:not(.vertical) selection,
entry.success selection {
color: white;
background-color: #0F9D58;
}
spinbutton.success.vertical:focus-within, spinbutton.success:focus-within:not(.vertical),
entry.success:focus-within {
background-color: rgba(15, 157, 88, 0.08);
color: #0F9D58;
@ -466,7 +445,6 @@ entry.success:focus-within {
outline-offset: -2px;
}
spinbutton.success.vertical:disabled, spinbutton.success:disabled:not(.vertical),
entry.success:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(15, 157, 88, 0.04);
@ -477,12 +455,10 @@ entry.success:disabled {
opacity: 1;
}
spinbutton.success.vertical:disabled > label, spinbutton.success:disabled:not(.vertical) > label,
entry.success:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
@ -492,18 +468,15 @@ entry.warning {
box-shadow: inset 0 0 0 2px transparent;
}
spinbutton.warning.vertical image, spinbutton.warning:not(.vertical) image,
entry.warning image {
color: #F4B400;
}
spinbutton.warning.vertical selection, spinbutton.warning:not(.vertical) selection,
entry.warning selection {
color: rgba(0, 0, 0, 0.87);
background-color: #F4B400;
}
spinbutton.warning.vertical:focus-within, spinbutton.warning:focus-within:not(.vertical),
entry.warning:focus-within {
background-color: rgba(244, 180, 0, 0.08);
color: #F4B400;
@ -513,7 +486,6 @@ entry.warning:focus-within {
outline-offset: -2px;
}
spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical),
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(244, 180, 0, 0.04);
@ -524,14 +496,10 @@ entry.warning:disabled {
opacity: 1;
}
spinbutton.warning.vertical:disabled > label, spinbutton.warning:disabled:not(.vertical) > label,
entry.warning:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
spinbutton.vertical progress > trough > progress,
spinbutton:not(.vertical) progress > trough > progress,
entry > progress,
entry progress > trough > progress {
margin: 2px -8px;
@ -620,7 +588,7 @@ editablelabel > stack > text {
color: rgba(255, 255, 255, 0.5);
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -632,15 +600,15 @@ headerbar popover.background button:not(.suggested-action):not(.destructive-acti
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action), button:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms;
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -648,7 +616,7 @@ headerbar popover.background button:active:not(.suggested-action):not(.destructi
background-size: 100% 100%;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action), button:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -656,21 +624,21 @@ headerbar popover.background button:disabled:not(.suggested-action):not(.destruc
opacity: 1;
}
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat) > label, button:disabled > label {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action) > label, button:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked {
box-shadow: none;
background-color: #1A73E8;
color: white;
}
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
@ -689,9 +657,9 @@ button:drop(active) {
}
.nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), windowcontrols button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, popover.menu modelbutton, spinbutton.vertical > button, spinbutton:not(.vertical) > button, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button,
dnd tab button.image-button, splitbutton.flat > button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button,
toolbar button, dropdown > .linked:not(.vertical) > button:not(:only-child),
combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
@ -706,9 +674,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
}
.nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), windowcontrols button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.menu modelbutton:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus,
dnd tab button.image-button:focus, splitbutton.flat > button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
@ -716,9 +684,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
}
.nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), windowcontrols button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.menu modelbutton:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover,
dnd tab button.image-button:hover, splitbutton.flat > button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
@ -726,9 +694,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
}
.nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), windowcontrols button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.menu modelbutton:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active,
dnd tab button.image-button:active, splitbutton.flat > button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child),
combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:active {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
@ -740,9 +708,9 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
}
.nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), windowcontrols button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.menu modelbutton:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled,
dnd tab button.image-button:disabled, splitbutton.flat > button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled {
box-shadow: none;
@ -752,7 +720,7 @@ combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.fla
tabbar tab button.image-button:checked,
dnd tab button.image-button:checked, splitbutton.flat > button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message.csd .dialog-action-area > button:checked, .app-notification button:checked, headerbar popover.background button.flat:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover {
background-color: alpha(currentColor, 0.1);
@ -761,7 +729,7 @@ combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat
tabbar tab button.image-button:checked:disabled,
dnd tab button.image-button:checked:disabled, splitbutton.flat > button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message.csd .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar popover.background button.flat:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled {
background-color: alpha(currentColor, 0.1);
@ -983,7 +951,7 @@ radio label, button.image-button label, button.close label, button.circular labe
padding: 0;
}
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton.vertical > button, spinbutton:not(.vertical) > button {
.nautilus-window .floating-bar button, placessidebar .navigation-sidebar > row button.sidebar-button, notebook > header tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton:not(.vertical) > button, spinbutton.vertical > button {
min-height: 24px;
min-width: 24px;
padding: 0;
@ -1003,39 +971,39 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
background-position: left 3px;
}
.linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button {
border-radius: 0;
}
.linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child {
border-radius: 12px;
}
.linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button {
border-radius: 0;
}
.linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
.linked.vertical > entry:first-child, .linked.vertical > button:first-child {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
.linked.vertical > entry:last-child, .linked.vertical > button:last-child {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
.linked.vertical > entry:only-child, .linked.vertical > button:only-child {
border-radius: 12px;
}
@ -1105,31 +1073,64 @@ button.link > label {
/*****************
* GtkSpinButton *
*****************/
spinbutton:not(.vertical) {
spinbutton:not(.vertical), spinbutton.vertical {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: 0 solid transparent;
outline-offset: 2px;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
border-radius: 12px;
padding: 0;
border-spacing: 0;
}
spinbutton:not(.vertical) > text {
min-width: 32px;
spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.87);
box-shadow: inset 0 0 0 2px transparent;
outline-color: #1A73E8;
outline-width: 2px;
outline-offset: -2px;
}
spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled {
box-shadow: inset 0 0 0 2px transparent;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
outline: none;
filter: none;
opacity: 1;
}
spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label {
color: rgba(0, 0, 0, 0.38);
}
spinbutton:not(.vertical) > text, spinbutton.vertical > text {
margin: 0;
padding-left: 12px;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
}
spinbutton:not(.vertical) > button {
margin: 0;
border: solid 6px transparent;
spinbutton:not(.vertical) > button, spinbutton.vertical > button {
padding: 0;
border: 6px solid transparent;
}
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled) {
spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.vertical > button:focus:not(:hover):not(:active):not(:disabled) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(0, 0, 0, 0.6);
}
spinbutton:not(.vertical) > text {
min-width: 32px;
padding-left: 12px;
}
spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) {
margin-left: -3px;
}
@ -1138,35 +1139,16 @@ spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > butt
margin-right: -3px;
}
spinbutton.vertical {
padding: 0;
}
spinbutton.vertical:disabled {
color: rgba(0, 0, 0, 0.38);
}
spinbutton.vertical > text {
margin: 0;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
min-height: 36px;
min-width: 42px;
padding: 0;
}
spinbutton.vertical > button {
padding: 0;
border: solid 6px transparent;
}
spinbutton.vertical > button:focus:not(:hover):not(:active) {
box-shadow: inset 0 0 0 9999px transparent;
color: rgba(0, 0, 0, 0.6);
}
spinbutton.vertical > button.up {
margin: 0 3px;
}
@ -1490,8 +1472,15 @@ headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructi
color: rgba(255, 255, 255, 0.3);
}
headerbar entry {
caret-color: white;
}
headerbar entry {
background-color: rgba(255, 255, 255, 0.04);
}
headerbar entry, headerbar entry > text {
color: white;
}
@ -1515,12 +1504,12 @@ headerbar entry image:disabled {
headerbar {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
background-color: #2C2C2C;
color: white;
min-height: 48px;
padding: 0;
margin: 0;
border-radius: 18px 18px 0 0;
background-color: transparent;
}
headerbar:disabled {
@ -1528,8 +1517,8 @@ headerbar:disabled {
}
headerbar:backdrop {
background-color: #2C2C2C;
color: rgba(255, 255, 255, 0.7);
background-color: transparent;
}
headerbar:backdrop:disabled {
@ -1604,10 +1593,22 @@ headerbar button.toggle {
border-radius: 9999px;
}
headerbar popover.background > contents {
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle {
color: rgba(0, 0, 0, 0.6);
}
headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton {
border-radius: 5px;
}
headerbar popover.background button:not(.suggested-action):not(.destructive-action) image {
color: rgba(0, 0, 0, 0.87);
}
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
border-radius: 0;
}
@ -1631,10 +1632,39 @@ headerbar stackswitcher {
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button {
border-radius: 9999px;
color: rgba(255, 255, 255, 0.7);
}
box.vertical headerbar {
background-color: #2C2C2C;
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked {
color: white;
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active {
color: rgba(255, 255, 255, 0.7);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked {
color: rgba(255, 255, 255, 0.5);
}
headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled {
color: rgba(255, 255, 255, 0.3);
}
headerbar > windowhandle > box {
@ -1768,6 +1798,35 @@ pathbar > button.slider-button {
padding-right: 4px;
}
.pathbar {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.6);
border: none;
border-radius: 12px;
padding: 2px;
}
headerbar .pathbar {
margin-top: 6px;
margin-bottom: 6px;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.7);
}
.pathbar > button {
margin-top: 0;
margin-bottom: 0;
min-height: 20px;
border-radius: 10px;
border: none;
box-shadow: none;
}
.pathbar > button:last-child {
background-color: alpha(currentColor, 0.1);
color: rgba(0, 0, 0, 0.87);
}
/**************
* Tree Views *
**************/
@ -2061,34 +2120,6 @@ popover.menu check.right {
margin-right: 0;
}
popover.menu modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 22px;
min-width: 56px;
padding: 3px 9px;
border-radius: 5px;
color: rgba(0, 0, 0, 0.87);
font: initial;
text-shadow: none;
border-spacing: 6px;
}
popover.menu modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
}
popover.menu modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.menu modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.menu label.title {
font-weight: bold;
padding: 4px 26px;
@ -2159,6 +2190,35 @@ popover.background .linked > button:not(.radio):only-child {
border-radius: 5px;
}
popover.background modelbutton {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 22px;
min-width: 56px;
padding: 3px 9px;
border-radius: 5px;
color: rgba(0, 0, 0, 0.87);
font: initial;
text-shadow: none;
border-spacing: 6px;
}
popover.background modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
margin-left: 30px;
}
popover.background modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
}
popover.background modelbutton arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
popover.background modelbutton arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
popover.background.menu button,
popover.background button.model {
min-height: 32px;
@ -3442,8 +3502,11 @@ treeview.view > header > button:active, row.activatable.has-open-popup, row.acti
background-size: 100% 100%;
}
button:hover row, button:active row, button:checked row {
button row, button row:hover, button row.has-open-popup, button row:active {
background-color: transparent;
box-shadow: none;
background-image: none;
transition: none;
}
button:checked row {
@ -4435,8 +4498,7 @@ gridview > child:selected, row:selected, calendar:selected, calendar > grid > la
background-color: rgba(26, 115, 232, 0.2);
}
textview text selection:focus, textview text selection, label > selection,
entry > text > selection, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > selection, calendar > grid > label.today:selected {
textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected {
color: white;
background-color: #1A73E8;
}
@ -4869,12 +4931,22 @@ popover.entry-completion > contents {
#NautilusQueryEditor {
border-radius: 9999px;
color: rgba(255, 255, 255, 0.7);
}
#NautilusQueryEditor > menubutton > button {
min-width: 16px;
min-height: 16px;
#NautilusQueryEditor:focus-within {
color: white;
}
#NautilusQueryEditor:disabled {
color: rgba(255, 255, 255, 0.3);
}
#NautilusQueryEditor > menubutton > button.image-button {
min-width: 28px;
min-height: 28px;
margin: 0;
padding: 0;
}
#NautilusQueryEditor > text {
@ -4925,6 +4997,10 @@ window.dialog > box > stack > box > box > notebook.frame {
border-radius: 0;
}
window.background > contents > leaflet stack.background {
background-color: transparent;
}
.history-view {
background-color: #FFFFFF;
}
@ -5976,11 +6052,8 @@ tabbox:drop(active) {
}
leaflet {
outline-color: rgba(255, 255, 255, 0.1);
outline-width: 1px;
outline-style: solid;
outline-offset: -1px;
border-radius: 18px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
}
leaflet headerbar {

Write Preview
Loading…
Cancel
Save