Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

simpler outline-color styling

Browse Source
This commit is contained in:
Horst3180 2016-08-31 13:25:34 +02:00
parent 3f11de0a63
commit 99d645f808
8 changed files with 37 additions and 476 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
common/gtk-3.0/3.20/gtk-dark.css
View File

@ -10,7 +10,7 @@
-GtkWidget-text-handle-height: 20; -GtkWidget-text-handle-height: 20;
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-color: rgba(211, 218, 227, 0.3); outline-color: alpha(currentColor,0.3);
outline-style: dashed; outline-style: dashed;
outline-offset: -3px; outline-offset: -3px;
outline-width: 1px; outline-width: 1px;
@ -107,7 +107,6 @@ popover.background.magnifier, .csd popover.background.osd, .csd popover.backgrou
border: none; border: none;
background-color: rgba(53, 57, 69, 0.95); background-color: rgba(53, 57, 69, 0.95);
background-clip: padding-box; background-clip: padding-box;
outline-color: rgba(186, 195, 207, 0.3);
box-shadow: none; } box-shadow: none; }
@keyframes spin { @keyframes spin {
@ -249,7 +248,6 @@ button {
border-radius: 3px; border-radius: 3px;
padding: 2px 6px; padding: 2px 6px;
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #444a58; } background-color: #444a58; }
button separator { button separator {
@ -266,13 +264,11 @@ button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button:hover { button:hover {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; background-color: #505666;
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
button:active, button:checked { button:active, button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; background-clip: padding-box;
@ -324,7 +320,6 @@ button {
box-shadow: none; } box-shadow: none; }
button.osd { button.osd {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
background-color: rgba(53, 57, 69, 0.95); background-color: rgba(53, 57, 69, 0.95);
border-color: rgba(35, 38, 46, 0.95); } border-color: rgba(35, 38, 46, 0.95); }
button.osd.image-button { button.osd.image-button {
@ -335,7 +330,6 @@ button {
color: #5294e2; } color: #5294e2; }
button.osd:active, button.osd:checked { button.osd:active, button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
button.osd:disabled { button.osd:disabled {
@ -344,18 +338,15 @@ button {
background-color: rgba(102, 109, 132, 0.2); } background-color: rgba(102, 109, 132, 0.2); }
.osd button { .osd button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
.osd button:hover { .osd button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.osd button:active, .osd button:checked { .osd button:active, .osd button:checked {
background-clip: padding-box; background-clip: padding-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
.osd button:disabled { .osd button:disabled {
@ -369,7 +360,6 @@ button {
box-shadow: none; } box-shadow: none; }
.osd button.flat:hover, .osd button.sidebar-button:hover { .osd button.flat:hover, .osd button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.osd button.flat:disabled, .osd button.sidebar-button:disabled { .osd button.flat:disabled, .osd button.sidebar-button:disabled {
@ -379,7 +369,6 @@ button {
background-image: none; } background-image: none; }
.osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child),
@ -388,25 +377,21 @@ button {
button.suggested-action { button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
button.suggested-action.flat, button.suggested-action.sidebar-button { button.suggested-action.flat, button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
button.suggested-action:hover { button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
button.suggested-action:active, button.suggested-action:checked { button.suggested-action:active, button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled {
@ -422,25 +407,21 @@ button {
button.destructive-action { button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
button.destructive-action.flat, button.destructive-action.sidebar-button { button.destructive-action.flat, button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
button.destructive-action:hover { button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
button.destructive-action:active, button.destructive-action:checked { button.destructive-action:active, button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled {
@ -488,17 +469,14 @@ button {
.inline-toolbar toolbutton > button { .inline-toolbar toolbutton > button {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #444a58; } background-color: #444a58; }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; } background-color: #505666; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #5294e2; } background-color: #5294e2; }
.inline-toolbar toolbutton > button:disabled { .inline-toolbar toolbutton > button:disabled {
@ -1090,7 +1068,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button, headerbar button { .primary-toolbar button, headerbar button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
outline-offset: -3px; outline-offset: -3px;
background-color: rgba(47, 52, 63, 0); background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); } border-color: rgba(47, 52, 63, 0); }
@ -1098,12 +1075,10 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.7; } opacity: 0.7; }
.primary-toolbar button:hover, headerbar button:hover { .primary-toolbar button:hover, headerbar button:hover {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
.primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; } background-clip: padding-box; }
@ -1136,14 +1111,12 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover {
background-color: rgba(134, 144, 165, 0.37); } background-color: rgba(134, 144, 165, 0.37); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled {
@ -1203,25 +1176,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.suggested-action, headerbar button.suggested-action { .primary-toolbar button.suggested-action, headerbar button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
.primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
.primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
@ -1236,25 +1205,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.destructive-action, headerbar button.destructive-action { .primary-toolbar button.destructive-action, headerbar button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
.primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
.primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
@ -1272,7 +1237,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
@ -1281,7 +1245,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
@ -2467,19 +2430,16 @@ row.activatable:selected.has-open-popup, row.activatable:selected:hover {
border: none; } border: none; }
.app-notification button { .app-notification button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
.app-notification button.flat, .app-notification button.sidebar-button { .app-notification button.flat, .app-notification button.sidebar-button {
border-color: rgba(82, 148, 226, 0); } border-color: rgba(82, 148, 226, 0); }
.app-notification button:hover { .app-notification button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.app-notification button:active, .app-notification button:checked { .app-notification button:active, .app-notification button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; } background-clip: padding-box; }
@ -2718,7 +2678,6 @@ infobar {
.warning button, .warning button,
.error button, .nautilus-window .floating-bar button { .error button, .nautilus-window .floating-bar button {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); } border-color: rgba(255, 255, 255, 0.5); }
@ -2754,7 +2713,6 @@ row:selected button:hover, .info button:hover,
.warning button:hover, .warning button:hover,
.error button:hover, .nautilus-window .floating-bar button:hover { .error button:hover, .nautilus-window .floating-bar button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); } border-color: rgba(255, 255, 255, 0.8); }
@ -2769,7 +2727,6 @@ row:selected button:hover, .info button:hover,
.warning button:checked, .warning button:checked,
.error button:checked, .nautilus-window .floating-bar button:checked { .error button:checked, .nautilus-window .floating-bar button:checked {
color: #5294e2; color: #5294e2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff; background-color: #ffffff;
border-color: #ffffff; } border-color: #ffffff; }
@ -2868,12 +2825,10 @@ colorswatch#add-color-button {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #444a58; } background-color: #444a58; }
colorswatch#add-color-button:hover { colorswatch#add-color-button:hover {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; } background-color: #505666; }
colorswatch#add-color-button overlay { colorswatch#add-color-button overlay {
@ -2897,7 +2852,6 @@ colorchooser .popover.osd {
.scale-popup button:hover { .scale-popup button:hover {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; } background-color: #505666; }
@ -2990,14 +2944,12 @@ headerbar button.titlebutton,
headerbar button.titlebutton:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover { .titlebar button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:active, .titlebar button.titlebutton:active,
.titlebar button.titlebutton:checked { .titlebar button.titlebutton:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
@ -3078,8 +3030,7 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover {
color: #ffffff; color: #ffffff; }
outline-color: rgba(255, 255, 255, 0.3); }
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled,
@ -3150,12 +3101,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
@keyframes needs_attention_keyframes { @keyframes needs_attention_keyframes {
0% { 0% {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
100% { 100% {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } } background-color: #5294e2; } }
@ -3193,7 +3142,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) {
@ -3202,7 +3150,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: rgba(134, 144, 165, 0.37); } background-color: rgba(134, 144, 165, 0.37); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled {
@ -3900,17 +3847,14 @@ GtkListBox .h4 {
#content_frame button { #content_frame button {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #444a58; } background-color: #444a58; }
#content_frame button:hover { #content_frame button:hover {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; } background-color: #505666; }
#content_frame button:active, #content_frame button:checked { #content_frame button:active, #content_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #5294e2; } background-color: #5294e2; }
#content_frame button:disabled { #content_frame button:disabled {
@ -3932,17 +3876,14 @@ GtkListBox .h4 {
#buttonbox_frame button { #buttonbox_frame button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
#buttonbox_frame button:hover { #buttonbox_frame button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
#buttonbox_frame button:active, #buttonbox_frame button:checked { #buttonbox_frame button:active, #buttonbox_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
#buttonbox_frame button:disabled { #buttonbox_frame button:disabled {
@ -3963,38 +3904,32 @@ GtkListBox .h4 {
#shutdown_button.button { #shutdown_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
#shutdown_button.button:hover { #shutdown_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
#shutdown_button.button:active, #shutdown_button.button:checked { #shutdown_button.button:active, #shutdown_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
#restart_button.button { #restart_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
#restart_button.button:hover { #restart_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
#restart_button.button:active, #restart_button.button:checked { #restart_button.button:active, #restart_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
@ -4044,13 +3979,11 @@ filechooser placessidebar.sidebar,
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #5294e2; } background-color: #5294e2; }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image,
@ -4154,17 +4087,14 @@ filechooser actionbar {
filechooser actionbar button { filechooser actionbar button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
.caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
filechooser actionbar button:active, filechooser actionbar button:checked { filechooser actionbar button:active, filechooser actionbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
filechooser actionbar button:disabled { filechooser actionbar button:disabled {

82
common/gtk-3.0/3.20/gtk-darker.css
View File

@ -10,7 +10,7 @@
-GtkWidget-text-handle-height: 20; -GtkWidget-text-handle-height: 20;
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-color: rgba(92, 97, 108, 0.3); outline-color: alpha(currentColor,0.3);
outline-style: dashed; outline-style: dashed;
outline-offset: -3px; outline-offset: -3px;
outline-width: 1px; outline-width: 1px;
@ -107,7 +107,6 @@ popover.background.magnifier, .csd popover.background.osd, .csd popover.backgrou
border: none; border: none;
background-color: rgba(53, 57, 69, 0.95); background-color: rgba(53, 57, 69, 0.95);
background-clip: padding-box; background-clip: padding-box;
outline-color: rgba(186, 195, 207, 0.3);
box-shadow: none; } box-shadow: none; }
@keyframes spin { @keyframes spin {
@ -248,7 +247,6 @@ button {
border-radius: 3px; border-radius: 3px;
padding: 2px 6px; padding: 2px 6px;
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
button separator { button separator {
@ -265,13 +263,11 @@ button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button:hover { button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; background-color: white;
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
button:active, button:checked { button:active, button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; background-color: #5294e2;
background-clip: border-box; background-clip: border-box;
@ -323,7 +319,6 @@ button {
box-shadow: none; } box-shadow: none; }
button.osd { button.osd {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
background-color: rgba(53, 57, 69, 0.95); background-color: rgba(53, 57, 69, 0.95);
border-color: rgba(35, 38, 46, 0.95); } border-color: rgba(35, 38, 46, 0.95); }
button.osd.image-button { button.osd.image-button {
@ -334,7 +329,6 @@ button {
color: #5294e2; } color: #5294e2; }
button.osd:active, button.osd:checked { button.osd:active, button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
button.osd:disabled { button.osd:disabled {
@ -343,18 +337,15 @@ button {
background-color: rgba(102, 109, 132, 0.2); } background-color: rgba(102, 109, 132, 0.2); }
.osd button { .osd button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
.osd button:hover { .osd button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.osd button:active, .osd button:checked { .osd button:active, .osd button:checked {
background-clip: padding-box; background-clip: padding-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
.osd button:disabled { .osd button:disabled {
@ -368,7 +359,6 @@ button {
box-shadow: none; } box-shadow: none; }
.osd button.flat:hover, .osd button.sidebar-button:hover { .osd button.flat:hover, .osd button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.osd button.flat:disabled, .osd button.sidebar-button:disabled { .osd button.flat:disabled, .osd button.sidebar-button:disabled {
@ -378,7 +368,6 @@ button {
background-image: none; } background-image: none; }
.osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child),
@ -387,25 +376,21 @@ button {
button.suggested-action { button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
button.suggested-action.flat, button.suggested-action.sidebar-button { button.suggested-action.flat, button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
button.suggested-action:hover { button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
button.suggested-action:active, button.suggested-action:checked { button.suggested-action:active, button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled {
@ -421,25 +406,21 @@ button {
button.destructive-action { button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
button.destructive-action.flat, button.destructive-action.sidebar-button { button.destructive-action.flat, button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
button.destructive-action:hover { button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
button.destructive-action:active, button.destructive-action:checked { button.destructive-action:active, button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled {
@ -487,17 +468,14 @@ button {
.inline-toolbar toolbutton > button { .inline-toolbar toolbutton > button {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
.inline-toolbar toolbutton > button:disabled { .inline-toolbar toolbutton > button:disabled {
@ -1089,7 +1067,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button, headerbar button { .primary-toolbar button, headerbar button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
outline-offset: -3px; outline-offset: -3px;
background-color: rgba(47, 52, 63, 0); background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); } border-color: rgba(47, 52, 63, 0); }
@ -1097,12 +1074,10 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.7; } opacity: 0.7; }
.primary-toolbar button:hover, headerbar button:hover { .primary-toolbar button:hover, headerbar button:hover {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
.primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; } background-clip: padding-box; }
@ -1135,14 +1110,12 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover {
background-color: rgba(134, 144, 165, 0.37); } background-color: rgba(134, 144, 165, 0.37); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled {
@ -1202,25 +1175,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.suggested-action, headerbar button.suggested-action { .primary-toolbar button.suggested-action, headerbar button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
.primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
.primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
@ -1235,25 +1204,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.destructive-action, headerbar button.destructive-action { .primary-toolbar button.destructive-action, headerbar button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
.primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
.primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
@ -1271,7 +1236,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
@ -1280,7 +1244,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
@ -2466,19 +2429,16 @@ row.activatable:selected.has-open-popup, row.activatable:selected:hover {
border: none; } border: none; }
.app-notification button { .app-notification button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
.app-notification button.flat, .app-notification button.sidebar-button { .app-notification button.flat, .app-notification button.sidebar-button {
border-color: rgba(82, 148, 226, 0); } border-color: rgba(82, 148, 226, 0); }
.app-notification button:hover { .app-notification button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.app-notification button:active, .app-notification button:checked { .app-notification button:active, .app-notification button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; } background-clip: padding-box; }
@ -2717,7 +2677,6 @@ infobar {
.warning button, .warning button,
.error button, .nautilus-window .floating-bar button { .error button, .nautilus-window .floating-bar button {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); } border-color: rgba(255, 255, 255, 0.5); }
@ -2753,7 +2712,6 @@ row:selected button:hover, .info button:hover,
.warning button:hover, .warning button:hover,
.error button:hover, .nautilus-window .floating-bar button:hover { .error button:hover, .nautilus-window .floating-bar button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); } border-color: rgba(255, 255, 255, 0.8); }
@ -2768,7 +2726,6 @@ row:selected button:hover, .info button:hover,
.warning button:checked, .warning button:checked,
.error button:checked, .nautilus-window .floating-bar button:checked { .error button:checked, .nautilus-window .floating-bar button:checked {
color: #5294e2; color: #5294e2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff; background-color: #ffffff;
border-color: #ffffff; } border-color: #ffffff; }
@ -2867,12 +2824,10 @@ colorswatch#add-color-button {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
colorswatch#add-color-button:hover { colorswatch#add-color-button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
colorswatch#add-color-button overlay { colorswatch#add-color-button overlay {
@ -2896,7 +2851,6 @@ colorchooser .popover.osd {
.scale-popup button:hover { .scale-popup button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
@ -2989,14 +2943,12 @@ headerbar button.titlebutton,
headerbar button.titlebutton:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover { .titlebar button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:active, .titlebar button.titlebutton:active,
.titlebar button.titlebutton:checked { .titlebar button.titlebutton:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
@ -3077,8 +3029,7 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover {
color: #ffffff; color: #ffffff; }
outline-color: rgba(255, 255, 255, 0.3); }
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled,
@ -3149,12 +3100,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
@keyframes needs_attention_keyframes { @keyframes needs_attention_keyframes {
0% { 0% {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
100% { 100% {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } } background-color: #5294e2; } }
@ -3191,7 +3140,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.37); border-color: rgba(21, 23, 28, 0.37);
background-color: rgba(95, 105, 127, 0.37); } background-color: rgba(95, 105, 127, 0.37); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) {
@ -3200,7 +3148,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: rgba(134, 144, 165, 0.37); } background-color: rgba(134, 144, 165, 0.37); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled {
@ -3899,17 +3846,14 @@ GtkListBox .h4 {
#content_frame button { #content_frame button {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
#content_frame button:hover { #content_frame button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
#content_frame button:active, #content_frame button:checked { #content_frame button:active, #content_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
#content_frame button:disabled { #content_frame button:disabled {
@ -3931,17 +3875,14 @@ GtkListBox .h4 {
#buttonbox_frame button { #buttonbox_frame button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
#buttonbox_frame button:hover { #buttonbox_frame button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
#buttonbox_frame button:active, #buttonbox_frame button:checked { #buttonbox_frame button:active, #buttonbox_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
#buttonbox_frame button:disabled { #buttonbox_frame button:disabled {
@ -3962,38 +3903,32 @@ GtkListBox .h4 {
#shutdown_button.button { #shutdown_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
#shutdown_button.button:hover { #shutdown_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
#shutdown_button.button:active, #shutdown_button.button:checked { #shutdown_button.button:active, #shutdown_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
#restart_button.button { #restart_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
#restart_button.button:hover { #restart_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
#restart_button.button:active, #restart_button.button:checked { #restart_button.button:active, #restart_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
@ -4047,13 +3982,11 @@ filechooser placessidebar.sidebar,
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image,
@ -4157,17 +4090,14 @@ filechooser actionbar {
filechooser actionbar button { filechooser actionbar button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
.caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
filechooser actionbar button:active, filechooser actionbar button:checked { filechooser actionbar button:active, filechooser actionbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
filechooser actionbar button:disabled { filechooser actionbar button:disabled {

82
common/gtk-3.0/3.20/gtk-solid-dark.css
View File

@ -10,7 +10,7 @@
-GtkWidget-text-handle-height: 20; -GtkWidget-text-handle-height: 20;
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-color: rgba(211, 218, 227, 0.3); outline-color: alpha(currentColor,0.3);
outline-style: dashed; outline-style: dashed;
outline-offset: -3px; outline-offset: -3px;
outline-width: 1px; outline-width: 1px;
@ -107,7 +107,6 @@ popover.background.magnifier, .csd popover.background.osd, .csd popover.backgrou
border: none; border: none;
background-color: #353945; background-color: #353945;
background-clip: padding-box; background-clip: padding-box;
outline-color: rgba(186, 195, 207, 0.3);
box-shadow: none; } box-shadow: none; }
@keyframes spin { @keyframes spin {
@ -249,7 +248,6 @@ button {
border-radius: 3px; border-radius: 3px;
padding: 2px 6px; padding: 2px 6px;
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #444a58; } background-color: #444a58; }
button separator { button separator {
@ -266,13 +264,11 @@ button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button:hover { button:hover {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; background-color: #505666;
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
button:active, button:checked { button:active, button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; background-clip: padding-box;
@ -324,7 +320,6 @@ button {
box-shadow: none; } box-shadow: none; }
button.osd { button.osd {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
background-color: #353945; background-color: #353945;
border-color: #23262e; } border-color: #23262e; }
button.osd.image-button { button.osd.image-button {
@ -335,7 +330,6 @@ button {
color: #5294e2; } color: #5294e2; }
button.osd:active, button.osd:checked { button.osd:active, button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
button.osd:disabled { button.osd:disabled {
@ -344,18 +338,15 @@ button {
background-color: rgba(102, 109, 132, 0.25); } background-color: rgba(102, 109, 132, 0.25); }
.osd button { .osd button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
.osd button:hover { .osd button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.osd button:active, .osd button:checked { .osd button:active, .osd button:checked {
background-clip: padding-box; background-clip: padding-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
.osd button:disabled { .osd button:disabled {
@ -369,7 +360,6 @@ button {
box-shadow: none; } box-shadow: none; }
.osd button.flat:hover, .osd button.sidebar-button:hover { .osd button.flat:hover, .osd button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.osd button.flat:disabled, .osd button.sidebar-button:disabled { .osd button.flat:disabled, .osd button.sidebar-button:disabled {
@ -379,7 +369,6 @@ button {
background-image: none; } background-image: none; }
.osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child),
@ -388,25 +377,21 @@ button {
button.suggested-action { button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
button.suggested-action.flat, button.suggested-action.sidebar-button { button.suggested-action.flat, button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
button.suggested-action:hover { button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
button.suggested-action:active, button.suggested-action:checked { button.suggested-action:active, button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled {
@ -422,25 +407,21 @@ button {
button.destructive-action { button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
button.destructive-action.flat, button.destructive-action.sidebar-button { button.destructive-action.flat, button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
button.destructive-action:hover { button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
button.destructive-action:active, button.destructive-action:checked { button.destructive-action:active, button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled {
@ -488,17 +469,14 @@ button {
.inline-toolbar toolbutton > button { .inline-toolbar toolbutton > button {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #444a58; } background-color: #444a58; }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; } background-color: #505666; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #5294e2; } background-color: #5294e2; }
.inline-toolbar toolbutton > button:disabled { .inline-toolbar toolbutton > button:disabled {
@ -1090,7 +1068,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button, headerbar button { .primary-toolbar button, headerbar button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
outline-offset: -3px; outline-offset: -3px;
background-color: rgba(47, 52, 63, 0); background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); } border-color: rgba(47, 52, 63, 0); }
@ -1098,12 +1075,10 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.7; } opacity: 0.7; }
.primary-toolbar button:hover, headerbar button:hover { .primary-toolbar button:hover, headerbar button:hover {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
.primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; } background-clip: padding-box; }
@ -1136,14 +1111,12 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover {
background-color: rgba(134, 144, 165, 0.4); } background-color: rgba(134, 144, 165, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled {
@ -1203,25 +1176,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.suggested-action, headerbar button.suggested-action { .primary-toolbar button.suggested-action, headerbar button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
.primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
.primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
@ -1236,25 +1205,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.destructive-action, headerbar button.destructive-action { .primary-toolbar button.destructive-action, headerbar button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
.primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
.primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
@ -1272,7 +1237,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
@ -1281,7 +1245,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
@ -2467,19 +2430,16 @@ row.activatable:selected.has-open-popup, row.activatable:selected:hover {
border: none; } border: none; }
.app-notification button { .app-notification button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
.app-notification button.flat, .app-notification button.sidebar-button { .app-notification button.flat, .app-notification button.sidebar-button {
border-color: rgba(82, 148, 226, 0); } border-color: rgba(82, 148, 226, 0); }
.app-notification button:hover { .app-notification button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.app-notification button:active, .app-notification button:checked { .app-notification button:active, .app-notification button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; } background-clip: padding-box; }
@ -2718,7 +2678,6 @@ infobar {
.warning button, .warning button,
.error button, .nautilus-window .floating-bar button { .error button, .nautilus-window .floating-bar button {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); } border-color: rgba(255, 255, 255, 0.5); }
@ -2754,7 +2713,6 @@ row:selected button:hover, .info button:hover,
.warning button:hover, .warning button:hover,
.error button:hover, .nautilus-window .floating-bar button:hover { .error button:hover, .nautilus-window .floating-bar button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); } border-color: rgba(255, 255, 255, 0.8); }
@ -2769,7 +2727,6 @@ row:selected button:hover, .info button:hover,
.warning button:checked, .warning button:checked,
.error button:checked, .nautilus-window .floating-bar button:checked { .error button:checked, .nautilus-window .floating-bar button:checked {
color: #5294e2; color: #5294e2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff; background-color: #ffffff;
border-color: #ffffff; } border-color: #ffffff; }
@ -2868,12 +2825,10 @@ colorswatch#add-color-button {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #444a58; } background-color: #444a58; }
colorswatch#add-color-button:hover { colorswatch#add-color-button:hover {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; } background-color: #505666; }
colorswatch#add-color-button overlay { colorswatch#add-color-button overlay {
@ -2897,7 +2852,6 @@ colorchooser .popover.osd {
.scale-popup button:hover { .scale-popup button:hover {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; } background-color: #505666; }
@ -2990,14 +2944,12 @@ headerbar button.titlebutton,
headerbar button.titlebutton:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover { .titlebar button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:active, .titlebar button.titlebutton:active,
.titlebar button.titlebutton:checked { .titlebar button.titlebutton:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
@ -3078,8 +3030,7 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover {
color: #ffffff; color: #ffffff; }
outline-color: rgba(255, 255, 255, 0.3); }
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled,
@ -3150,12 +3101,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
@keyframes needs_attention_keyframes { @keyframes needs_attention_keyframes {
0% { 0% {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
100% { 100% {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } } background-color: #5294e2; } }
@ -3193,7 +3142,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) {
@ -3202,7 +3150,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: rgba(134, 144, 165, 0.4); } background-color: rgba(134, 144, 165, 0.4); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled {
@ -3900,17 +3847,14 @@ GtkListBox .h4 {
#content_frame button { #content_frame button {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #444a58; } background-color: #444a58; }
#content_frame button:hover { #content_frame button:hover {
color: #D3DAE3; color: #D3DAE3;
outline-color: rgba(211, 218, 227, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #505666; } background-color: #505666; }
#content_frame button:active, #content_frame button:checked { #content_frame button:active, #content_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #5294e2; } background-color: #5294e2; }
#content_frame button:disabled { #content_frame button:disabled {
@ -3932,17 +3876,14 @@ GtkListBox .h4 {
#buttonbox_frame button { #buttonbox_frame button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
#buttonbox_frame button:hover { #buttonbox_frame button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
#buttonbox_frame button:active, #buttonbox_frame button:checked { #buttonbox_frame button:active, #buttonbox_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
#buttonbox_frame button:disabled { #buttonbox_frame button:disabled {
@ -3963,38 +3904,32 @@ GtkListBox .h4 {
#shutdown_button.button { #shutdown_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
#shutdown_button.button:hover { #shutdown_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
#shutdown_button.button:active, #shutdown_button.button:checked { #shutdown_button.button:active, #shutdown_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
#restart_button.button { #restart_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
#restart_button.button:hover { #restart_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
#restart_button.button:active, #restart_button.button:checked { #restart_button.button:active, #restart_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
@ -4044,13 +3979,11 @@ filechooser placessidebar.sidebar,
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #2b2e39; border-color: #2b2e39;
background-color: #5294e2; } background-color: #5294e2; }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image,
@ -4154,17 +4087,14 @@ filechooser actionbar {
filechooser actionbar button { filechooser actionbar button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
.caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
filechooser actionbar button:active, filechooser actionbar button:checked { filechooser actionbar button:active, filechooser actionbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
filechooser actionbar button:disabled { filechooser actionbar button:disabled {

82
common/gtk-3.0/3.20/gtk-solid-darker.css
View File

@ -10,7 +10,7 @@
-GtkWidget-text-handle-height: 20; -GtkWidget-text-handle-height: 20;
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-color: rgba(92, 97, 108, 0.3); outline-color: alpha(currentColor,0.3);
outline-style: dashed; outline-style: dashed;
outline-offset: -3px; outline-offset: -3px;
outline-width: 1px; outline-width: 1px;
@ -107,7 +107,6 @@ popover.background.magnifier, .csd popover.background.osd, .csd popover.backgrou
border: none; border: none;
background-color: #353945; background-color: #353945;
background-clip: padding-box; background-clip: padding-box;
outline-color: rgba(186, 195, 207, 0.3);
box-shadow: none; } box-shadow: none; }
@keyframes spin { @keyframes spin {
@ -248,7 +247,6 @@ button {
border-radius: 3px; border-radius: 3px;
padding: 2px 6px; padding: 2px 6px;
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
button separator { button separator {
@ -265,13 +263,11 @@ button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button:hover { button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; background-color: white;
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
button:active, button:checked { button:active, button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; background-color: #5294e2;
background-clip: border-box; background-clip: border-box;
@ -323,7 +319,6 @@ button {
box-shadow: none; } box-shadow: none; }
button.osd { button.osd {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
background-color: #353945; background-color: #353945;
border-color: #23262e; } border-color: #23262e; }
button.osd.image-button { button.osd.image-button {
@ -334,7 +329,6 @@ button {
color: #5294e2; } color: #5294e2; }
button.osd:active, button.osd:checked { button.osd:active, button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
button.osd:disabled { button.osd:disabled {
@ -343,18 +337,15 @@ button {
background-color: rgba(102, 109, 132, 0.25); } background-color: rgba(102, 109, 132, 0.25); }
.osd button { .osd button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
.osd button:hover { .osd button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.osd button:active, .osd button:checked { .osd button:active, .osd button:checked {
background-clip: padding-box; background-clip: padding-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
.osd button:disabled { .osd button:disabled {
@ -368,7 +359,6 @@ button {
box-shadow: none; } box-shadow: none; }
.osd button.flat:hover, .osd button.sidebar-button:hover { .osd button.flat:hover, .osd button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.osd button.flat:disabled, .osd button.sidebar-button:disabled { .osd button.flat:disabled, .osd button.sidebar-button:disabled {
@ -378,7 +368,6 @@ button {
background-image: none; } background-image: none; }
.osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child),
@ -387,25 +376,21 @@ button {
button.suggested-action { button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
button.suggested-action.flat, button.suggested-action.sidebar-button { button.suggested-action.flat, button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
button.suggested-action:hover { button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
button.suggested-action:active, button.suggested-action:checked { button.suggested-action:active, button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled {
@ -421,25 +406,21 @@ button {
button.destructive-action { button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
button.destructive-action.flat, button.destructive-action.sidebar-button { button.destructive-action.flat, button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
button.destructive-action:hover { button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
button.destructive-action:active, button.destructive-action:checked { button.destructive-action:active, button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled {
@ -487,17 +468,14 @@ button {
.inline-toolbar toolbutton > button { .inline-toolbar toolbutton > button {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
.inline-toolbar toolbutton > button:disabled { .inline-toolbar toolbutton > button:disabled {
@ -1089,7 +1067,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button, headerbar button { .primary-toolbar button, headerbar button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
outline-offset: -3px; outline-offset: -3px;
background-color: rgba(47, 52, 63, 0); background-color: rgba(47, 52, 63, 0);
border-color: rgba(47, 52, 63, 0); } border-color: rgba(47, 52, 63, 0); }
@ -1097,12 +1074,10 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.7; } opacity: 0.7; }
.primary-toolbar button:hover, headerbar button:hover { .primary-toolbar button:hover, headerbar button:hover {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
.primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; } background-clip: padding-box; }
@ -1135,14 +1110,12 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover {
background-color: rgba(134, 144, 165, 0.4); } background-color: rgba(134, 144, 165, 0.4); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled {
@ -1202,25 +1175,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.suggested-action, headerbar button.suggested-action { .primary-toolbar button.suggested-action, headerbar button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
.primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
.primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
@ -1235,25 +1204,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.destructive-action, headerbar button.destructive-action { .primary-toolbar button.destructive-action, headerbar button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
.primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
.primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
@ -1271,7 +1236,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
@ -1280,7 +1244,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
@ -2466,19 +2429,16 @@ row.activatable:selected.has-open-popup, row.activatable:selected:hover {
border: none; } border: none; }
.app-notification button { .app-notification button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
.app-notification button.flat, .app-notification button.sidebar-button { .app-notification button.flat, .app-notification button.sidebar-button {
border-color: rgba(82, 148, 226, 0); } border-color: rgba(82, 148, 226, 0); }
.app-notification button:hover { .app-notification button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.app-notification button:active, .app-notification button:checked { .app-notification button:active, .app-notification button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; } background-clip: padding-box; }
@ -2717,7 +2677,6 @@ infobar {
.warning button, .warning button,
.error button, .nautilus-window .floating-bar button { .error button, .nautilus-window .floating-bar button {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); } border-color: rgba(255, 255, 255, 0.5); }
@ -2753,7 +2712,6 @@ row:selected button:hover, .info button:hover,
.warning button:hover, .warning button:hover,
.error button:hover, .nautilus-window .floating-bar button:hover { .error button:hover, .nautilus-window .floating-bar button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); } border-color: rgba(255, 255, 255, 0.8); }
@ -2768,7 +2726,6 @@ row:selected button:hover, .info button:hover,
.warning button:checked, .warning button:checked,
.error button:checked, .nautilus-window .floating-bar button:checked { .error button:checked, .nautilus-window .floating-bar button:checked {
color: #5294e2; color: #5294e2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff; background-color: #ffffff;
border-color: #ffffff; } border-color: #ffffff; }
@ -2867,12 +2824,10 @@ colorswatch#add-color-button {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
colorswatch#add-color-button:hover { colorswatch#add-color-button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
colorswatch#add-color-button overlay { colorswatch#add-color-button overlay {
@ -2896,7 +2851,6 @@ colorchooser .popover.osd {
.scale-popup button:hover { .scale-popup button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
@ -2989,14 +2943,12 @@ headerbar button.titlebutton,
headerbar button.titlebutton:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover { .titlebar button.titlebutton:hover {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:active, .titlebar button.titlebutton:active,
.titlebar button.titlebutton:checked { .titlebar button.titlebutton:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
@ -3077,8 +3029,7 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover {
color: #ffffff; color: #ffffff; }
outline-color: rgba(255, 255, 255, 0.3); }
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled,
@ -3149,12 +3100,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
@keyframes needs_attention_keyframes { @keyframes needs_attention_keyframes {
0% { 0% {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
100% { 100% {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } } background-color: #5294e2; } }
@ -3191,7 +3140,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button {
color: rgba(207, 218, 231, 0.8); color: rgba(207, 218, 231, 0.8);
outline-color: rgba(207, 218, 231, 0.1);
border-color: rgba(21, 23, 28, 0.4); border-color: rgba(21, 23, 28, 0.4);
background-color: rgba(95, 105, 127, 0.4); } background-color: rgba(95, 105, 127, 0.4); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) {
@ -3200,7 +3148,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: rgba(134, 144, 165, 0.4); } background-color: rgba(134, 144, 165, 0.4); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: transparent; border-color: transparent;
background-color: #5294e2; } background-color: #5294e2; }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled {
@ -3899,17 +3846,14 @@ GtkListBox .h4 {
#content_frame button { #content_frame button {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
#content_frame button:hover { #content_frame button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
#content_frame button:active, #content_frame button:checked { #content_frame button:active, #content_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
#content_frame button:disabled { #content_frame button:disabled {
@ -3931,17 +3875,14 @@ GtkListBox .h4 {
#buttonbox_frame button { #buttonbox_frame button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
#buttonbox_frame button:hover { #buttonbox_frame button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
#buttonbox_frame button:active, #buttonbox_frame button:checked { #buttonbox_frame button:active, #buttonbox_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
#buttonbox_frame button:disabled { #buttonbox_frame button:disabled {
@ -3962,38 +3903,32 @@ GtkListBox .h4 {
#shutdown_button.button { #shutdown_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
#shutdown_button.button:hover { #shutdown_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
#shutdown_button.button:active, #shutdown_button.button:checked { #shutdown_button.button:active, #shutdown_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
#restart_button.button { #restart_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
#restart_button.button:hover { #restart_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
#restart_button.button:active, #restart_button.button:checked { #restart_button.button:active, #restart_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
@ -4047,13 +3982,11 @@ filechooser placessidebar.sidebar,
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image,
@ -4157,17 +4090,14 @@ filechooser actionbar {
filechooser actionbar button { filechooser actionbar button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
.caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
filechooser actionbar button:active, filechooser actionbar button:checked { filechooser actionbar button:active, filechooser actionbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
filechooser actionbar button:disabled { filechooser actionbar button:disabled {

82
common/gtk-3.0/3.20/gtk-solid.css
View File

@ -10,7 +10,7 @@
-GtkWidget-text-handle-height: 20; -GtkWidget-text-handle-height: 20;
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-color: rgba(92, 97, 108, 0.3); outline-color: alpha(currentColor,0.3);
outline-style: dashed; outline-style: dashed;
outline-offset: -3px; outline-offset: -3px;
outline-width: 1px; outline-width: 1px;
@ -107,7 +107,6 @@ popover.background.magnifier, .csd popover.background.osd, .csd popover.backgrou
border: none; border: none;
background-color: #353945; background-color: #353945;
background-clip: padding-box; background-clip: padding-box;
outline-color: rgba(186, 195, 207, 0.3);
box-shadow: none; } box-shadow: none; }
@keyframes spin { @keyframes spin {
@ -248,7 +247,6 @@ button {
border-radius: 3px; border-radius: 3px;
padding: 2px 6px; padding: 2px 6px;
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
button separator { button separator {
@ -265,13 +263,11 @@ button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button:hover { button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; background-color: white;
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
button:active, button:checked { button:active, button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; background-color: #5294e2;
background-clip: border-box; background-clip: border-box;
@ -323,7 +319,6 @@ button {
box-shadow: none; } box-shadow: none; }
button.osd { button.osd {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
background-color: #353945; background-color: #353945;
border-color: #23262e; } border-color: #23262e; }
button.osd.image-button { button.osd.image-button {
@ -334,7 +329,6 @@ button {
color: #5294e2; } color: #5294e2; }
button.osd:active, button.osd:checked { button.osd:active, button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
button.osd:disabled { button.osd:disabled {
@ -343,18 +337,15 @@ button {
background-color: rgba(102, 109, 132, 0.25); } background-color: rgba(102, 109, 132, 0.25); }
.osd button { .osd button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
.osd button:hover { .osd button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.osd button:active, .osd button:checked { .osd button:active, .osd button:checked {
background-clip: padding-box; background-clip: padding-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
.osd button:disabled { .osd button:disabled {
@ -368,7 +359,6 @@ button {
box-shadow: none; } box-shadow: none; }
.osd button.flat:hover, .osd button.sidebar-button:hover { .osd button.flat:hover, .osd button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.osd button.flat:disabled, .osd button.sidebar-button:disabled { .osd button.flat:disabled, .osd button.sidebar-button:disabled {
@ -378,7 +368,6 @@ button {
background-image: none; } background-image: none; }
.osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child),
@ -387,25 +376,21 @@ button {
button.suggested-action { button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
button.suggested-action.flat, button.suggested-action.sidebar-button { button.suggested-action.flat, button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
button.suggested-action:hover { button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
button.suggested-action:active, button.suggested-action:checked { button.suggested-action:active, button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled {
@ -421,25 +406,21 @@ button {
button.destructive-action { button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
button.destructive-action.flat, button.destructive-action.sidebar-button { button.destructive-action.flat, button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
button.destructive-action:hover { button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
button.destructive-action:active, button.destructive-action:checked { button.destructive-action:active, button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled {
@ -487,17 +468,14 @@ button {
.inline-toolbar toolbutton > button { .inline-toolbar toolbutton > button {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
.inline-toolbar toolbutton > button:disabled { .inline-toolbar toolbutton > button:disabled {
@ -1089,7 +1067,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button, headerbar button { .primary-toolbar button, headerbar button {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
outline-offset: -3px; outline-offset: -3px;
background-color: rgba(231, 232, 235, 0); background-color: rgba(231, 232, 235, 0);
border-color: rgba(231, 232, 235, 0); } border-color: rgba(231, 232, 235, 0); }
@ -1097,12 +1074,10 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.7; } opacity: 0.7; }
.primary-toolbar button:hover, headerbar button:hover { .primary-toolbar button:hover, headerbar button:hover {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
.primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; background-color: #5294e2;
background-clip: border-box; } background-clip: border-box; }
@ -1135,14 +1110,12 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover {
background-color: rgba(255, 255, 255, 0.9); } background-color: rgba(255, 255, 255, 0.9); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled {
@ -1202,25 +1175,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.suggested-action, headerbar button.suggested-action { .primary-toolbar button.suggested-action, headerbar button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
.primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
.primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
@ -1235,25 +1204,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.destructive-action, headerbar button.destructive-action { .primary-toolbar button.destructive-action, headerbar button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
.primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
.primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
@ -1271,7 +1236,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
@ -1280,7 +1244,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
@ -2470,19 +2433,16 @@ row.activatable:selected.has-open-popup, row.activatable:selected:hover {
border: none; } border: none; }
.app-notification button { .app-notification button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
.app-notification button.flat, .app-notification button.sidebar-button { .app-notification button.flat, .app-notification button.sidebar-button {
border-color: rgba(82, 148, 226, 0); } border-color: rgba(82, 148, 226, 0); }
.app-notification button:hover { .app-notification button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.app-notification button:active, .app-notification button:checked { .app-notification button:active, .app-notification button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; } background-clip: padding-box; }
@ -2721,7 +2681,6 @@ infobar {
.warning button, .warning button,
.error button, .nautilus-window .floating-bar button { .error button, .nautilus-window .floating-bar button {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); } border-color: rgba(255, 255, 255, 0.5); }
@ -2757,7 +2716,6 @@ row:selected button:hover, .info button:hover,
.warning button:hover, .warning button:hover,
.error button:hover, .nautilus-window .floating-bar button:hover { .error button:hover, .nautilus-window .floating-bar button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); } border-color: rgba(255, 255, 255, 0.8); }
@ -2772,7 +2730,6 @@ row:selected button:hover, .info button:hover,
.warning button:checked, .warning button:checked,
.error button:checked, .nautilus-window .floating-bar button:checked { .error button:checked, .nautilus-window .floating-bar button:checked {
color: #5294e2; color: #5294e2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff; background-color: #ffffff;
border-color: #ffffff; } border-color: #ffffff; }
@ -2871,12 +2828,10 @@ colorswatch#add-color-button {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
colorswatch#add-color-button:hover { colorswatch#add-color-button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
colorswatch#add-color-button overlay { colorswatch#add-color-button overlay {
@ -2900,7 +2855,6 @@ colorchooser .popover.osd {
.scale-popup button:hover { .scale-popup button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
@ -2993,14 +2947,12 @@ headerbar button.titlebutton,
headerbar button.titlebutton:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover { .titlebar button.titlebutton:hover {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:active, .titlebar button.titlebutton:active,
.titlebar button.titlebutton:checked { .titlebar button.titlebutton:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
@ -3081,8 +3033,7 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover {
color: #ffffff; color: #ffffff; }
outline-color: rgba(255, 255, 255, 0.3); }
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled,
@ -3153,12 +3104,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
@keyframes needs_attention_keyframes { @keyframes needs_attention_keyframes {
0% { 0% {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
100% { 100% {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } } background-color: #5294e2; } }
@ -3195,7 +3144,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) {
@ -3204,7 +3152,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: rgba(255, 255, 255, 0.9); } background-color: rgba(255, 255, 255, 0.9); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled {
@ -3903,17 +3850,14 @@ GtkListBox .h4 {
#content_frame button { #content_frame button {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
#content_frame button:hover { #content_frame button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
#content_frame button:active, #content_frame button:checked { #content_frame button:active, #content_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
#content_frame button:disabled { #content_frame button:disabled {
@ -3935,17 +3879,14 @@ GtkListBox .h4 {
#buttonbox_frame button { #buttonbox_frame button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
#buttonbox_frame button:hover { #buttonbox_frame button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
#buttonbox_frame button:active, #buttonbox_frame button:checked { #buttonbox_frame button:active, #buttonbox_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
#buttonbox_frame button:disabled { #buttonbox_frame button:disabled {
@ -3966,38 +3907,32 @@ GtkListBox .h4 {
#shutdown_button.button { #shutdown_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
#shutdown_button.button:hover { #shutdown_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
#shutdown_button.button:active, #shutdown_button.button:checked { #shutdown_button.button:active, #shutdown_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
#restart_button.button { #restart_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
#restart_button.button:hover { #restart_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
#restart_button.button:active, #restart_button.button:checked { #restart_button.button:active, #restart_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
@ -4051,13 +3986,11 @@ filechooser placessidebar.sidebar,
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image,
@ -4161,17 +4094,14 @@ filechooser actionbar {
filechooser actionbar button { filechooser actionbar button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(102, 109, 132, 0.4); } background-color: rgba(102, 109, 132, 0.4); }
.caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
filechooser actionbar button:active, filechooser actionbar button:checked { filechooser actionbar button:active, filechooser actionbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: #5294e2; } background-color: #5294e2; }
filechooser actionbar button:disabled { filechooser actionbar button:disabled {

82
common/gtk-3.0/3.20/gtk.css
View File

@ -10,7 +10,7 @@
-GtkWidget-text-handle-height: 20; -GtkWidget-text-handle-height: 20;
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-color: rgba(92, 97, 108, 0.3); outline-color: alpha(currentColor,0.3);
outline-style: dashed; outline-style: dashed;
outline-offset: -3px; outline-offset: -3px;
outline-width: 1px; outline-width: 1px;
@ -107,7 +107,6 @@ popover.background.magnifier, .csd popover.background.osd, .csd popover.backgrou
border: none; border: none;
background-color: rgba(53, 57, 69, 0.95); background-color: rgba(53, 57, 69, 0.95);
background-clip: padding-box; background-clip: padding-box;
outline-color: rgba(186, 195, 207, 0.3);
box-shadow: none; } box-shadow: none; }
@keyframes spin { @keyframes spin {
@ -248,7 +247,6 @@ button {
border-radius: 3px; border-radius: 3px;
padding: 2px 6px; padding: 2px 6px;
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
button separator { button separator {
@ -265,13 +263,11 @@ button {
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
button:hover { button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; background-color: white;
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
button:active, button:checked { button:active, button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; background-color: #5294e2;
background-clip: border-box; background-clip: border-box;
@ -323,7 +319,6 @@ button {
box-shadow: none; } box-shadow: none; }
button.osd { button.osd {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
background-color: rgba(53, 57, 69, 0.95); background-color: rgba(53, 57, 69, 0.95);
border-color: rgba(35, 38, 46, 0.95); } border-color: rgba(35, 38, 46, 0.95); }
button.osd.image-button { button.osd.image-button {
@ -334,7 +329,6 @@ button {
color: #5294e2; } color: #5294e2; }
button.osd:active, button.osd:checked { button.osd:active, button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
button.osd:disabled { button.osd:disabled {
@ -343,18 +337,15 @@ button {
background-color: rgba(102, 109, 132, 0.2); } background-color: rgba(102, 109, 132, 0.2); }
.osd button { .osd button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
.osd button:hover { .osd button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.osd button:active, .osd button:checked { .osd button:active, .osd button:checked {
background-clip: padding-box; background-clip: padding-box;
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
.osd button:disabled { .osd button:disabled {
@ -368,7 +359,6 @@ button {
box-shadow: none; } box-shadow: none; }
.osd button.flat:hover, .osd button.sidebar-button:hover { .osd button.flat:hover, .osd button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.osd button.flat:disabled, .osd button.sidebar-button:disabled { .osd button.flat:disabled, .osd button.sidebar-button:disabled {
@ -378,7 +368,6 @@ button {
background-image: none; } background-image: none; }
.osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child),
@ -387,25 +376,21 @@ button {
button.suggested-action { button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
button.suggested-action.flat, button.suggested-action.sidebar-button { button.suggested-action.flat, button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
button.suggested-action:hover { button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
button.suggested-action:active, button.suggested-action:checked { button.suggested-action:active, button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled {
@ -421,25 +406,21 @@ button {
button.destructive-action { button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
button.destructive-action.flat, button.destructive-action.sidebar-button { button.destructive-action.flat, button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
button.destructive-action:hover { button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
button.destructive-action:active, button.destructive-action:checked { button.destructive-action:active, button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled {
@ -487,17 +468,14 @@ button {
.inline-toolbar toolbutton > button { .inline-toolbar toolbutton > button {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
.inline-toolbar toolbutton > button:hover { .inline-toolbar toolbutton > button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
.inline-toolbar toolbutton > button:disabled { .inline-toolbar toolbutton > button:disabled {
@ -1089,7 +1067,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button, headerbar button { .primary-toolbar button, headerbar button {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
outline-offset: -3px; outline-offset: -3px;
background-color: rgba(231, 232, 235, 0); background-color: rgba(231, 232, 235, 0);
border-color: rgba(231, 232, 235, 0); } border-color: rgba(231, 232, 235, 0); }
@ -1097,12 +1074,10 @@ window.csd > .titlebar:not(headerbar):backdrop {
opacity: 0.7; } opacity: 0.7; }
.primary-toolbar button:hover, headerbar button:hover { .primary-toolbar button:hover, headerbar button:hover {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
.primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; background-color: #5294e2;
background-clip: border-box; } background-clip: border-box; }
@ -1135,14 +1110,12 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover {
background-color: rgba(255, 255, 255, 0.9); } background-color: rgba(255, 255, 255, 0.9); }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled {
@ -1202,25 +1175,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.suggested-action, headerbar button.suggested-action { .primary-toolbar button.suggested-action, headerbar button.suggested-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
.primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #4DADD4; color: #4DADD4; }
outline-color: rgba(77, 173, 212, 0.3); }
.primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
.primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
.primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled {
@ -1235,25 +1204,21 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar button.destructive-action, headerbar button.destructive-action { .primary-toolbar button.destructive-action, headerbar button.destructive-action {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
.primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: #F04A50; color: #F04A50; }
outline-color: rgba(240, 74, 80, 0.3); }
.primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
.primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked {
background-clip: border-box; background-clip: border-box;
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
.primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled {
@ -1271,7 +1236,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
@ -1280,7 +1244,6 @@ window.csd > .titlebar:not(headerbar):backdrop {
.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
@ -2470,19 +2433,16 @@ row.activatable:selected.has-open-popup, row.activatable:selected:hover {
border: none; } border: none; }
.app-notification button { .app-notification button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
.app-notification button.flat, .app-notification button.sidebar-button { .app-notification button.flat, .app-notification button.sidebar-button {
border-color: rgba(82, 148, 226, 0); } border-color: rgba(82, 148, 226, 0); }
.app-notification button:hover { .app-notification button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.app-notification button:active, .app-notification button:checked { .app-notification button:active, .app-notification button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; background-color: #5294e2;
background-clip: padding-box; } background-clip: padding-box; }
@ -2721,7 +2681,6 @@ infobar {
.warning button, .warning button,
.error button, .nautilus-window .floating-bar button { .error button, .nautilus-window .floating-bar button {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); } border-color: rgba(255, 255, 255, 0.5); }
@ -2757,7 +2716,6 @@ row:selected button:hover, .info button:hover,
.warning button:hover, .warning button:hover,
.error button:hover, .nautilus-window .floating-bar button:hover { .error button:hover, .nautilus-window .floating-bar button:hover {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); } border-color: rgba(255, 255, 255, 0.8); }
@ -2772,7 +2730,6 @@ row:selected button:hover, .info button:hover,
.warning button:checked, .warning button:checked,
.error button:checked, .nautilus-window .floating-bar button:checked { .error button:checked, .nautilus-window .floating-bar button:checked {
color: #5294e2; color: #5294e2;
outline-color: rgba(82, 148, 226, 0.3);
background-color: #ffffff; background-color: #ffffff;
border-color: #ffffff; } border-color: #ffffff; }
@ -2871,12 +2828,10 @@ colorswatch#add-color-button {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
colorswatch#add-color-button:hover { colorswatch#add-color-button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
colorswatch#add-color-button overlay { colorswatch#add-color-button overlay {
@ -2900,7 +2855,6 @@ colorchooser .popover.osd {
.scale-popup button:hover { .scale-popup button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
@ -2993,14 +2947,12 @@ headerbar button.titlebutton,
headerbar button.titlebutton:hover, headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover { .titlebar button.titlebutton:hover {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
headerbar button.titlebutton:active, headerbar button.titlebutton:checked, headerbar button.titlebutton:active, headerbar button.titlebutton:checked,
.titlebar button.titlebutton:active, .titlebar button.titlebutton:active,
.titlebar button.titlebutton:checked { .titlebar button.titlebutton:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize,
@ -3081,8 +3033,7 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:
.nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected,
.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover {
color: #ffffff; color: #ffffff; }
outline-color: rgba(255, 255, 255, 0.3); }
row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled,
@ -3153,12 +3104,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
@keyframes needs_attention_keyframes { @keyframes needs_attention_keyframes {
0% { 0% {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
100% { 100% {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } } background-color: #5294e2; } }
@ -3195,7 +3144,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button {
color: rgba(82, 93, 118, 0.8); color: rgba(82, 93, 118, 0.8);
outline-color: rgba(82, 93, 118, 0.1);
border-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1);
background-color: rgba(251, 251, 252, 0.9); } background-color: rgba(251, 251, 252, 0.9); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) {
@ -3204,7 +3152,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: rgba(255, 255, 255, 0.9); } background-color: rgba(255, 255, 255, 0.9); }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled {
@ -3903,17 +3850,14 @@ GtkListBox .h4 {
#content_frame button { #content_frame button {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #fbfbfc; } background-color: #fbfbfc; }
#content_frame button:hover { #content_frame button:hover {
color: #5c616c; color: #5c616c;
outline-color: rgba(92, 97, 108, 0.3);
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: white; } background-color: white; }
#content_frame button:active, #content_frame button:checked { #content_frame button:active, #content_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
#content_frame button:disabled { #content_frame button:disabled {
@ -3935,17 +3879,14 @@ GtkListBox .h4 {
#buttonbox_frame button { #buttonbox_frame button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
#buttonbox_frame button:hover { #buttonbox_frame button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
#buttonbox_frame button:active, #buttonbox_frame button:checked { #buttonbox_frame button:active, #buttonbox_frame button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
#buttonbox_frame button:disabled { #buttonbox_frame button:disabled {
@ -3966,38 +3907,32 @@ GtkListBox .h4 {
#shutdown_button.button { #shutdown_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #F04A50; background-color: #F04A50;
border-color: #F04A50; } border-color: #F04A50; }
#shutdown_button.button:hover { #shutdown_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #f4797e; background-color: #f4797e;
border-color: #f4797e; } border-color: #f4797e; }
#shutdown_button.button:active, #shutdown_button.button:checked { #shutdown_button.button:active, #shutdown_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #ec1b22; background-color: #ec1b22;
border-color: #ec1b22; } border-color: #ec1b22; }
#restart_button.button { #restart_button.button {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #4DADD4; background-color: #4DADD4;
border-color: #4DADD4; } border-color: #4DADD4; }
#restart_button.button:hover { #restart_button.button:hover {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #76c0de; background-color: #76c0de;
border-color: #76c0de; } border-color: #76c0de; }
#restart_button.button:active, #restart_button.button:checked { #restart_button.button:active, #restart_button.button:checked {
background-clip: border-box; background-clip: border-box;
color: green; color: green;
outline-color: rgba(0, 128, 0, 0.3);
background-color: #2e96c0; background-color: #2e96c0;
border-color: #2e96c0; } border-color: #2e96c0; }
@ -4051,13 +3986,11 @@ filechooser placessidebar.sidebar,
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active,
.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { .nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: #5294e2; border-color: #5294e2;
background-color: #5294e2; } background-color: #5294e2; }
filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image,
@ -4161,17 +4094,14 @@ filechooser actionbar {
filechooser actionbar button { filechooser actionbar button {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.35); } background-color: rgba(102, 109, 132, 0.35); }
.caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { .caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
filechooser actionbar button:active, filechooser actionbar button:checked { filechooser actionbar button:active, filechooser actionbar button:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: #5294e2; } background-color: #5294e2; }
filechooser actionbar button:disabled { filechooser actionbar button:disabled {

10
common/gtk-3.0/3.20/sass/_common.scss
View File

@ -26,7 +26,7 @@ $darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix);
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
// We use the outline properties to signal the focus properties // We use the outline properties to signal the focus properties
outline-color: transparentize($fg_color, 0.7); outline-color: gtkalpha(currentColor, 0.3);
outline-style: dashed; outline-style: dashed;
outline-offset: -3px; outline-offset: -3px;
outline-width: 1px; outline-width: 1px;
@ -163,7 +163,6 @@ textview { // This will get overridden by .view, needed by gedit line numbers
border: none; border: none;
background-color: $osd_bg_color; background-color: $osd_bg_color;
background-clip: padding-box; background-clip: padding-box;
outline-color: transparentize($osd_fg_color, 0.7);
box-shadow: none; box-shadow: none;
} }
@ -425,7 +424,6 @@ button {
// big standalone buttons like in Documents pager // big standalone buttons like in Documents pager
&.osd { &.osd {
color: $osd_fg_color; color: $osd_fg_color;
outline-color: transparentize($osd_fg_color, 0.7);
background-color: $osd_bg_color; background-color: $osd_bg_color;
border-color: darken($osd_bg_color, 8%); border-color: darken($osd_bg_color, 8%);
@ -474,7 +472,6 @@ button {
&.flat { &.flat {
@include button(undecorated); @include button(undecorated);
color: $b_color; color: $b_color;
outline-color: transparentize($b_color, 0.7);
} }
&:hover { &:hover {
@include button(suggested_destructive, lighten($b_color, 10%), $b_fg); @include button(suggested_destructive, lighten($b_color, 10%), $b_fg);
@ -1253,7 +1250,6 @@ headerbar {
&.flat { &.flat {
@include button(undecorated); @include button(undecorated);
color: $b_color; color: $b_color;
outline-color: transparentize($b_color, 0.7);
} }
&:hover { &:hover {
@include button(suggested_destructive, lighten($b_color, 10%), $b_fg); @include button(suggested_destructive, lighten($b_color, 10%), $b_fg);
@ -2817,7 +2813,6 @@ infobar { border-style: none; }
@at-root %normal_selected_button, & { @at-root %normal_selected_button, & {
color: $selected_fg_color; color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
background-color: transparentize($selected_fg_color, 1); background-color: transparentize($selected_fg_color, 1);
border-color: transparentize($selected_fg_color, 0.5); border-color: transparentize($selected_fg_color, 0.5);
} }
@ -2833,13 +2828,11 @@ infobar { border-style: none; }
} }
&:hover { &:hover {
color: $selected_fg_color; color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
background-color: transparentize($selected_fg_color, 0.8); background-color: transparentize($selected_fg_color, 0.8);
border-color: transparentize($selected_fg_color, 0.2); border-color: transparentize($selected_fg_color, 0.2);
} }
&:active, &:active:hover, &:checked { &:active, &:active:hover, &:checked {
color: $selected_bg_color; color: $selected_bg_color;
outline-color: transparentize($selected_bg_color, 0.7);
background-color: $selected_fg_color; background-color: $selected_fg_color;
border-color: $selected_fg_color; border-color: $selected_fg_color;
} }
@ -3155,7 +3148,6 @@ headerbar,
@at-root %nobg_selected_items, & { @at-root %nobg_selected_items, & {
color: $selected_fg_color; color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
&:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); }
} }

11
common/gtk-3.0/3.20/sass/_drawing.scss
View File

@ -120,7 +120,6 @@
// normal button // normal button
// //
color: $fg_color; color: $fg_color;
outline-color: transparentize($fg_color, 0.7);
border-color: $button_border; border-color: $button_border;
background-color: $button_bg; background-color: $button_bg;
} }
@ -130,7 +129,6 @@
// hovered button // hovered button
// //
color: $fg_color; color: $fg_color;
outline-color: transparentize($fg_color, 0.7);
border-color: $button_border; border-color: $button_border;
background-color: lighten($button_bg, 5%); background-color: lighten($button_bg, 5%);
} }
@ -140,8 +138,6 @@
// pushed button // pushed button
// //
color: $selected_fg_color; color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
border-color: if($variant=='light', $selected_bg_color, $button_border); border-color: if($variant=='light', $selected_bg_color, $button_border);
background-color: $selected_bg_color; background-color: $selected_bg_color;
} }
@ -173,7 +169,6 @@
// normal header-bar button // normal header-bar button
// //
color: $header_fg; color: $header_fg;
outline-color: transparentize($header_fg, 0.7);
outline-offset: -3px; outline-offset: -3px;
background-color: transparentize($header_bg, 1); background-color: transparentize($header_bg, 1);
border-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1);
@ -184,7 +179,6 @@
// hovered header-bar button // hovered header-bar button
// //
color: $header_fg; color: $header_fg;
outline-color: transparentize($header_fg, 0.7);
border-color: $header_button_border; border-color: $header_button_border;
background-color: $header_button_bg; background-color: $header_button_bg;
} }
@ -194,7 +188,6 @@
// pushed header-bar button // pushed header-bar button
// //
color: $selected_fg_color; color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent);
background-color: $selected_bg_color; background-color: $selected_bg_color;
} }
@ -223,7 +216,6 @@
// normal osd button // normal osd button
// //
color: $osd_fg_color; color: $osd_fg_color;
outline-color: transparentize($osd_fg_color, 0.7);
border-color: $osd_button_border; border-color: $osd_button_border;
background-color: $osd_button_bg; background-color: $osd_button_bg;
} }
@ -233,7 +225,6 @@
// active osd button // active osd button
// //
color: $osd_fg_color; color: $osd_fg_color;
outline-color: transparentize($osd_fg_color, 0.7);
border-color: $osd_button_border; border-color: $osd_button_border;
background-color: opacify(lighten($osd_button_bg, 7%), 0.1); background-color: opacify(lighten($osd_button_bg, 7%), 0.1);
} }
@ -243,7 +234,6 @@
// active osd button // active osd button
// //
color: $selected_fg_color; color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
border-color: $osd_button_border; border-color: $osd_button_border;
background-color: $selected_bg_color; background-color: $selected_bg_color;
} }
@ -264,7 +254,6 @@
background-clip: border-box; background-clip: border-box;
color: $actionb_fg; color: $actionb_fg;
outline-color: transparentize($actionb_fg, 0.7);
background-color: $actionb_bg; background-color: $actionb_bg;
border-color: $actionb_bg; border-color: $actionb_bg;
} }