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

update

Browse Source
pull/233/head
Vince 4 years ago
parent 2b5aa42409
commit d54ce1ee48
11 changed files with 831 additions and 550 deletions
Show Stats Download Patch File Download Diff File

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

@ -131,6 +131,8 @@ label {
> selection { @extend %selected_items_primary; }
&:disabled {
opacity: 1;
filter: none;
color: $text-disabled;
// selection { color: $text-disabled; }
@ -623,8 +625,6 @@ button {
&:checked { background-color: rgba($b_color, 0.3); }
}
.osd & { }
}
}
@ -727,18 +727,6 @@ button {
}
}
/* menu buttons */
modelbutton.flat {
@extend %button-flat-simple;
&:selected { @extend %selected_items; }
}
modelbutton.flat arrow {
&.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
&.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
}
button.color {
min-height: $small-size;
min-width: $small-size;
@ -1199,15 +1187,37 @@ headerbar {
box-shadow: none;
}
// The separator for split headerbars
headerbar + separator {
background-color: $titlebar-divider;
splitbutton {
border-radius: $circular-radius;
> button, > menubutton > button {
min-height: 24px;
min-width: 24px;
padding: ($medium-size - 24px) / 2;
border-radius: $circular-radius;
}
> button:dir(ltr),
> menubutton > button:dir(rtl) {
border-top-right-radius: $circular-radius;
border-bottom-right-radius: $circular-radius;
}
> button:dir(rtl),
> menubutton > button:dir(ltr) {
border-top-left-radius: $circular-radius;
border-bottom-left-radius: $circular-radius;
}
}
entry { @extend %titlebar-entry; }
.linked:not(.vertical) > entry:not(:only-child) { border-radius: $corner-radius; }
button:not(.suggested-action):not(.destructive-action) {
@extend %titlebar-button;
}
button.suggested-action, button.destructive-action {
&:disabled {
background-color: $titlebar-fill;
@ -1217,6 +1227,16 @@ headerbar {
button.toggle { border-radius: $circular-radius; }
popover.background {
button:not(.suggested-action):not(.destructive-action):not(.flat) {
@extend %button-basic;
}
.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) {
@extend %linked;
}
}
stackswitcher { // reset
margin: $space-size 0;
border-radius: $circular-radius;
@ -1244,8 +1264,7 @@ headerbar {
entry,
spinbutton,
button,
stackswitcher,
separator {
stackswitcher {
margin-top: $space-size;
margin-bottom: $space-size;
}
@ -1257,16 +1276,6 @@ headerbar {
margin-bottom: 0;
}
button:not(.suggested-action):not(.destructive-action) {
@extend %titlebar-button;
}
separator:not(.sidebar) {
margin-top: $large-size / 4;
margin-bottom: $large-size / 4;
background-color: $titlebar-divider;
}
switch {
margin-top: ($large-size - 24px) / 2;
margin-bottom: ($large-size - 24px) / 2;
@ -1647,6 +1656,11 @@ popover.menu {
}
&:disabled { color: $text-disabled; }
arrow {
&.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
&.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
}
}
label.title {
@ -1722,8 +1736,6 @@ popover.background {
&.menu button,
button.model {
@extend %button-flat;
min-height: 32px;
padding: 0 8px;
border-radius: $menuitem-radius;
@ -2846,12 +2858,8 @@ scrolledwindow {
// }
@at-root junction { // the small square between two scrollbars
border-style: solid none none solid;
border-width: 1px;
border-color: $divider;
border: none;
background-color: $base;
&:dir(rtl) { border-style: solid solid none none; }
}
}
@ -2862,7 +2870,7 @@ separator {
background-color: $divider;
&.spacer {
background: none;
background-color: transparent;
&.horizontal { min-width: $space-size * 2; }
&.vertical { min-height: $space-size * 2; }
@ -3504,8 +3512,8 @@ separator.sidebar {
> row {
min-height: $small-size;
padding: $space-size $space-size * 1.5;
border-radius: $corner-radius / 2;
margin: 0 $space-size;
border-radius: 0 $circular-radius $circular-radius 0;
margin: 0 $space-size 0 0;
&:hover,
&:focus-visible:focus-within {
@ -3513,7 +3521,8 @@ separator.sidebar {
}
&:selected {
@extend %selected_items_color;
background-color: $overlay-checked;
color: $primary;
label, image { color: $primary; }

10
src/_sass/gtk/_drawing-4.0.scss
Unescape Escape View File

@ -43,6 +43,8 @@
color: $text-disabled;
color: if($fc == $primary, $text-disabled, rgba($fc, 0.35));
outline: none;
filter: none;
opacity: 1;
}
@if $t == raised-normal {
@ -70,6 +72,8 @@
background-color: $base-alt;
color: $text-disabled;
outline: none;
filter: none;
opacity: 1;
}
}
@ -108,6 +112,8 @@
box-shadow: none;
background-color: $fill;
color: $text-disabled;
filter: none;
opacity: 1;
}
@if $t == checked {
@ -154,6 +160,8 @@
box-shadow: none;
background-color: transparent;
color: $text-secondary-disabled;
filter: none;
opacity: 1;
}
@if $t == flat-checked {
@ -164,6 +172,8 @@
@if $t == flat-checked-disabled {
background-color: $overlay-checked;
color: $text-disabled;
filter: none;
opacity: 1;
}
}

66
src/_sass/gtk/apps/_gnome-3.22.scss
Unescape Escape View File

@ -628,39 +628,39 @@ frame.gedit-map-frame > border {
* Tweaks *
**********/
%circular_list {
border-radius: $corner-radius + 1px;
box-shadow: none;
border: 1px solid $divider;
}
%circular_row {
&:first-child {
border-top-left-radius: $corner-radius;
border-top-right-radius: $corner-radius;
}
&:last-child { // Not use ?
border-bottom-left-radius: $corner-radius;
border-bottom-right-radius: $corner-radius;
}
&:only-child {
border-radius: $corner-radius;
}
}
%sidebar_row {
margin-right: 4px;
border-radius: 0 $circular-radius $circular-radius 0;
&:selected {
background-color: $overlay-checked;
color: $primary;
image, label { color: $primary; }
}
}
%circular_list {
border-radius: $corner-radius + 1px;
box-shadow: none;
border: 1px solid $divider;
}
%circular_row {
&:first-child {
border-top-left-radius: $corner-radius;
border-top-right-radius: $corner-radius;
}
&:last-child { // Not use ?
border-bottom-left-radius: $corner-radius;
border-bottom-right-radius: $corner-radius;
}
&:only-child {
border-radius: $corner-radius;
}
}
%sidebar_row {
margin-right: 4px;
border-radius: 0 $circular-radius $circular-radius 0;
&:selected {
background-color: $overlay-checked;
color: $primary;
image, label { color: $primary; }
}
}
// the sidebar
.tweak-categories {

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

@ -25,69 +25,74 @@
border-radius: $window-radius - $space-size;
background-color: if($topbar == 'dark' and $variant == 'light', transparent, rgba($primary, 0.08));
overshoot {
&.top { border-radius: $window-radius - $space-size $window-radius - $space-size 0 0; }
&.bottom { border-radius: 0 0 $window-radius - $space-size $window-radius - $space-size; }
}
> viewport {
> list.navigation-sidebar {
padding: $space-size * 2 0 $space-size * 2 0;
background: none;
border-radius: $window-radius - $space-size;
> separator { background: none; }
> row.activatable {
border-radius: 0;
padding: 0;
margin: -8px 0 -8px 0;
&, &:focus, &:hover, &:active {
background: none;
box-shadow: none;
}
&, image.sidebar-icon, label.sidebar-label {
color: $titlebar-text-secondary;
}
image.sidebar-icon {
padding-right: 8px;
}
label.sidebar-label {
color: inherit;
min-height: 54px;
padding: 0 0 0 4px;
}
&.sidebar-placeholder-row { background-color: transparent; }
&:drop(active) {
border-radius: 0;
@if $topbar == 'dark' {
border-radius: $circular_radius 0 0 $circular_radius;
}
background-color: rgba($drop_target_color, 0.1);
&, image.sidebar-icon, label.sidebar-label {
color: $drop_target_color;
}
}
button.sidebar-button {
@if $topbar == 'dark' { @extend %button-on-dark; }
}
&:hover {
image.sidebar-icon, label.sidebar-label { color: $primary; }
}
&:selected {
background-color: transparent;
font-weight: 700;
// font-size: larger;
image.sidebar-icon { color: $primary; }
label.sidebar-label {
color: $primary;
background-color: $base;
@ -99,20 +104,20 @@
border-image-source: -gtk-scaled(url("assets/row-selected#{$blackness-asset-suffix}#{$theme-asset-suffix}.png"),
url("assets/row-selected#{$blackness-asset-suffix}#{$theme-asset-suffix}@2.png"));
}
revealer.sidebar-revealer {
padding-right: 0;
}
button.sidebar-button {
margin-right: 8px;
margin-left: -32px;
color: $primary;
@extend %button-flat-simple;
}
}
&:disabled {
&, image.sidebar-icon, label.sidebar-label {
color: $titlebar-text-secondary-disabled;
@ -123,14 +128,13 @@
}
> scrollbar {
margin-top: $space-size;
margin-bottom: $space-size;
margin: $space-size / 2 $space-size / 2 $space-size / 2 0;
background: none;
border: none;
> range > though {
though {
background: none;
> slider {
border: none;
}
@ -188,13 +192,13 @@
margin: $space-size / 2;
> revealer > box {
border-radius: $corner-radius + $space-size;
border-radius: $space-size;
}
}
label.search-information {
margin: $space-size / 2;
border-radius: $corner-radius;
border-radius: $space-size;
}
.floating-bar {
@ -204,6 +208,7 @@
border: none;
border-radius: $circular-radius;
background-color: rgba($background, 0.95);
box-shadow: none;
button {
margin: (32px - $small-size) / 2;

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

@ -212,6 +212,11 @@ menubutton {
splitbutton {
border-radius: $corner-radius;
&:disabled {
filter: none;
opacity: 1;
}
&, & > separator {
transition: $transition;
transition-property: background;
@ -224,16 +229,16 @@ splitbutton {
}
> menubutton > button {
padding-left: $space-size - 2px;
padding-right: $space-size - 2px;
padding-left: $space-size;
padding-right: $space-size;
}
// Since the inner button doesn't have any style classes on it,
// we have to add them manually
&.image-button > button {
min-height: 24px;
min-width: 24px;
padding-left: $space-size;
padding-right: $space-size;
padding: ($medium-size - 24px) / 2;
}
&.text-button.image-button > button,
@ -251,14 +256,14 @@ splitbutton {
> menubutton > button:dir(rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -1px;
margin-right: 0;
}
> button:dir(rtl),
> menubutton > button:dir(ltr) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px;
margin-left: 0;
}
@at-root %flat_split_button,

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

@ -107,6 +107,8 @@ label.separator {
}
label:disabled {
opacity: 1;
filter: none;
color: rgba(0, 0, 0, 0.38);
}
@ -285,6 +287,8 @@ entry:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
@ -384,6 +388,8 @@ entry.error:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(217, 48, 37, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
@ -421,6 +427,8 @@ entry.success:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(15, 157, 88, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
@ -458,6 +466,8 @@ entry.warning:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(244, 180, 0, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
@ -550,7 +560,7 @@ editablelabel > stack > text {
color: rgba(255, 255, 255, 0.5);
}
button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -558,36 +568,38 @@ button {
color: rgba(0, 0, 0, 0.87);
}
button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
}
button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
box-shadow: none;
background-color: #1A73E8;
color: white;
}
button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), 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);
@ -607,10 +619,9 @@ button:drop(active) {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, columnview.view > header > button button.circular,
treeview.view > header > button button.circular, row.activatable button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.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, popover.background.menu button,
popover.background button.model, 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 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);
@ -622,10 +633,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, columnview.view > header > button button.circular:focus,
treeview.view > header > button button.circular:focus, row.activatable button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.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, popover.background.menu button:focus,
popover.background button.model: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 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);
@ -634,10 +644,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, columnview.view > header > button button.circular:hover,
treeview.view > header > button button.circular:hover, row.activatable button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.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, popover.background.menu button:hover,
popover.background button.model: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 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);
@ -646,10 +655,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, columnview.view > header > button button.circular:active,
treeview.view > header > button button.circular:active, row.activatable button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.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, popover.background.menu button:active,
popover.background button.model: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 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);
@ -659,21 +667,21 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, columnview.view > header > button button.circular:disabled,
treeview.view > header > button button.circular:disabled, row.activatable button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.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, popover.background.menu button:disabled,
popover.background button.model: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 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;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
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, popover.background.menu button:checked,
popover.background button.model: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 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);
@ -682,12 +690,13 @@ 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, popover.background.menu button:checked:disabled,
popover.background button.model: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 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);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.text-button {
@ -783,6 +792,8 @@ button.suggested-action:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.suggested-action:hover {
@ -810,6 +821,8 @@ button.suggested-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
button.suggested-action.flat:checked {
@ -826,6 +839,8 @@ button.destructive-action:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.destructive-action:hover {
@ -853,6 +868,8 @@ button.destructive-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
button.destructive-action.flat:checked {
@ -913,21 +930,21 @@ 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 {
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:first-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:last-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:only-child:not(.suggested-action):not(.destructive-action), .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 {
border-radius: 10px;
}
@ -949,15 +966,6 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
border-radius: 10px;
}
/* menu buttons */
modelbutton.flat arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
button.color {
min-height: 22px;
min-width: 22px;
@ -1239,6 +1247,8 @@ button.combo:only-child:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
.app-notification, .toolbar.osd,
@ -1477,8 +1487,27 @@ headerbar headerbar {
box-shadow: none;
}
headerbar headerbar + separator {
background-color: rgba(255, 255, 255, 0.12);
headerbar splitbutton {
border-radius: 9999px;
}
headerbar splitbutton > button, headerbar splitbutton > menubutton > button {
min-height: 24px;
min-width: 24px;
padding: 4px;
border-radius: 9999px;
}
headerbar splitbutton > button:dir(ltr),
headerbar splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
headerbar splitbutton > button:dir(rtl),
headerbar splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
headerbar .linked:not(.vertical) > entry:not(:only-child) {
@ -1520,8 +1549,7 @@ headerbar > windowhandle > box > box.end {
headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar stackswitcher,
headerbar separator {
headerbar stackswitcher {
margin-top: 4px;
margin-bottom: 4px;
}
@ -1533,12 +1561,6 @@ headerbar splitbutton > button {
margin-bottom: 0;
}
headerbar separator:not(.sidebar) {
margin-top: 10px;
margin-bottom: 10px;
background-color: rgba(255, 255, 255, 0.12);
}
headerbar switch {
margin-top: 8px;
margin-bottom: 8px;
@ -1959,6 +1981,14 @@ popover.menu modelbutton:disabled {
color: rgba(0, 0, 0, 0.38);
}
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;
@ -3223,16 +3253,10 @@ overshoot.right {
}
junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.12);
border: none;
background-color: #FFFFFF;
}
junction:dir(rtl) {
border-style: solid solid none none;
}
separator {
min-width: 1px;
min-height: 1px;
@ -3240,7 +3264,7 @@ separator {
}
separator.spacer {
background: none;
background-color: transparent;
}
separator.spacer.horizontal {
@ -3829,14 +3853,19 @@ separator.sidebar.spacer {
.navigation-sidebar > row {
min-height: 22px;
padding: 4px 6px;
border-radius: 5px;
margin: 0 4px;
border-radius: 0 9999px 9999px 0;
margin: 0 4px 0 0;
}
.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within {
background-color: alpha(currentColor, 0.08);
}
.navigation-sidebar > row:selected {
background-color: alpha(currentColor, 0.1);
color: #1A73E8;
}
.navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image {
color: #1A73E8;
}
@ -4286,11 +4315,11 @@ windowcontrols button image {
padding: 0;
}
gridview > child:selected, modelbutton.flat:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
background-color: alpha(currentColor, 0.06);
}
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected, .navigation-sidebar > row:selected {
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected {
color: #1A73E8;
background-color: rgba(26, 115, 232, 0.2);
}
@ -4512,6 +4541,14 @@ popover.entry-completion > contents {
background-color: transparent;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top {
border-radius: 12px 12px 0 0;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.bottom {
border-radius: 0 0 12px 12px;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
padding: 8px 0 8px 0;
background: none;
@ -4600,17 +4637,16 @@ popover.entry-completion > contents {
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar {
margin-top: 4px;
margin-bottom: 4px;
margin: 2px 2px 2px 0;
background: none;
border: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though {
background: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though > slider {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider {
border: none;
}
@ -4654,12 +4690,12 @@ popover.entry-completion > contents {
}
.nautilus-window infobar > revealer > box {
border-radius: 14px;
border-radius: 4px;
}
.nautilus-window label.search-information {
margin: 2px;
border-radius: 10px;
border-radius: 4px;
}
.nautilus-window .floating-bar {
@ -4669,6 +4705,7 @@ popover.entry-completion > contents {
border: none;
border-radius: 9999px;
background-color: rgba(242, 242, 242, 0.95);
box-shadow: none;
}
.nautilus-window .floating-bar button {
@ -5328,6 +5365,11 @@ splitbutton {
border-radius: 10px;
}
splitbutton:disabled {
filter: none;
opacity: 1;
}
splitbutton, splitbutton > separator {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
transition-property: background;
@ -5340,14 +5382,14 @@ splitbutton > separator {
}
splitbutton > menubutton > button {
padding-left: 2px;
padding-right: 2px;
padding-left: 4px;
padding-right: 4px;
}
splitbutton.image-button > button {
min-height: 24px;
min-width: 24px;
padding-left: 4px;
padding-right: 4px;
padding: 4px;
}
splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
@ -5363,14 +5405,14 @@ splitbutton > button:dir(ltr),
splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -1px;
margin-right: 0;
}
splitbutton > button:dir(rtl),
splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px;
margin-left: 0;
}
splitbutton.flat > separator {

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

@ -107,6 +107,8 @@ label.separator {
}
label:disabled {
opacity: 1;
filter: none;
color: rgba(255, 255, 255, 0.5);
}
@ -285,6 +287,8 @@ entry:disabled {
color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
@ -384,6 +388,8 @@ entry.error:disabled {
color: rgba(255, 255, 255, 0.5);
color: rgba(242, 139, 130, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
@ -421,6 +427,8 @@ entry.success:disabled {
color: rgba(255, 255, 255, 0.5);
color: rgba(129, 201, 149, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
@ -458,6 +466,8 @@ entry.warning:disabled {
color: rgba(255, 255, 255, 0.5);
color: rgba(253, 214, 51, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
@ -550,7 +560,7 @@ editablelabel > stack > text {
color: rgba(255, 255, 255, 0.5);
}
button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -558,36 +568,38 @@ button {
color: white;
}
button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
}
button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
filter: none;
opacity: 1;
}
button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
box-shadow: none;
background-color: #3281ea;
color: white;
}
button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), 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);
@ -607,10 +619,9 @@ button:drop(active) {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, columnview.view > header > button button.circular,
treeview.view > header > button button.circular, row.activatable button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.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, popover.background.menu button,
popover.background button.model, 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 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);
@ -622,10 +633,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, columnview.view > header > button button.circular:focus,
treeview.view > header > button button.circular:focus, row.activatable button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.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, popover.background.menu button:focus,
popover.background button.model: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 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);
@ -634,10 +644,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, columnview.view > header > button button.circular:hover,
treeview.view > header > button button.circular:hover, row.activatable button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.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, popover.background.menu button:hover,
popover.background button.model: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 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);
@ -646,10 +655,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, columnview.view > header > button button.circular:active,
treeview.view > header > button button.circular:active, row.activatable button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.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, popover.background.menu button:active,
popover.background button.model: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 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);
@ -659,21 +667,21 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, columnview.view > header > button button.circular:disabled,
treeview.view > header > button button.circular:disabled, row.activatable button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.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, popover.background.menu button:disabled,
popover.background button.model: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 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;
background-color: transparent;
color: rgba(255, 255, 255, 0.3);
filter: none;
opacity: 1;
}
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, popover.background.menu button:checked,
popover.background button.model: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 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);
@ -682,12 +690,13 @@ 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, popover.background.menu button:checked:disabled,
popover.background button.model: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 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);
color: rgba(255, 255, 255, 0.5);
filter: none;
opacity: 1;
}
button.text-button {
@ -783,6 +792,8 @@ button.suggested-action:disabled {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
filter: none;
opacity: 1;
}
button.suggested-action:hover {
@ -810,6 +821,8 @@ button.suggested-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(255, 255, 255, 0.3);
filter: none;
opacity: 1;
}
button.suggested-action.flat:checked {
@ -826,6 +839,8 @@ button.destructive-action:disabled {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
filter: none;
opacity: 1;
}
button.destructive-action:hover {
@ -853,6 +868,8 @@ button.destructive-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(255, 255, 255, 0.3);
filter: none;
opacity: 1;
}
button.destructive-action.flat:checked {
@ -913,21 +930,21 @@ 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 {
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:first-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:last-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:only-child:not(.suggested-action):not(.destructive-action), .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 {
border-radius: 10px;
}
@ -949,15 +966,6 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
border-radius: 10px;
}
/* menu buttons */
modelbutton.flat arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
button.color {
min-height: 22px;
min-width: 22px;
@ -1239,6 +1247,8 @@ button.combo:only-child:disabled {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
filter: none;
opacity: 1;
}
.app-notification, .toolbar.osd,
@ -1477,8 +1487,27 @@ headerbar headerbar {
box-shadow: none;
}
headerbar headerbar + separator {
background-color: rgba(255, 255, 255, 0.12);
headerbar splitbutton {
border-radius: 9999px;
}
headerbar splitbutton > button, headerbar splitbutton > menubutton > button {
min-height: 24px;
min-width: 24px;
padding: 4px;
border-radius: 9999px;
}
headerbar splitbutton > button:dir(ltr),
headerbar splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
headerbar splitbutton > button:dir(rtl),
headerbar splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
headerbar .linked:not(.vertical) > entry:not(:only-child) {
@ -1520,8 +1549,7 @@ headerbar > windowhandle > box > box.end {
headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar stackswitcher,
headerbar separator {
headerbar stackswitcher {
margin-top: 4px;
margin-bottom: 4px;
}
@ -1533,12 +1561,6 @@ headerbar splitbutton > button {
margin-bottom: 0;
}
headerbar separator:not(.sidebar) {
margin-top: 10px;
margin-bottom: 10px;
background-color: rgba(255, 255, 255, 0.12);
}
headerbar switch {
margin-top: 8px;
margin-bottom: 8px;
@ -1959,6 +1981,14 @@ popover.menu modelbutton:disabled {
color: rgba(255, 255, 255, 0.5);
}
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;
@ -3223,16 +3253,10 @@ overshoot.right {
}
junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.12);
border: none;
background-color: #2C2C2C;
}
junction:dir(rtl) {
border-style: solid solid none none;
}
separator {
min-width: 1px;
min-height: 1px;
@ -3240,7 +3264,7 @@ separator {
}
separator.spacer {
background: none;
background-color: transparent;
}
separator.spacer.horizontal {
@ -3829,14 +3853,19 @@ separator.sidebar.spacer {
.navigation-sidebar > row {
min-height: 22px;
padding: 4px 6px;
border-radius: 5px;
margin: 0 4px;
border-radius: 0 9999px 9999px 0;
margin: 0 4px 0 0;
}
.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within {
background-color: alpha(currentColor, 0.08);
}
.navigation-sidebar > row:selected {
background-color: alpha(currentColor, 0.1);
color: #3281ea;
}
.navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image {
color: #3281ea;
}
@ -4281,11 +4310,11 @@ windowcontrols button image {
padding: 0;
}
gridview > child:selected, modelbutton.flat:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
background-color: alpha(currentColor, 0.06);
}
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected, .navigation-sidebar > row:selected {
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected {
color: #3281ea;
background-color: rgba(50, 129, 234, 0.2);
}
@ -4507,6 +4536,14 @@ popover.entry-completion > contents {
background-color: rgba(50, 129, 234, 0.08);
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top {
border-radius: 12px 12px 0 0;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.bottom {
border-radius: 0 0 12px 12px;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
padding: 8px 0 8px 0;
background: none;
@ -4595,17 +4632,16 @@ popover.entry-completion > contents {
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar {
margin-top: 4px;
margin-bottom: 4px;
margin: 2px 2px 2px 0;
background: none;
border: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though {
background: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though > slider {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider {
border: none;
}
@ -4623,12 +4659,12 @@ popover.entry-completion > contents {
}
.nautilus-window infobar > revealer > box {
border-radius: 14px;
border-radius: 4px;
}
.nautilus-window label.search-information {
margin: 2px;
border-radius: 10px;
border-radius: 4px;
}
.nautilus-window .floating-bar {
@ -4638,6 +4674,7 @@ popover.entry-completion > contents {
border: none;
border-radius: 9999px;
background-color: rgba(33, 33, 33, 0.95);
box-shadow: none;
}
.nautilus-window .floating-bar button {
@ -5297,6 +5334,11 @@ splitbutton {
border-radius: 10px;
}
splitbutton:disabled {
filter: none;
opacity: 1;
}
splitbutton, splitbutton > separator {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
transition-property: background;
@ -5309,14 +5351,14 @@ splitbutton > separator {
}
splitbutton > menubutton > button {
padding-left: 2px;
padding-right: 2px;
padding-left: 4px;
padding-right: 4px;
}
splitbutton.image-button > button {
min-height: 24px;
min-width: 24px;
padding-left: 4px;
padding-right: 4px;
padding: 4px;
}
splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
@ -5332,14 +5374,14 @@ splitbutton > button:dir(ltr),
splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -1px;
margin-right: 0;
}
splitbutton > button:dir(rtl),
splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px;
margin-left: 0;
}
splitbutton.flat > separator {

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

@ -107,6 +107,8 @@ label.separator {
}
label:disabled {
opacity: 1;
filter: none;
color: rgba(255, 255, 255, 0.5);
}
@ -285,6 +287,8 @@ entry:disabled {
color: rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
@ -384,6 +388,8 @@ entry.error:disabled {
color: rgba(255, 255, 255, 0.5);
color: rgba(242, 139, 130, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
@ -421,6 +427,8 @@ entry.success:disabled {
color: rgba(255, 255, 255, 0.5);
color: rgba(129, 201, 149, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
@ -458,6 +466,8 @@ entry.warning:disabled {
color: rgba(255, 255, 255, 0.5);
color: rgba(253, 214, 51, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
@ -550,7 +560,7 @@ editablelabel > stack > text {
color: rgba(255, 255, 255, 0.5);
}
button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -558,36 +568,38 @@ button {
color: white;
}
button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
}
button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
filter: none;
opacity: 1;
}
button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
box-shadow: none;
background-color: #3281ea;
color: white;
}
button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), 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);
@ -607,10 +619,9 @@ button:drop(active) {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, columnview.view > header > button button.circular,
treeview.view > header > button button.circular, row.activatable button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.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, popover.background.menu button,
popover.background button.model, 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 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);
@ -622,10 +633,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, columnview.view > header > button button.circular:focus,
treeview.view > header > button button.circular:focus, row.activatable button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.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, popover.background.menu button:focus,
popover.background button.model: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 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);
@ -634,10 +644,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, columnview.view > header > button button.circular:hover,
treeview.view > header > button button.circular:hover, row.activatable button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.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, popover.background.menu button:hover,
popover.background button.model: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 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);
@ -646,10 +655,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, columnview.view > header > button button.circular:active,
treeview.view > header > button button.circular:active, row.activatable button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.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, popover.background.menu button:active,
popover.background button.model: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 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);
@ -659,21 +667,21 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, columnview.view > header > button button.circular:disabled,
treeview.view > header > button button.circular:disabled, row.activatable button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.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, popover.background.menu button:disabled,
popover.background button.model: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 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;
background-color: transparent;
color: rgba(255, 255, 255, 0.3);
filter: none;
opacity: 1;
}
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, popover.background.menu button:checked,
popover.background button.model: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 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);
@ -682,12 +690,13 @@ 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, popover.background.menu button:checked:disabled,
popover.background button.model: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 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);
color: rgba(255, 255, 255, 0.5);
filter: none;
opacity: 1;
}
button.text-button {
@ -783,6 +792,8 @@ button.suggested-action:disabled {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
filter: none;
opacity: 1;
}
button.suggested-action:hover {
@ -810,6 +821,8 @@ button.suggested-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(255, 255, 255, 0.3);
filter: none;
opacity: 1;
}
button.suggested-action.flat:checked {
@ -826,6 +839,8 @@ button.destructive-action:disabled {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
filter: none;
opacity: 1;
}
button.destructive-action:hover {
@ -853,6 +868,8 @@ button.destructive-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(255, 255, 255, 0.3);
filter: none;
opacity: 1;
}
button.destructive-action.flat:checked {
@ -913,21 +930,21 @@ 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 {
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:first-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:last-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:only-child:not(.suggested-action):not(.destructive-action), .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 {
border-radius: 12px;
}
@ -949,15 +966,6 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
border-radius: 12px;
}
/* menu buttons */
modelbutton.flat arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
button.color {
min-height: 24px;
min-width: 24px;
@ -1239,6 +1247,8 @@ button.combo:only-child:disabled {
box-shadow: none;
background-color: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.5);
filter: none;
opacity: 1;
}
.app-notification, .toolbar.osd,
@ -1477,8 +1487,27 @@ headerbar headerbar {
box-shadow: none;
}
headerbar headerbar + separator {
background-color: rgba(255, 255, 255, 0.12);
headerbar splitbutton {
border-radius: 9999px;
}
headerbar splitbutton > button, headerbar splitbutton > menubutton > button {
min-height: 24px;
min-width: 24px;
padding: 6px;
border-radius: 9999px;
}
headerbar splitbutton > button:dir(ltr),
headerbar splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
headerbar splitbutton > button:dir(rtl),
headerbar splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
headerbar .linked:not(.vertical) > entry:not(:only-child) {
@ -1520,8 +1549,7 @@ headerbar > windowhandle > box > box.end {
headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar stackswitcher,
headerbar separator {
headerbar stackswitcher {
margin-top: 6px;
margin-bottom: 6px;
}
@ -1533,12 +1561,6 @@ headerbar splitbutton > button {
margin-bottom: 0;
}
headerbar separator:not(.sidebar) {
margin-top: 12px;
margin-bottom: 12px;
background-color: rgba(255, 255, 255, 0.12);
}
headerbar switch {
margin-top: 12px;
margin-bottom: 12px;
@ -1959,6 +1981,14 @@ popover.menu modelbutton:disabled {
color: rgba(255, 255, 255, 0.5);
}
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;
@ -3223,16 +3253,10 @@ overshoot.right {
}
junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.12);
border: none;
background-color: #2C2C2C;
}
junction:dir(rtl) {
border-style: solid solid none none;
}
separator {
min-width: 1px;
min-height: 1px;
@ -3240,7 +3264,7 @@ separator {
}
separator.spacer {
background: none;
background-color: transparent;
}
separator.spacer.horizontal {
@ -3829,14 +3853,19 @@ separator.sidebar.spacer {
.navigation-sidebar > row {
min-height: 24px;
padding: 6px 9px;
border-radius: 6px;
margin: 0 6px;
border-radius: 0 9999px 9999px 0;
margin: 0 6px 0 0;
}
.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within {
background-color: alpha(currentColor, 0.08);
}
.navigation-sidebar > row:selected {
background-color: alpha(currentColor, 0.1);
color: #3281ea;
}
.navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image {
color: #3281ea;
}
@ -4281,11 +4310,11 @@ windowcontrols button image {
padding: 0;
}
gridview > child:selected, modelbutton.flat:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
background-color: alpha(currentColor, 0.06);
}
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected, .navigation-sidebar > row:selected {
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected {
color: #3281ea;
background-color: rgba(50, 129, 234, 0.2);
}
@ -4507,6 +4536,14 @@ popover.entry-completion > contents {
background-color: rgba(50, 129, 234, 0.08);
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top {
border-radius: 12px 12px 0 0;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.bottom {
border-radius: 0 0 12px 12px;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
padding: 12px 0 12px 0;
background: none;
@ -4595,17 +4632,16 @@ popover.entry-completion > contents {
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar {
margin-top: 6px;
margin-bottom: 6px;
margin: 3px 3px 3px 0;
background: none;
border: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though {
background: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though > slider {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider {
border: none;
}
@ -4623,12 +4659,12 @@ popover.entry-completion > contents {
}
.nautilus-window infobar > revealer > box {
border-radius: 18px;
border-radius: 6px;
}
.nautilus-window label.search-information {
margin: 3px;
border-radius: 12px;
border-radius: 6px;
}
.nautilus-window .floating-bar {
@ -4638,6 +4674,7 @@ popover.entry-completion > contents {
border: none;
border-radius: 9999px;
background-color: rgba(33, 33, 33, 0.95);
box-shadow: none;
}
.nautilus-window .floating-bar button {
@ -5297,6 +5334,11 @@ splitbutton {
border-radius: 12px;
}
splitbutton:disabled {
filter: none;
opacity: 1;
}
splitbutton, splitbutton > separator {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
transition-property: background;
@ -5309,14 +5351,14 @@ splitbutton > separator {
}
splitbutton > menubutton > button {
padding-left: 4px;
padding-right: 4px;
padding-left: 6px;
padding-right: 6px;
}
splitbutton.image-button > button {
min-height: 24px;
min-width: 24px;
padding-left: 6px;
padding-right: 6px;
padding: 6px;
}
splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
@ -5332,14 +5374,14 @@ splitbutton > button:dir(ltr),
splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -1px;
margin-right: 0;
}
splitbutton > button:dir(rtl),
splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px;
margin-left: 0;
}
splitbutton.flat > separator {

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

@ -107,6 +107,8 @@ label.separator {
}
label:disabled {
opacity: 1;
filter: none;
color: rgba(0, 0, 0, 0.38);
}
@ -285,6 +287,8 @@ entry:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
@ -384,6 +388,8 @@ entry.error:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(217, 48, 37, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
@ -421,6 +427,8 @@ entry.success:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(15, 157, 88, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
@ -458,6 +466,8 @@ entry.warning:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(244, 180, 0, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
@ -550,7 +560,7 @@ infobar.warning > revealer > box button:checked:disabled, popover.background.tou
color: rgba(255, 255, 255, 0.5);
}
button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -558,36 +568,38 @@ button {
color: rgba(0, 0, 0, 0.87);
}
button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
}
button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
box-shadow: none;
background-color: #1A73E8;
color: white;
}
button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), 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);
@ -607,10 +619,9 @@ button:drop(active) {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, columnview.view > header > button button.circular,
treeview.view > header > button button.circular, row.activatable button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.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, popover.background.menu button,
popover.background button.model, 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 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);
@ -622,10 +633,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, columnview.view > header > button button.circular:focus,
treeview.view > header > button button.circular:focus, row.activatable button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.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, popover.background.menu button:focus,
popover.background button.model: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 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);
@ -634,10 +644,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, columnview.view > header > button button.circular:hover,
treeview.view > header > button button.circular:hover, row.activatable button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.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, popover.background.menu button:hover,
popover.background button.model: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 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);
@ -646,10 +655,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, columnview.view > header > button button.circular:active,
treeview.view > header > button button.circular:active, row.activatable button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.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, popover.background.menu button:active,
popover.background button.model: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 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);
@ -659,21 +667,21 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, columnview.view > header > button button.circular:disabled,
treeview.view > header > button button.circular:disabled, row.activatable button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.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, popover.background.menu button:disabled,
popover.background button.model: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 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;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
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, popover.background.menu button:checked,
popover.background button.model: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 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);
@ -682,12 +690,13 @@ 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, popover.background.menu button:checked:disabled,
popover.background button.model: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 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);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.text-button {
@ -783,6 +792,8 @@ button.suggested-action:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.suggested-action:hover {
@ -810,6 +821,8 @@ button.suggested-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
button.suggested-action.flat:checked {
@ -826,6 +839,8 @@ button.destructive-action:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.destructive-action:hover {
@ -853,6 +868,8 @@ button.destructive-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
button.destructive-action.flat:checked {
@ -913,21 +930,21 @@ 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 {
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:first-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:last-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:only-child:not(.suggested-action):not(.destructive-action), .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 {
border-radius: 10px;
}
@ -949,15 +966,6 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
border-radius: 10px;
}
/* menu buttons */
modelbutton.flat arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
button.color {
min-height: 22px;
min-width: 22px;
@ -1239,6 +1247,8 @@ button.combo:only-child:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
.app-notification, .toolbar.osd,
@ -1477,8 +1487,27 @@ headerbar headerbar {
box-shadow: none;
}
headerbar headerbar + separator {
background-color: rgba(0, 0, 0, 0.12);
headerbar splitbutton {
border-radius: 9999px;
}
headerbar splitbutton > button, headerbar splitbutton > menubutton > button {
min-height: 24px;
min-width: 24px;
padding: 4px;
border-radius: 9999px;
}
headerbar splitbutton > button:dir(ltr),
headerbar splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
headerbar splitbutton > button:dir(rtl),
headerbar splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
headerbar .linked:not(.vertical) > entry:not(:only-child) {
@ -1520,8 +1549,7 @@ headerbar > windowhandle > box > box.end {
headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar stackswitcher,
headerbar separator {
headerbar stackswitcher {
margin-top: 4px;
margin-bottom: 4px;
}
@ -1533,12 +1561,6 @@ headerbar splitbutton > button {
margin-bottom: 0;
}
headerbar separator:not(.sidebar) {
margin-top: 10px;
margin-bottom: 10px;
background-color: rgba(0, 0, 0, 0.12);
}
headerbar switch {
margin-top: 8px;
margin-bottom: 8px;
@ -1959,6 +1981,14 @@ popover.menu modelbutton:disabled {
color: rgba(0, 0, 0, 0.38);
}
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;
@ -3223,16 +3253,10 @@ overshoot.right {
}
junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.12);
border: none;
background-color: #FFFFFF;
}
junction:dir(rtl) {
border-style: solid solid none none;
}
separator {
min-width: 1px;
min-height: 1px;
@ -3240,7 +3264,7 @@ separator {
}
separator.spacer {
background: none;
background-color: transparent;
}
separator.spacer.horizontal {
@ -3829,14 +3853,19 @@ separator.sidebar.spacer {
.navigation-sidebar > row {
min-height: 22px;
padding: 4px 6px;
border-radius: 5px;
margin: 0 4px;
border-radius: 0 9999px 9999px 0;
margin: 0 4px 0 0;
}
.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within {
background-color: alpha(currentColor, 0.08);
}
.navigation-sidebar > row:selected {
background-color: alpha(currentColor, 0.1);
color: #1A73E8;
}
.navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image {
color: #1A73E8;
}
@ -4281,11 +4310,11 @@ windowcontrols button image {
padding: 0;
}
gridview > child:selected, modelbutton.flat:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
background-color: alpha(currentColor, 0.06);
}
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected, .navigation-sidebar > row:selected {
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected {
color: #1A73E8;
background-color: rgba(26, 115, 232, 0.2);
}
@ -4507,6 +4536,14 @@ popover.entry-completion > contents {
background-color: rgba(26, 115, 232, 0.08);
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top {
border-radius: 12px 12px 0 0;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.bottom {
border-radius: 0 0 12px 12px;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
padding: 8px 0 8px 0;
background: none;
@ -4594,17 +4631,16 @@ popover.entry-completion > contents {
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar {
margin-top: 4px;
margin-bottom: 4px;
margin: 2px 2px 2px 0;
background: none;
border: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though {
background: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though > slider {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider {
border: none;
}
@ -4622,12 +4658,12 @@ popover.entry-completion > contents {
}
.nautilus-window infobar > revealer > box {
border-radius: 14px;
border-radius: 4px;
}
.nautilus-window label.search-information {
margin: 2px;
border-radius: 10px;
border-radius: 4px;
}
.nautilus-window .floating-bar {
@ -4637,6 +4673,7 @@ popover.entry-completion > contents {
border: none;
border-radius: 9999px;
background-color: rgba(242, 242, 242, 0.95);
box-shadow: none;
}
.nautilus-window .floating-bar button {
@ -5296,6 +5333,11 @@ splitbutton {
border-radius: 10px;
}
splitbutton:disabled {
filter: none;
opacity: 1;
}
splitbutton, splitbutton > separator {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
transition-property: background;
@ -5308,14 +5350,14 @@ splitbutton > separator {
}
splitbutton > menubutton > button {
padding-left: 2px;
padding-right: 2px;
padding-left: 4px;
padding-right: 4px;
}
splitbutton.image-button > button {
min-height: 24px;
min-width: 24px;
padding-left: 4px;
padding-right: 4px;
padding: 4px;
}
splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
@ -5331,14 +5373,14 @@ splitbutton > button:dir(ltr),
splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -1px;
margin-right: 0;
}
splitbutton > button:dir(rtl),
splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px;
margin-left: 0;
}
splitbutton.flat > separator {

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

@ -107,6 +107,8 @@ label.separator {
}
label:disabled {
opacity: 1;
filter: none;
color: rgba(0, 0, 0, 0.38);
}
@ -285,6 +287,8 @@ entry:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
@ -384,6 +388,8 @@ entry.error:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(217, 48, 37, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
@ -421,6 +427,8 @@ entry.success:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(15, 157, 88, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
@ -458,6 +466,8 @@ entry.warning:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(244, 180, 0, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
@ -550,7 +560,7 @@ infobar.warning > revealer > box button:checked:disabled, popover.background.tou
color: rgba(255, 255, 255, 0.5);
}
button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -558,36 +568,38 @@ button {
color: rgba(0, 0, 0, 0.87);
}
button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
}
button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
box-shadow: none;
background-color: #1A73E8;
color: white;
}
button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), 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);
@ -607,10 +619,9 @@ button:drop(active) {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, columnview.view > header > button button.circular,
treeview.view > header > button button.circular, row.activatable button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.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, popover.background.menu button,
popover.background button.model, 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 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);
@ -622,10 +633,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, columnview.view > header > button button.circular:focus,
treeview.view > header > button button.circular:focus, row.activatable button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.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, popover.background.menu button:focus,
popover.background button.model: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 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);
@ -634,10 +644,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, columnview.view > header > button button.circular:hover,
treeview.view > header > button button.circular:hover, row.activatable button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.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, popover.background.menu button:hover,
popover.background button.model: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 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);
@ -646,10 +655,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, columnview.view > header > button button.circular:active,
treeview.view > header > button button.circular:active, row.activatable button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.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, popover.background.menu button:active,
popover.background button.model: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 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);
@ -659,21 +667,21 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, columnview.view > header > button button.circular:disabled,
treeview.view > header > button button.circular:disabled, row.activatable button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.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, popover.background.menu button:disabled,
popover.background button.model: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 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;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
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, popover.background.menu button:checked,
popover.background button.model: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 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);
@ -682,12 +690,13 @@ 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, popover.background.menu button:checked:disabled,
popover.background button.model: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 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);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.text-button {
@ -783,6 +792,8 @@ button.suggested-action:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.suggested-action:hover {
@ -810,6 +821,8 @@ button.suggested-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
button.suggested-action.flat:checked {
@ -826,6 +839,8 @@ button.destructive-action:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.destructive-action:hover {
@ -853,6 +868,8 @@ button.destructive-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
button.destructive-action.flat:checked {
@ -913,21 +930,21 @@ 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 {
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:first-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:last-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:only-child:not(.suggested-action):not(.destructive-action), .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 {
border-radius: 12px;
}
@ -949,15 +966,6 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
border-radius: 12px;
}
/* menu buttons */
modelbutton.flat arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
button.color {
min-height: 24px;
min-width: 24px;
@ -1239,6 +1247,8 @@ button.combo:only-child:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
.app-notification, .toolbar.osd,
@ -1477,8 +1487,27 @@ headerbar headerbar {
box-shadow: none;
}
headerbar headerbar + separator {
background-color: rgba(0, 0, 0, 0.12);
headerbar splitbutton {
border-radius: 9999px;
}
headerbar splitbutton > button, headerbar splitbutton > menubutton > button {
min-height: 24px;
min-width: 24px;
padding: 6px;
border-radius: 9999px;
}
headerbar splitbutton > button:dir(ltr),
headerbar splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
headerbar splitbutton > button:dir(rtl),
headerbar splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
headerbar .linked:not(.vertical) > entry:not(:only-child) {
@ -1520,8 +1549,7 @@ headerbar > windowhandle > box > box.end {
headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar stackswitcher,
headerbar separator {
headerbar stackswitcher {
margin-top: 6px;
margin-bottom: 6px;
}
@ -1533,12 +1561,6 @@ headerbar splitbutton > button {
margin-bottom: 0;
}
headerbar separator:not(.sidebar) {
margin-top: 12px;
margin-bottom: 12px;
background-color: rgba(0, 0, 0, 0.12);
}
headerbar switch {
margin-top: 12px;
margin-bottom: 12px;
@ -1959,6 +1981,14 @@ popover.menu modelbutton:disabled {
color: rgba(0, 0, 0, 0.38);
}
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;
@ -3223,16 +3253,10 @@ overshoot.right {
}
junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.12);
border: none;
background-color: #FFFFFF;
}
junction:dir(rtl) {
border-style: solid solid none none;
}
separator {
min-width: 1px;
min-height: 1px;
@ -3240,7 +3264,7 @@ separator {
}
separator.spacer {
background: none;
background-color: transparent;
}
separator.spacer.horizontal {
@ -3829,14 +3853,19 @@ separator.sidebar.spacer {
.navigation-sidebar > row {
min-height: 24px;
padding: 6px 9px;
border-radius: 6px;
margin: 0 6px;
border-radius: 0 9999px 9999px 0;
margin: 0 6px 0 0;
}
.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within {
background-color: alpha(currentColor, 0.08);
}
.navigation-sidebar > row:selected {
background-color: alpha(currentColor, 0.1);
color: #1A73E8;
}
.navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image {
color: #1A73E8;
}
@ -4281,11 +4310,11 @@ windowcontrols button image {
padding: 0;
}
gridview > child:selected, modelbutton.flat:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
background-color: alpha(currentColor, 0.06);
}
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected, .navigation-sidebar > row:selected {
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected {
color: #1A73E8;
background-color: rgba(26, 115, 232, 0.2);
}
@ -4507,6 +4536,14 @@ popover.entry-completion > contents {
background-color: rgba(26, 115, 232, 0.08);
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top {
border-radius: 12px 12px 0 0;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.bottom {
border-radius: 0 0 12px 12px;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
padding: 12px 0 12px 0;
background: none;
@ -4594,17 +4631,16 @@ popover.entry-completion > contents {
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar {
margin-top: 6px;
margin-bottom: 6px;
margin: 3px 3px 3px 0;
background: none;
border: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though {
background: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though > slider {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider {
border: none;
}
@ -4622,12 +4658,12 @@ popover.entry-completion > contents {
}
.nautilus-window infobar > revealer > box {
border-radius: 18px;
border-radius: 6px;
}
.nautilus-window label.search-information {
margin: 3px;
border-radius: 12px;
border-radius: 6px;
}
.nautilus-window .floating-bar {
@ -4637,6 +4673,7 @@ popover.entry-completion > contents {
border: none;
border-radius: 9999px;
background-color: rgba(242, 242, 242, 0.95);
box-shadow: none;
}
.nautilus-window .floating-bar button {
@ -5296,6 +5333,11 @@ splitbutton {
border-radius: 12px;
}
splitbutton:disabled {
filter: none;
opacity: 1;
}
splitbutton, splitbutton > separator {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
transition-property: background;
@ -5308,14 +5350,14 @@ splitbutton > separator {
}
splitbutton > menubutton > button {
padding-left: 4px;
padding-right: 4px;
padding-left: 6px;
padding-right: 6px;
}
splitbutton.image-button > button {
min-height: 24px;
min-width: 24px;
padding-left: 6px;
padding-right: 6px;
padding: 6px;
}
splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
@ -5331,14 +5373,14 @@ splitbutton > button:dir(ltr),
splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -1px;
margin-right: 0;
}
splitbutton > button:dir(rtl),
splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px;
margin-left: 0;
}
splitbutton.flat > separator {

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

@ -107,6 +107,8 @@ label.separator {
}
label:disabled {
opacity: 1;
filter: none;
color: rgba(0, 0, 0, 0.38);
}
@ -285,6 +287,8 @@ entry:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(0, 0, 0, 0.38);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.flat.vertical, spinbutton.flat:not(.vertical),
@ -384,6 +388,8 @@ entry.error:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(217, 48, 37, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.success.vertical, spinbutton.success:not(.vertical),
@ -421,6 +427,8 @@ entry.success:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(15, 157, 88, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.warning.vertical, spinbutton.warning:not(.vertical),
@ -458,6 +466,8 @@ entry.warning:disabled {
color: rgba(0, 0, 0, 0.38);
color: rgba(244, 180, 0, 0.35);
outline: none;
filter: none;
opacity: 1;
}
spinbutton.vertical > progress, spinbutton:not(.vertical) > progress,
@ -550,7 +560,7 @@ editablelabel > stack > text {
color: rgba(255, 255, 255, 0.5);
}
button {
headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
outline: none;
box-shadow: inset 0 0 0 9999px transparent;
@ -558,36 +568,38 @@ button {
color: rgba(0, 0, 0, 0.87);
}
button:focus {
headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), button:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08), inset 0 0 0 9999px transparent;
}
button:hover {
headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:hover {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
}
button:active {
headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), button:active {
transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
}
button:disabled {
headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button:checked {
headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), button:checked {
box-shadow: none;
background-color: #1A73E8;
color: white;
}
button:checked:hover {
headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover {
box-shadow: inset 0 0 0 9999px transparent;
}
button:checked:disabled {
headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), 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);
@ -607,10 +619,9 @@ button:drop(active) {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, columnview.view > header > button button.circular,
treeview.view > header > button button.circular, row.activatable button.circular, check,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.vertical) > button, modelbutton.flat, tabbar tab button.image-button,
radio, scrollbar button, notebook > header > tabs > arrow, spinbutton.vertical > button, spinbutton:not(.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, popover.background.menu button,
popover.background button.model, 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 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);
@ -622,10 +633,9 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, columnview.view > header > button button.circular:focus,
treeview.view > header > button button.circular:focus, row.activatable button.circular:focus, check:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.vertical) > button:focus, modelbutton.flat:focus, tabbar tab button.image-button:focus,
radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, spinbutton.vertical > button:focus, spinbutton:not(.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, popover.background.menu button:focus,
popover.background button.model: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 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);
@ -634,10 +644,9 @@ combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:f
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, columnview.view > header > button button.circular:hover,
treeview.view > header > button button.circular:hover, row.activatable button.circular:hover, check:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.vertical) > button:hover, modelbutton.flat:hover, tabbar tab button.image-button:hover,
radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, spinbutton.vertical > button:hover, spinbutton:not(.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, popover.background.menu button:hover,
popover.background button.model: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 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);
@ -646,10 +655,9 @@ combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:h
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, columnview.view > header > button button.circular:active,
treeview.view > header > button button.circular:active, row.activatable button.circular:active, check:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.vertical) > button:active, modelbutton.flat:active, tabbar tab button.image-button:active,
radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, spinbutton.vertical > button:active, spinbutton:not(.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, popover.background.menu button:active,
popover.background button.model: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 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);
@ -659,21 +667,21 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat:
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, columnview.view > header > button button.circular:disabled,
treeview.view > header > button button.circular:disabled, row.activatable button.circular:disabled, check:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.vertical) > button:disabled, modelbutton.flat:disabled, tabbar tab button.image-button:disabled,
radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, spinbutton.vertical > button:disabled, spinbutton:not(.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, popover.background.menu button:disabled,
popover.background button.model: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 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;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
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, popover.background.menu button:checked,
popover.background button.model: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 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);
@ -682,12 +690,13 @@ 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, popover.background.menu button:checked:disabled,
popover.background button.model: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 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);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.text-button {
@ -783,6 +792,8 @@ button.suggested-action:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.suggested-action:hover {
@ -810,6 +821,8 @@ button.suggested-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
button.suggested-action.flat:checked {
@ -826,6 +839,8 @@ button.destructive-action:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
button.destructive-action:hover {
@ -853,6 +868,8 @@ button.destructive-action.flat:disabled {
box-shadow: none;
background-color: transparent;
color: rgba(0, 0, 0, 0.26);
filter: none;
opacity: 1;
}
button.destructive-action.flat:checked {
@ -913,21 +930,21 @@ 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 {
headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:first-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:last-child:not(.suggested-action):not(.destructive-action), .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 {
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 {
headerbar popover.background .linked:not(.vertical) > button:only-child:not(.suggested-action):not(.destructive-action), .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 {
border-radius: 12px;
}
@ -949,15 +966,6 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
border-radius: 12px;
}
/* menu buttons */
modelbutton.flat arrow.left {
-gtk-icon-source: -gtk-icontheme("go-previous-symbolic");
}
modelbutton.flat arrow.right {
-gtk-icon-source: -gtk-icontheme("go-next-symbolic");
}
button.color {
min-height: 24px;
min-width: 24px;
@ -1239,6 +1247,8 @@ button.combo:only-child:disabled {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.38);
filter: none;
opacity: 1;
}
.app-notification, .toolbar.osd,
@ -1477,8 +1487,27 @@ headerbar headerbar {
box-shadow: none;
}
headerbar headerbar + separator {
background-color: rgba(255, 255, 255, 0.12);
headerbar splitbutton {
border-radius: 9999px;
}
headerbar splitbutton > button, headerbar splitbutton > menubutton > button {
min-height: 24px;
min-width: 24px;
padding: 6px;
border-radius: 9999px;
}
headerbar splitbutton > button:dir(ltr),
headerbar splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}
headerbar splitbutton > button:dir(rtl),
headerbar splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;
}
headerbar .linked:not(.vertical) > entry:not(:only-child) {
@ -1520,8 +1549,7 @@ headerbar > windowhandle > box > box.end {
headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar stackswitcher,
headerbar separator {
headerbar stackswitcher {
margin-top: 6px;
margin-bottom: 6px;
}
@ -1533,12 +1561,6 @@ headerbar splitbutton > button {
margin-bottom: 0;
}
headerbar separator:not(.sidebar) {
margin-top: 12px;
margin-bottom: 12px;
background-color: rgba(255, 255, 255, 0.12);
}
headerbar switch {
margin-top: 12px;
margin-bottom: 12px;
@ -1959,6 +1981,14 @@ popover.menu modelbutton:disabled {
color: rgba(0, 0, 0, 0.38);
}
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;
@ -3223,16 +3253,10 @@ overshoot.right {
}
junction {
border-style: solid none none solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.12);
border: none;
background-color: #FFFFFF;
}
junction:dir(rtl) {
border-style: solid solid none none;
}
separator {
min-width: 1px;
min-height: 1px;
@ -3240,7 +3264,7 @@ separator {
}
separator.spacer {
background: none;
background-color: transparent;
}
separator.spacer.horizontal {
@ -3829,14 +3853,19 @@ separator.sidebar.spacer {
.navigation-sidebar > row {
min-height: 24px;
padding: 6px 9px;
border-radius: 6px;
margin: 0 6px;
border-radius: 0 9999px 9999px 0;
margin: 0 6px 0 0;
}
.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within {
background-color: alpha(currentColor, 0.08);
}
.navigation-sidebar > row:selected {
background-color: alpha(currentColor, 0.1);
color: #1A73E8;
}
.navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image {
color: #1A73E8;
}
@ -4286,11 +4315,11 @@ windowcontrols button image {
padding: 0;
}
gridview > child:selected, modelbutton.flat:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected {
background-color: alpha(currentColor, 0.06);
}
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected, .navigation-sidebar > row:selected {
.view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected {
color: #1A73E8;
background-color: rgba(26, 115, 232, 0.2);
}
@ -4512,6 +4541,14 @@ popover.entry-completion > contents {
background-color: transparent;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top {
border-radius: 12px 12px 0 0;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.bottom {
border-radius: 0 0 12px 12px;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar {
padding: 12px 0 12px 0;
background: none;
@ -4600,17 +4637,16 @@ popover.entry-completion > contents {
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar {
margin-top: 6px;
margin-bottom: 6px;
margin: 3px 3px 3px 0;
background: none;
border: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though {
background: none;
}
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar > range > though > slider {
.nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar though > slider {
border: none;
}
@ -4654,12 +4690,12 @@ popover.entry-completion > contents {
}
.nautilus-window infobar > revealer > box {
border-radius: 18px;
border-radius: 6px;
}
.nautilus-window label.search-information {
margin: 3px;
border-radius: 12px;
border-radius: 6px;
}
.nautilus-window .floating-bar {
@ -4669,6 +4705,7 @@ popover.entry-completion > contents {
border: none;
border-radius: 9999px;
background-color: rgba(242, 242, 242, 0.95);
box-shadow: none;
}
.nautilus-window .floating-bar button {
@ -5328,6 +5365,11 @@ splitbutton {
border-radius: 12px;
}
splitbutton:disabled {
filter: none;
opacity: 1;
}
splitbutton, splitbutton > separator {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
transition-property: background;
@ -5340,14 +5382,14 @@ splitbutton > separator {
}
splitbutton > menubutton > button {
padding-left: 4px;
padding-right: 4px;
padding-left: 6px;
padding-right: 6px;
}
splitbutton.image-button > button {
min-height: 24px;
min-width: 24px;
padding-left: 6px;
padding-right: 6px;
padding: 6px;
}
splitbutton.text-button.image-button > button, splitbutton.image-text-button > button {
@ -5363,14 +5405,14 @@ splitbutton > button:dir(ltr),
splitbutton > menubutton > button:dir(rtl) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -1px;
margin-right: 0;
}
splitbutton > button:dir(rtl),
splitbutton > menubutton > button:dir(ltr) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px;
margin-left: 0;
}
splitbutton.flat > separator {

Write Preview
Loading…
Cancel
Save