GNOME: Update for gnome-shell 44.2

This commit is contained in:
Daniel Ruiz de Alegría 2023-06-07 12:33:29 +02:00
parent 2bc1a97382
commit 37799d67d2
No known key found for this signature in database
GPG Key ID: 59667A77E8BFCB6C
41 changed files with 2038 additions and 1319 deletions

File diff suppressed because it is too large Load Diff

View File

@ -581,7 +581,7 @@ button {
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -590,7 +590,7 @@ button {
button:disabled:active,
button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#16181d);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow.image-button,
@ -877,7 +877,7 @@ button.suggested-action {
button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1023,7 +1023,7 @@ button.destructive-action {
button.destructive-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1186,14 +1186,14 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#16181d);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop {
@ -1840,7 +1840,7 @@ headerbar {
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -2702,7 +2702,7 @@ switch {
border: 1px solid #00215a; }
switch:disabled slider {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -3160,7 +3160,7 @@ scale {
border-color: #00348d; }
scale slider:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -4271,7 +4271,7 @@ infobar {
-gtk-icon-shadow: none; }
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;

View File

@ -526,14 +526,14 @@ button {
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
-gtk-icon-filter: opacity(0.5); }
notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active,
button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#1a1c23);
box-shadow: none; }
button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@ -746,7 +746,7 @@ button.suggested-action {
button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
button.suggested-action:disabled:active,
@ -831,7 +831,7 @@ button.destructive-action {
button.destructive-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
button.destructive-action:disabled:active,
@ -1014,7 +1014,7 @@ modelbutton.flat arrow {
box-shadow: none; }
.toolbar button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
.toolbar button:backdrop {
color: #888a8d;
@ -2178,7 +2178,7 @@ switch {
border: 1px solid #00348d; }
switch:disabled > slider {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
row:selected switch {
outline-color: rgba(255, 255, 255, 0.3); }
@ -2449,7 +2449,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
background-color: #0a0a0d; }
progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
background-color: #242731;
border-color: #0d0e11; }
border-color: #17191f; }
row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
outline-color: rgba(255, 255, 255, 0.3);
border-color: #00348d; }
@ -2538,7 +2538,7 @@ scale {
border-color: #00348d; }
scale > trough > slider:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
border-color: #00348d; }

File diff suppressed because it is too large Load Diff

View File

@ -581,7 +581,7 @@ button {
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -590,7 +590,7 @@ button {
button:disabled:active,
button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#16181d);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow.image-button,
@ -877,7 +877,7 @@ button.suggested-action {
button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1023,7 +1023,7 @@ button.destructive-action {
button.destructive-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1186,14 +1186,14 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#16181d);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop {
@ -1840,7 +1840,7 @@ headerbar {
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -2702,7 +2702,7 @@ switch {
border: 1px solid #00215a; }
switch:disabled slider {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -3160,7 +3160,7 @@ scale {
border-color: #00348d; }
scale slider:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -4271,7 +4271,7 @@ infobar {
-gtk-icon-shadow: none; }
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;

View File

@ -49,7 +49,7 @@
color: #5c616c;
background-color: #e6e6e6; }
.gtkstyle-fallback:disabled {
color: #aeb0b6;
color: #9da0a7;
background-color: #fdfdfd; }
.gtkstyle-fallback:selected {
color: #ffffff;
@ -76,7 +76,7 @@ textview text {
.view text:disabled,
iconview text:disabled,
textview text:disabled {
color: #aeb0b6;
color: #9da0a7;
background-color: #fdfdfd; }
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
.view text:selected:focus,
@ -122,7 +122,7 @@ label {
background-color: #2777ff;
color: #ffffff; }
label:disabled {
color: #aeb0b6; }
color: #9da0a7; }
button label:disabled {
color: inherit; }
label:disabled:backdrop {
@ -266,7 +266,7 @@ entry {
border-color: #2777ff; }
spinbutton:disabled:not(.vertical),
entry:disabled {
color: #aeb0b6;
color: #9da0a7;
border-color: #d9d9d9;
background-color: #fdfdfd;
box-shadow: none; }
@ -580,8 +580,8 @@ button {
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -589,8 +589,8 @@ button {
notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active,
button:disabled:checked {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#eaeaea);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow.image-button,
@ -879,8 +879,8 @@ button.suggested-action {
color: rgba(39, 119, 255, 0.8); }
button.suggested-action:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1025,8 +1025,8 @@ button.destructive-action {
color: rgba(212, 25, 25, 0.8); }
button.destructive-action:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1188,15 +1188,15 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
text-shadow: none;
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#eaeaea);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop {
@ -1438,7 +1438,7 @@ spinbutton {
color: #5c616c;
background-color: rgba(92, 97, 108, 0.05); }
spinbutton:not(.vertical) button:disabled {
color: rgba(174, 176, 182, 0.3);
color: rgba(157, 160, 167, 0.3);
background-color: transparent; }
spinbutton:not(.vertical) button:active {
background-color: rgba(0, 0, 0, 0.1);
@ -1513,7 +1513,7 @@ spinbutton {
.osd spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 4px 0 0 4px; }
spinbutton.vertical:disabled {
color: #aeb0b6; }
color: #9da0a7; }
spinbutton.vertical:backdrop:disabled {
color: #d9d9d9; }
spinbutton.vertical:drop(active) {
@ -1848,8 +1848,8 @@ headerbar {
border-color: #0051da; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -2024,7 +2024,7 @@ treeview.view {
border-left-color: #93bbff;
border-top-color: rgba(92, 97, 108, 0.1); }
treeview.view:disabled {
color: #aeb0b6; }
color: #9da0a7; }
treeview.view:disabled:selected {
color: #7dadff; }
treeview.view:disabled:selected:backdrop {
@ -2161,7 +2161,7 @@ menubar,
color: #005af3; }
menubar > menuitem:disabled,
.menubar > menuitem:disabled {
color: #aeb0b6;
color: #9da0a7;
box-shadow: none; }
menubar .csd.popup decoration,
.menubar .csd.popup decoration {
@ -2199,7 +2199,7 @@ menu,
menu menuitem:disabled,
.menu menuitem:disabled,
.context-menu menuitem:disabled {
color: #aeb0b6; }
color: #9da0a7; }
menu menuitem:disabled:backdrop,
.menu menuitem:disabled:backdrop,
.context-menu menuitem:disabled:backdrop {
@ -2671,7 +2671,7 @@ switch {
background-color: #2777ff;
text-shadow: 0 1px rgba(0, 81, 218, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled {
color: #aeb0b6;
color: #9da0a7;
border-color: #d9d9d9;
background-color: #fdfdfd;
text-shadow: none; }
@ -2713,8 +2713,8 @@ switch {
switch:checked > slider {
border: 1px solid #0047c0; }
switch:disabled slider {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -3181,8 +3181,8 @@ scale {
scale slider:active {
border-color: #0051da; }
scale slider:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -4014,7 +4014,7 @@ expander title > arrow {
expander title > arrow:hover {
color: #aaaeb7; }
expander title > arrow:disabled {
color: #aeb0b6; }
color: #9da0a7; }
expander title > arrow:disabled:backdrop {
color: #d9d9d9; }
expander title > arrow:checked {
@ -4039,9 +4039,9 @@ calendar {
calendar.button:backdrop {
color: rgba(174, 176, 182, 0.45); }
calendar.button:disabled {
color: rgba(174, 176, 182, 0.45); }
color: rgba(157, 160, 167, 0.45); }
calendar.highlight {
color: #aeb0b6; }
color: #9da0a7; }
calendar.highlight:backdrop {
color: #d9d9d9; }
calendar:backdrop {
@ -4144,7 +4144,7 @@ placessidebar row {
placessidebar row:selected {
color: #ffffff; }
placessidebar row:disabled {
color: #aeb0b6; }
color: #9da0a7; }
placessidebar row:backdrop {
color: #aeb0b6; }
placessidebar row:backdrop:selected {
@ -4292,8 +4292,8 @@ infobar {
text-shadow: none;
-gtk-icon-shadow: none; }
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -4766,7 +4766,7 @@ row.expander {
row.expander:checked image.expander-row-arrow:not(:disabled) {
color: #2777ff; }
row.expander image.expander-row-arrow:disabled {
color: #aeb0b6; }
color: #9da0a7; }
flap > dimming,
deck > dimming,
@ -6461,7 +6461,7 @@ wnck-pager {
color: #5c616c;
font-weight: normal; }
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
color: #aeb0b6; }
color: #9da0a7; }
.budgie-popover.budgie-menu .container {
padding: 0; }
.budgie-popover.user-menu .container {
@ -6757,7 +6757,7 @@ base background color of insensitive widgets */
@define-color insensitive_bg_color #fdfdfd;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color #aeb0b6;
@define-color insensitive_fg_color #9da0a7;
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color #fafafa;

View File

@ -526,14 +526,14 @@ button {
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
-gtk-icon-filter: opacity(0.5); }
notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active,
button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#1a1c23);
box-shadow: none; }
button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@ -746,7 +746,7 @@ button.suggested-action {
button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
button.suggested-action:disabled:active,
@ -831,7 +831,7 @@ button.destructive-action {
button.destructive-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
button.destructive-action:disabled:active,
@ -1014,7 +1014,7 @@ modelbutton.flat arrow {
box-shadow: none; }
.toolbar button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
.toolbar button:backdrop {
color: #888a8d;
@ -2178,7 +2178,7 @@ switch {
border: 1px solid #00348d; }
switch:disabled > slider {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
row:selected switch {
outline-color: rgba(255, 255, 255, 0.3); }
@ -2449,7 +2449,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
background-color: #0a0a0d; }
progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
background-color: #242731;
border-color: #0d0e11; }
border-color: #17191f; }
row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
outline-color: rgba(255, 255, 255, 0.3);
border-color: #00348d; }
@ -2538,7 +2538,7 @@ scale {
border-color: #00348d; }
scale > trough > slider:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
border-color: #00348d; }

View File

@ -29,7 +29,7 @@ textview > text {
background-color: #fafafa; }
.view:disabled, iconview:disabled,
textview > text:disabled {
color: #aeb0b6;
color: #9da0a7;
background-color: #fdfdfd; }
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
textview > text:selected:focus,
@ -120,7 +120,7 @@ label {
background-color: #2777ff;
color: #ffffff; }
label:disabled {
color: #aeb0b6; }
color: #9da0a7; }
button label:disabled {
color: inherit; }
label.error {
@ -271,7 +271,7 @@ entry {
/* We hide placeholders on focus */ }
spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical),
entry:disabled {
color: #aeb0b6;
color: #9da0a7;
border-color: #d9d9d9;
background-color: #fdfdfd; }
spinbutton.vertical > text.error, spinbutton.error:not(.vertical),
@ -525,15 +525,15 @@ button {
box-shadow: none; }
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
-gtk-icon-filter: opacity(0.5); }
notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active,
button:disabled:checked {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#eaeaea);
box-shadow: none; }
button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@ -748,8 +748,8 @@ button.suggested-action {
color: rgba(39, 119, 255, 0.8); }
button.suggested-action:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd); }
button.suggested-action:disabled:active,
@ -833,8 +833,8 @@ button.destructive-action {
color: rgba(212, 25, 25, 0.8); }
button.destructive-action:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd); }
button.destructive-action:disabled:active,
@ -988,7 +988,7 @@ modelbutton.flat {
modelbutton.flat:hover {
background-color: #eaebec; }
modelbutton.flat:disabled {
color: #aeb0b6; }
color: #9da0a7; }
modelbutton.flat arrow {
background: none;
@ -1016,8 +1016,8 @@ modelbutton.flat arrow {
background-image: image(#dbdbdb);
box-shadow: none; }
.toolbar button:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd); }
.toolbar button:backdrop {
color: #aeb0b6;
@ -1186,7 +1186,7 @@ spinbutton {
background-color: #f2f2f2; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled,
spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled {
color: rgba(174, 176, 182, 0.3);
color: rgba(157, 160, 167, 0.3);
background-color: transparent; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):active,
spinbutton:not(.vertical) > button.image-button.down:not(.flat):active {
@ -1241,7 +1241,7 @@ spinbutton {
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
border-radius: 4px 0 0 4px; }
spinbutton.vertical:disabled {
color: #aeb0b6; }
color: #9da0a7; }
spinbutton.vertical:drop(active) {
border-color: transparent;
box-shadow: none; }
@ -1607,7 +1607,7 @@ treeview.view {
outline-color: rgba(255, 255, 255, 0.8); }
columnview.view:disabled,
treeview.view:disabled {
color: #aeb0b6; }
color: #9da0a7; }
columnview.view:disabled:selected,
treeview.view:disabled:selected {
color: #7dadff; }
@ -1888,7 +1888,7 @@ menubar {
box-shadow: inset 0 -3px #2777ff;
color: #005af3; }
menubar > item:disabled {
color: #aeb0b6;
color: #9da0a7;
box-shadow: none; }
menubar > item popover.menu.background > contents {
padding: 5px; }
@ -2161,7 +2161,7 @@ switch {
border-color: #0051da;
background-color: #2777ff; }
switch:disabled {
color: #aeb0b6;
color: #9da0a7;
border-color: #d9d9d9;
background-color: #fdfdfd;
text-shadow: none; }
@ -2188,8 +2188,8 @@ switch {
switch:checked > slider {
border: 1px solid #0051da; }
switch:disabled > slider {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd); }
row:selected switch {
outline-color: rgba(255, 255, 255, 0.8);
@ -2467,7 +2467,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
background-color: #dedede; }
progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
background-color: #fdfdfd;
border-color: #d9d9d9; }
border-color: #e6e6e6; }
row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
outline-color: rgba(255, 255, 255, 0.8);
border-color: #0051da; }
@ -2555,8 +2555,8 @@ scale {
scale > trough > slider:active {
border-color: #0051da; }
scale > trough > slider:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd); }
row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
border-color: #0051da; }
@ -2959,8 +2959,8 @@ progressbar {
/* override insensitive that is specific to progress */
border-radius: 1.5px; }
progressbar > trough > progress:disabled {
background-color: #aeb0b6;
border-color: #aeb0b6; }
background-color: #9da0a7;
border-color: #9da0a7; }
progressbar > trough > progress.left {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
@ -3239,7 +3239,7 @@ expander {
expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander:disabled {
color: #aeb0b6; }
color: #9da0a7; }
expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
@ -3426,7 +3426,7 @@ separator.sidebar {
.navigation-sidebar > row:selected:hover {
background-color: #dddee0; }
.navigation-sidebar > row:disabled {
color: #aeb0b6; }
color: #9da0a7; }
/****************
* File chooser *
@ -3947,7 +3947,7 @@ row.expander {
row.expander:checked image.expander-row-arrow:not(:disabled) {
color: #2777ff; }
row.expander image.expander-row-arrow:disabled {
color: #aeb0b6; }
color: #9da0a7; }
flap > dimming,
deck > dimming,
@ -4868,7 +4868,7 @@ base background color of insensitive widgets */
@define-color insensitive_bg_color #fdfdfd;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color #aeb0b6;
@define-color insensitive_fg_color #9da0a7;
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color #fafafa;

File diff suppressed because it is too large Load Diff

View File

@ -581,7 +581,7 @@ button {
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -590,7 +590,7 @@ button {
button:disabled:active,
button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#16181d);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow.image-button,
@ -877,7 +877,7 @@ button.suggested-action {
button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1023,7 +1023,7 @@ button.destructive-action {
button.destructive-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1186,14 +1186,14 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#16181d);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop {
@ -1840,7 +1840,7 @@ headerbar {
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -2702,7 +2702,7 @@ switch {
border: 1px solid black; }
switch:disabled slider {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -3160,7 +3160,7 @@ scale {
border-color: #0b000b; }
scale slider:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -4271,7 +4271,7 @@ infobar {
-gtk-icon-shadow: none; }
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;

View File

@ -526,14 +526,14 @@ button {
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
-gtk-icon-filter: opacity(0.5); }
notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active,
button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#1a1c23);
box-shadow: none; }
button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@ -746,7 +746,7 @@ button.suggested-action {
button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
button.suggested-action:disabled:active,
@ -831,7 +831,7 @@ button.destructive-action {
button.destructive-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
button.destructive-action:disabled:active,
@ -1014,7 +1014,7 @@ modelbutton.flat arrow {
box-shadow: none; }
.toolbar button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
.toolbar button:backdrop {
color: #888a8d;
@ -2178,7 +2178,7 @@ switch {
border: 1px solid #0b000b; }
switch:disabled > slider {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
row:selected switch {
outline-color: rgba(255, 255, 255, 0.3); }
@ -2449,7 +2449,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
background-color: #0a0a0d; }
progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
background-color: #242731;
border-color: #0d0e11; }
border-color: #17191f; }
row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0b000b; }
@ -2538,7 +2538,7 @@ scale {
border-color: #0b000b; }
scale > trough > slider:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
border-color: #0b000b; }

File diff suppressed because it is too large Load Diff

View File

@ -581,7 +581,7 @@ button {
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -590,7 +590,7 @@ button {
button:disabled:active,
button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#16181d);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow.image-button,
@ -877,7 +877,7 @@ button.suggested-action {
button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1023,7 +1023,7 @@ button.destructive-action {
button.destructive-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1186,14 +1186,14 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#16181d);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop {
@ -1840,7 +1840,7 @@ headerbar {
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -2702,7 +2702,7 @@ switch {
border: 1px solid black; }
switch:disabled slider {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -3160,7 +3160,7 @@ scale {
border-color: #0b000b; }
scale slider:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;
@ -4271,7 +4271,7 @@ infobar {
-gtk-icon-shadow: none; }
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
text-shadow: none;
-gtk-icon-shadow: none;

View File

@ -49,7 +49,7 @@
color: #5c616c;
background-color: #e6e6e6; }
.gtkstyle-fallback:disabled {
color: #aeb0b6;
color: #9da0a7;
background-color: #fdfdfd; }
.gtkstyle-fallback:selected {
color: #ffffff;
@ -76,7 +76,7 @@ textview text {
.view text:disabled,
iconview text:disabled,
textview text:disabled {
color: #aeb0b6;
color: #9da0a7;
background-color: #fdfdfd; }
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
.view text:selected:focus,
@ -122,7 +122,7 @@ label {
background-color: #a400a4;
color: #ffffff; }
label:disabled {
color: #aeb0b6; }
color: #9da0a7; }
button label:disabled {
color: inherit; }
label:disabled:backdrop {
@ -266,7 +266,7 @@ entry {
border-color: #a400a4; }
spinbutton:disabled:not(.vertical),
entry:disabled {
color: #aeb0b6;
color: #9da0a7;
border-color: #d9d9d9;
background-color: #fdfdfd;
box-shadow: none; }
@ -580,8 +580,8 @@ button {
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -589,8 +589,8 @@ button {
notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active,
button:disabled:checked {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#eaeaea);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow.image-button,
@ -879,8 +879,8 @@ button.suggested-action {
color: rgba(164, 0, 164, 0.8); }
button.suggested-action:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1025,8 +1025,8 @@ button.destructive-action {
color: rgba(212, 25, 25, 0.8); }
button.destructive-action:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -1188,15 +1188,15 @@ stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attenti
text-shadow: none;
-gtk-icon-shadow: none; }
.inline-toolbar toolbutton > button:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#eaeaea);
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop {
@ -1438,7 +1438,7 @@ spinbutton {
color: #5c616c;
background-color: rgba(92, 97, 108, 0.05); }
spinbutton:not(.vertical) button:disabled {
color: rgba(174, 176, 182, 0.3);
color: rgba(157, 160, 167, 0.3);
background-color: transparent; }
spinbutton:not(.vertical) button:active {
background-color: rgba(0, 0, 0, 0.1);
@ -1513,7 +1513,7 @@ spinbutton {
.osd spinbutton:not(.vertical) button:dir(rtl):first-child {
border-radius: 4px 0 0 4px; }
spinbutton.vertical:disabled {
color: #aeb0b6; }
color: #9da0a7; }
spinbutton.vertical:backdrop:disabled {
color: #d9d9d9; }
spinbutton.vertical:drop(active) {
@ -1848,8 +1848,8 @@ headerbar {
border-color: #580058; }
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -2024,7 +2024,7 @@ treeview.view {
border-left-color: #d280d2;
border-top-color: rgba(92, 97, 108, 0.1); }
treeview.view:disabled {
color: #aeb0b6; }
color: #9da0a7; }
treeview.view:disabled:selected {
color: #c866c8; }
treeview.view:disabled:selected:backdrop {
@ -2161,7 +2161,7 @@ menubar,
color: #710071; }
menubar > menuitem:disabled,
.menubar > menuitem:disabled {
color: #aeb0b6;
color: #9da0a7;
box-shadow: none; }
menubar .csd.popup decoration,
.menubar .csd.popup decoration {
@ -2199,7 +2199,7 @@ menu,
menu menuitem:disabled,
.menu menuitem:disabled,
.context-menu menuitem:disabled {
color: #aeb0b6; }
color: #9da0a7; }
menu menuitem:disabled:backdrop,
.menu menuitem:disabled:backdrop,
.context-menu menuitem:disabled:backdrop {
@ -2671,7 +2671,7 @@ switch {
background-color: #a400a4;
text-shadow: 0 1px rgba(88, 0, 88, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled {
color: #aeb0b6;
color: #9da0a7;
border-color: #d9d9d9;
background-color: #fdfdfd;
text-shadow: none; }
@ -2713,8 +2713,8 @@ switch {
switch:checked > slider {
border: 1px solid #3e003e; }
switch:disabled slider {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -3181,8 +3181,8 @@ scale {
scale slider:active {
border-color: #580058; }
scale slider:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -4014,7 +4014,7 @@ expander title > arrow {
expander title > arrow:hover {
color: #aaaeb7; }
expander title > arrow:disabled {
color: #aeb0b6; }
color: #9da0a7; }
expander title > arrow:disabled:backdrop {
color: #d9d9d9; }
expander title > arrow:checked {
@ -4039,9 +4039,9 @@ calendar {
calendar.button:backdrop {
color: rgba(174, 176, 182, 0.45); }
calendar.button:disabled {
color: rgba(174, 176, 182, 0.45); }
color: rgba(157, 160, 167, 0.45); }
calendar.highlight {
color: #aeb0b6; }
color: #9da0a7; }
calendar.highlight:backdrop {
color: #d9d9d9; }
calendar:backdrop {
@ -4144,7 +4144,7 @@ placessidebar row {
placessidebar row:selected {
color: #ffffff; }
placessidebar row:disabled {
color: #aeb0b6; }
color: #9da0a7; }
placessidebar row:backdrop {
color: #aeb0b6; }
placessidebar row:backdrop:selected {
@ -4292,8 +4292,8 @@ infobar {
text-shadow: none;
-gtk-icon-shadow: none; }
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
text-shadow: none;
-gtk-icon-shadow: none;
@ -4766,7 +4766,7 @@ row.expander {
row.expander:checked image.expander-row-arrow:not(:disabled) {
color: #a400a4; }
row.expander image.expander-row-arrow:disabled {
color: #aeb0b6; }
color: #9da0a7; }
flap > dimming,
deck > dimming,
@ -6461,7 +6461,7 @@ wnck-pager {
color: #5c616c;
font-weight: normal; }
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
color: #aeb0b6; }
color: #9da0a7; }
.budgie-popover.budgie-menu .container {
padding: 0; }
.budgie-popover.user-menu .container {
@ -6757,7 +6757,7 @@ base background color of insensitive widgets */
@define-color insensitive_bg_color #fdfdfd;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color #aeb0b6;
@define-color insensitive_fg_color #9da0a7;
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color #fafafa;

View File

@ -526,14 +526,14 @@ button {
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731);
-gtk-icon-filter: opacity(0.5); }
notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active,
button:disabled:checked {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#1a1c23);
box-shadow: none; }
button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@ -746,7 +746,7 @@ button.suggested-action {
button.suggested-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
button.suggested-action:disabled:active,
@ -831,7 +831,7 @@ button.destructive-action {
button.destructive-action:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
button.destructive-action:disabled:active,
@ -1014,7 +1014,7 @@ modelbutton.flat arrow {
box-shadow: none; }
.toolbar button:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
.toolbar button:backdrop {
color: #888a8d;
@ -2178,7 +2178,7 @@ switch {
border: 1px solid #0b000b; }
switch:disabled > slider {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
row:selected switch {
outline-color: rgba(255, 255, 255, 0.3); }
@ -2449,7 +2449,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
background-color: #0a0a0d; }
progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
background-color: #242731;
border-color: #0d0e11; }
border-color: #17191f; }
row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
outline-color: rgba(255, 255, 255, 0.3);
border-color: #0b000b; }
@ -2538,7 +2538,7 @@ scale {
border-color: #0b000b; }
scale > trough > slider:disabled {
color: #888a8d;
border-color: #0d0e11;
border-color: #17191f;
background-image: image(#242731); }
row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
border-color: #0b000b; }

View File

@ -29,7 +29,7 @@ textview > text {
background-color: #fafafa; }
.view:disabled, iconview:disabled,
textview > text:disabled {
color: #aeb0b6;
color: #9da0a7;
background-color: #fdfdfd; }
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
textview > text:selected:focus,
@ -120,7 +120,7 @@ label {
background-color: #a400a4;
color: #ffffff; }
label:disabled {
color: #aeb0b6; }
color: #9da0a7; }
button label:disabled {
color: inherit; }
label.error {
@ -271,7 +271,7 @@ entry {
/* We hide placeholders on focus */ }
spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical),
entry:disabled {
color: #aeb0b6;
color: #9da0a7;
border-color: #d9d9d9;
background-color: #fdfdfd; }
spinbutton.vertical > text.error, spinbutton.error:not(.vertical),
@ -525,15 +525,15 @@ button {
box-shadow: none; }
notebook > header > tabs > arrow:disabled,
button:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd);
-gtk-icon-filter: opacity(0.5); }
notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
button:disabled:active,
button:disabled:checked {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#eaeaea);
box-shadow: none; }
button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow.flat,
@ -748,8 +748,8 @@ button.suggested-action {
color: rgba(164, 0, 164, 0.8); }
button.suggested-action:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd); }
button.suggested-action:disabled:active,
@ -833,8 +833,8 @@ button.destructive-action {
color: rgba(212, 25, 25, 0.8); }
button.destructive-action:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd); }
button.destructive-action:disabled:active,
@ -988,7 +988,7 @@ modelbutton.flat {
modelbutton.flat:hover {
background-color: #eaebec; }
modelbutton.flat:disabled {
color: #aeb0b6; }
color: #9da0a7; }
modelbutton.flat arrow {
background: none;
@ -1016,8 +1016,8 @@ modelbutton.flat arrow {
background-image: image(#dbdbdb);
box-shadow: none; }
.toolbar button:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd); }
.toolbar button:backdrop {
color: #aeb0b6;
@ -1186,7 +1186,7 @@ spinbutton {
background-color: #f2f2f2; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled,
spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled {
color: rgba(174, 176, 182, 0.3);
color: rgba(157, 160, 167, 0.3);
background-color: transparent; }
spinbutton:not(.vertical) > button.image-button.up:not(.flat):active,
spinbutton:not(.vertical) > button.image-button.down:not(.flat):active {
@ -1241,7 +1241,7 @@ spinbutton {
.osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
border-radius: 4px 0 0 4px; }
spinbutton.vertical:disabled {
color: #aeb0b6; }
color: #9da0a7; }
spinbutton.vertical:drop(active) {
border-color: transparent;
box-shadow: none; }
@ -1607,7 +1607,7 @@ treeview.view {
outline-color: rgba(255, 255, 255, 0.8); }
columnview.view:disabled,
treeview.view:disabled {
color: #aeb0b6; }
color: #9da0a7; }
columnview.view:disabled:selected,
treeview.view:disabled:selected {
color: #c866c8; }
@ -1888,7 +1888,7 @@ menubar {
box-shadow: inset 0 -3px #a400a4;
color: #710071; }
menubar > item:disabled {
color: #aeb0b6;
color: #9da0a7;
box-shadow: none; }
menubar > item popover.menu.background > contents {
padding: 5px; }
@ -2161,7 +2161,7 @@ switch {
border-color: #580058;
background-color: #a400a4; }
switch:disabled {
color: #aeb0b6;
color: #9da0a7;
border-color: #d9d9d9;
background-color: #fdfdfd;
text-shadow: none; }
@ -2188,8 +2188,8 @@ switch {
switch:checked > slider {
border: 1px solid #580058; }
switch:disabled > slider {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd); }
row:selected switch {
outline-color: rgba(255, 255, 255, 0.8);
@ -2467,7 +2467,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
background-color: #dedede; }
progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
background-color: #fdfdfd;
border-color: #d9d9d9; }
border-color: #e6e6e6; }
row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
outline-color: rgba(255, 255, 255, 0.8);
border-color: #580058; }
@ -2555,8 +2555,8 @@ scale {
scale > trough > slider:active {
border-color: #580058; }
scale > trough > slider:disabled {
color: #aeb0b6;
border-color: #d9d9d9;
color: #9da0a7;
border-color: #e6e6e6;
background-image: image(#fdfdfd); }
row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
border-color: #580058; }
@ -2959,8 +2959,8 @@ progressbar {
/* override insensitive that is specific to progress */
border-radius: 1.5px; }
progressbar > trough > progress:disabled {
background-color: #aeb0b6;
border-color: #aeb0b6; }
background-color: #9da0a7;
border-color: #9da0a7; }
progressbar > trough > progress.left {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
@ -3239,7 +3239,7 @@ expander {
expander:dir(rtl) {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander:disabled {
color: #aeb0b6; }
color: #9da0a7; }
expander:checked {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
@ -3426,7 +3426,7 @@ separator.sidebar {
.navigation-sidebar > row:selected:hover {
background-color: #dddee0; }
.navigation-sidebar > row:disabled {
color: #aeb0b6; }
color: #9da0a7; }
/****************
* File chooser *
@ -3947,7 +3947,7 @@ row.expander {
row.expander:checked image.expander-row-arrow:not(:disabled) {
color: #a400a4; }
row.expander image.expander-row-arrow:disabled {
color: #aeb0b6; }
color: #9da0a7; }
flap > dimming,
deck > dimming,
@ -4868,7 +4868,7 @@ base background color of insensitive widgets */
@define-color insensitive_bg_color #fdfdfd;
/*
text foreground color of insensitive widgets */
@define-color insensitive_fg_color #aeb0b6;
@define-color insensitive_fg_color #9da0a7;
/*
insensitive text widgets and the like base background color */
@define-color insensitive_base_color #fafafa;

View File

@ -1,10 +1,13 @@
// When color definition differs for dark and light variant
// it gets @if ed depending on $variant
$_dark_base_color: #272a34;
//@import '_palette.scss';
$is_highcontrast: false;
// base color for light theme
$_dark_base_color: #272a34;
$base_color: if($variant == 'light', darken(#ffffff, 2%), $_dark_base_color);
$text_color: if($variant == 'light', black, white);
$bg_color: if($variant == 'light', #ffffff, darken($_dark_base_color, 2%));
@ -37,10 +40,14 @@ $warning_color: #fd7d00;
$error_color: #bf1717;
$success_color: if($variant == 'light', #3db47e, darken(#3db47e, 10%));
$destructive_color: if($variant == 'light', #d41919, darken(#d41919, 10%));
$drop_target_color: #19a187;
// color definitions for OSD elements
$osd_fg_color: white;
$osd_text_color: white;
$osd_bg_color: lighten($_dark_base_color, 4%);
// derived osd colors
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
$osd_borders_color: black;
@ -49,25 +56,46 @@ $osd_outer_borders_color: transparentize($osd_fg_color, 0.9);
$sidebar_bg_color: mix($bg_color, $base_color, 50%);
$base_hover_color: transparentize($fg_color, 0.95);
$panel_bg : transparentize($bg_color, if($variant=='light', 0.1, 0.2));
$panel_bg: transparentize($bg_color, if($variant=='light', 0.1, 0.2));
$panel_fg: if($variant=='light', darken($fg_color, 10%), $fg_color);
$tooltip_borders_color: $osd_outer_borders_color;
$shadow_color: transparentize(black, if($variant == 'light', 0.9, 0.7));
$system_bg_color: $_dark_base_color;
// button
$button_mix_factor: 9%;
$shadow_color: transparentize(black, if($variant == 'light', 0.9, 0.7));
// buttons
$button_mix_factor: if($variant == 'light', 10%, 9%);
// notifications
$bubble_buttons_color: if($variant == 'light', darken($bg_color, 7%), lighten($bg_color, 5%));
$drop_target_color: #19a187;
// color definitions for system elements (e.g. the overview)
$system_base_color: $_dark_base_color; // always dark
$system_fg_color: white;
//insensitive state derived colors
$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
// derived system colors
$system_bg_color: lighten($system_base_color, 5%);
$system_borders_color: transparentize($system_fg_color, .9);
$system_insensitive_fg_color: mix($system_fg_color, $system_bg_color, 50%);
$system_overlay_bg_color: mix($system_base_color, $system_fg_color, 90%); // for non-transparent items, e.g. dash
// derived global colors
// insensitive state
$insensitive_fg_color: if($variant == 'light', mix($fg_color, $bg_color, 60%), mix($fg_color, $bg_color, 50%));
$insensitive_bg_color: mix($bg_color, $base_color, 60%);
$insensitive_borders_color: $borders_color;
$insensitive_borders_color: mix($borders_color, $base_color, 60%);
// checked state
$checked_bg_color: if($variant=='light', darken($bg_color, 7%), lighten($bg_color, 7%));
$checked_fg_color: if($variant=='light', darken($fg_color, 7%), lighten($fg_color, 7%));
// hover state
$hover_bg_color: if($variant=='light', darken($bg_color,9%), lighten($bg_color, 10%));
$hover_fg_color: if($variant=='light', darken($fg_color,9%), lighten($fg_color, 10%));
// active state
$active_bg_color: if($variant=='light', darken($bg_color, 11%), lighten($bg_color, 12%));
$active_fg_color: if($variant=='light', darken($fg_color, 11%), lighten($fg_color, 12%));
//colors for the backdrop state, derived from the main colors.
$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%));
@ -85,18 +113,6 @@ $backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40
$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%));
// derived checked colors
$checked_bg_color: if($variant=='light', darken($base_color, 7%), lighten($base_color, 9%));
$checked_fg_color: if($variant=='light', darken($fg_color, 7%), lighten($fg_color, 7%));
// derived hover colors
$hover_bg_color: if($variant=='light', darken($base_color, 3%), lighten($base_color, 4%));
$hover_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 10%));
// derived active colors
$active_bg_color: if($variant=='light', darken($base_color, 5%), lighten($base_color, 6%));
$active_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 12%));
//special cased widget colors
$suggested_bg_color: $selected_bg_color;
$suggested_border_color: $selected_borders_color;
@ -110,3 +126,8 @@ $switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),darke
$focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3));
$alt_focus_border_color: if($variant == 'light', transparentize(white, 0.2), transparentize(white,0.7));
$dim_label_opacity: 0.55;
// Gnome's color palette
$light_1: white;
$light_3: red;
$dark_5: black;

View File

@ -80,6 +80,7 @@ $dialog_box_shadow: 0 2px 6px -2px transparentize(black, .8);
$_panel_text_shadow: 0 1px 2px transparentize(black, 0.7);
background: $_panel_bg;
text-shadow: $_panel_text_shadow;
box-shadow: none;
StIcon { icon-shadow: $_panel_text_shadow; }

View File

@ -5,66 +5,70 @@
$is_highcontrast:false;
// base color for light theme
$_dark_base_color: desaturate($dark_4, 100%);
$base_color: if($variant == 'light', $light_1, $_dark_base_color);
$bg_color: if($variant == 'light', $light_2, lighten($base_color, 5%));
$fg_color: if($variant == 'light', transparentize(black, .2), white);
$fg_color: if($variant == 'light', $_dark_base_color, white);
$selected_fg_color: $light_1;
$selected_bg_color: $blue_3;
$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 20%));
$borders_color: if($variant == 'light', transparentize($fg_color, .5), transparentize($fg_color, .9));
$outer_borders_color: if($variant == 'light', rgba(255,255,255,0.8), lighten($bg_color, 5%));
$borders_color: if($variant == 'light', transparentize($fg_color, .85), transparentize($fg_color, .9));
$outer_borders_color: if($variant == 'light', darken($bg_color, 7%), lighten($bg_color, 5%));
$link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
$link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
$warning_color: if($variant == 'light', $yellow_5, #cd9309);
$warning_color: if($variant == 'light', $yellow_5, $yellow_3);
$error_color: if($variant == 'light', $red_3, $red_4);
$success_color: if($variant == 'light', $green_4, $green_5);
$destructive_color: $error_color;
$osd_fg_color: $light_1;
$osd_bg_color: $_dark_base_color; //hardcoded for both light & dark
// color definitions for OSD elements
$osd_fg_color: if($variant == 'light', $_dark_base_color, $light_1);
$osd_bg_color: if($variant == 'light', $light_3, lighten($_dark_base_color, 5%));
// derived osd colors
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
$osd_insensitive_fg_color: if($variant == 'light', mix($osd_fg_color, $osd_bg_color, 80%), mix($osd_fg_color, $osd_bg_color, 70%));
$osd_borders_color: transparentize(black, 0.3);
$osd_outer_borders_color: transparentize($osd_fg_color, 0.9);
$osd_insensitive_fg_color: mix($osd_fg_color, $osd_bg_color, 70%);
$osd_borders_color: transparentize($osd_fg_color, 0.9);
$osd_outer_borders_color: transparentize($osd_fg_color, 0.98);
$shadow_color: if($variant == 'light', rgba(0,0,0,0.1), rgba(0,0,0,0.2));
$shadow_color: if($variant == 'light', rgba(0,0,0,.05), rgba(0,0,0,0.2));
// button
$button_mix_factor: 9%;
// buttons
$button_mix_factor: if($variant == 'light', 12%, 9%);
// notifications
$bubble_buttons_color: if($variant == 'light', darken($bg_color, 7%), lighten($bg_color, 5%));
// overview background color
$system_bg_color: $base_color;
// color definitions for system elements (e.g. the overview)
$system_base_color: $_dark_base_color; // always dark
$system_fg_color: $light_2;
//insensitive state derived colors
$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
// derived system colors
$system_bg_color: lighten($system_base_color, 5%);
$system_borders_color: transparentize($system_fg_color, .9);
$system_insensitive_fg_color: mix($system_fg_color, $system_bg_color, 50%);
$system_overlay_bg_color: mix($system_base_color, $system_fg_color, 90%); // for non-transparent items, e.g. dash
// derived global colors
// insensitive state
$insensitive_fg_color: if($variant == 'light', mix($fg_color, $bg_color, 60%), mix($fg_color, $bg_color, 50%));
$insensitive_bg_color: mix($bg_color, $base_color, 60%);
$insensitive_borders_color: mix($borders_color, $base_color, 60%);
//colors for the backdrop state, derived from the main colors.
$backdrop_base_color: if($variant =='light', darken($base_color,1%), lighten($base_color,1%));
$backdrop_bg_color: $bg_color;
$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 80%);
$backdrop_insensitive_color: if($variant =='light', darken($backdrop_bg_color,15%), lighten($backdrop_bg_color,15%));
$backdrop_borders_color: mix($borders_color, $bg_color, 90%);
$backdrop_dark_fill: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
// derived checked colors
// checked state
$checked_bg_color: if($variant=='light', darken($bg_color, 7%), lighten($bg_color, 7%));
$checked_fg_color: if($variant=='light', darken($fg_color, 7%), lighten($fg_color, 7%));
// derived hover colors
$hover_bg_color: if($variant=='light', darken($bg_color, 3%), lighten($bg_color, 10%));
$hover_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 10%));
// hover state
$hover_bg_color: if($variant=='light', darken($bg_color,9%), lighten($bg_color, 10%));
$hover_fg_color: if($variant=='light', darken($fg_color,9%), lighten($fg_color, 10%));
// derived active colors
$active_bg_color: if($variant=='light', darken($bg_color, 5%), lighten($bg_color, 12%));
$active_fg_color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 12%));
// active state
$active_bg_color: if($variant=='light', darken($bg_color, 11%), lighten($bg_color, 12%));
$active_fg_color: if($variant=='light', darken($fg_color, 11%), lighten($fg_color, 12%));

View File

@ -57,18 +57,6 @@ stage {
/* Common Stylings */
// osd panels
%osd_panel {
color: $osd_fg_color;
background-color: $osd_bg_color;
border: 1px solid $osd_outer_borders_color;
border-radius: 999px;
padding: $base_padding*2;
@if $is_highcontrast {
border: 2px solid $hc_inset_color;
}
}
// icon tiles
%tile {
border-radius: $base_border_radius * 2; // 16px
@ -77,19 +65,24 @@ stage {
border: 2px solid transparent;
transition-duration: 200ms;
text-align: center;
color: inherit;
@if $is_highcontrast {
border-color: $hc_inset_color;
}
}
// normal button styling
%button {
%button_common {
border-radius: $base_border_radius;
border-style: solid;
border-width: 1px;
font-weight: bold;
padding: $base_padding*.5 $base_padding*4;
}
%button {
@extend %button_common;
@include button(normal);
&:focus { @include button(focus);}
&:hover { @include button(hover);}
@ -111,19 +104,24 @@ stage {
// normal entry style
%entry {
%entry_common {
border-radius: $base_border_radius;
padding: $base_padding*1.5 $base_padding*1.5;
color: $fg_color;
selection-background-color: $selected_bg_color;
selected-color: $selected_fg_color;
@include entry(normal);
&:hover { @include entry(hover);}
&:focus { @include entry(focus);}
&:insensitive { @include entry(insensitive);}
}
%entry {
@extend %entry_common;
@include entry(normal, $c:$fg_color);
&:hover { @include entry(hover, $c:$fg_color);}
&:focus { @include entry(focus, $c:$fg_color);}
&:insensitive { @include entry(insensitive, $c:$fg_color);}
StLabel.hint-text {
color: transparentize($fg_color, 0.3);
}
}
// buttons in dialogs/notifications
// lighter in color and have a greater radius
@ -166,36 +164,21 @@ stage {
}
}
// buttons on OSD elements
// that are undecorated by default and use OSD colors
%osd_button {
@include button(undecorated);
&:insensitive { @include button(undecorated, $tc:$osd_fg_color, $c:$osd_bg_color);}
&:focus { @include button(focus, $tc:$osd_fg_color, $c:$osd_bg_color);}
&:hover { @include button(hover, $tc:$osd_fg_color, $c:$osd_bg_color);}
&:active { @include button(active, $tc:$osd_fg_color, $c:$osd_bg_color);}
&:outlined,&:checked { @include button(checked, $tc:$osd_fg_color, $c:$osd_bg_color);}
}
// tooltip
%tooltip {
background-color: $osd_bg_color;
color: $osd_fg_color;
border:1px solid $osd_outer_borders_color;
background-color: transparentize(black, 0.1);
color: $light_1;
border-radius: 99px;
padding: $base_padding $base_padding * 2;
text-align: center;
@if $is_highcontrast {
background-color: $osd_bg_color;
color: $osd_fg_color;
border: 1px solid $hc_inset_color;
border-color: $hc_inset_color;
}
}
/* General Typography */
%large_title {
font-weight: 300;
@include fontsize(24);
@ -243,3 +226,68 @@ stage {
%monospace {font-family: monospace;}
%numeric { font-feature-settings: "tnum";}
/* OSD Elements */
%osd_panel {
color: $osd_fg_color;
background-color: $osd_bg_color;
border: 1px solid $osd_outer_borders_color;
border-radius: 999px;
padding: $base_padding*2;
@if $is_highcontrast {
border: 2px solid $hc_inset_color;
}
}
// entries
%osd_entry {
@extend %entry_common;
@include entry(normal, $c:$osd_fg_color,);
&:hover { @include entry(hover, $c:$osd_fg_color,);}
&:focus { @include entry(focus, $c:$osd_fg_color,);}
&:insensitive { @include entry(insensitive, $c:$osd_fg_color,);}
StLabel.hint-text {color: transparentize($osd_fg_color, 0.3); }
}
// buttons on OSD elements
%osd_button {
@extend %button_common;
@include button(normal, $tc:$osd_fg_color, $c:$osd_bg_color);
&:insensitive { @include button(insensitive, $tc:$osd_fg_color, $c:$osd_bg_color);}
&:focus { @include button(focus, $tc:$osd_fg_color, $c:$osd_bg_color);}
&:hover { @include button(hover, $tc:$osd_fg_color, $c:$osd_bg_color);}
&:active { @include button(active, $tc:$osd_fg_color, $c:$osd_bg_color);}
&:outlined,&:checked { @include button(checked, $tc:$osd_fg_color, $c:$osd_bg_color);}
}
%osd_button_flat {
@extend %osd_button;
@include button(undecorated);
&:insensitive { @include button(undecorated, $tc:$osd_fg_color, $c:$osd_bg_color);}
}
/* System Elements */
// entries
%system_entry {
@extend %entry_common;
@include entry(normal, $c:$system_fg_color,);
&:hover { @include entry(hover, $c:$system_fg_color,);}
&:focus { @include entry(focus, $c:$system_fg_color,);}
&:insensitive { @include entry(insensitive, $c:$system_fg_color,);}
StLabel.hint-text { color: transparentize($system_fg_color, 0.3);}
}
// buttons
%system_button {
@include button(normal, $tc:$system_fg_color, $c:$system_bg_color);
&:insensitive { @include button(insensitive, $tc:$system_fg_color, $c:$system_bg_color);}
&:focus { @include button(focus, $tc:$system_fg_color, $c:$system_bg_color);}
&:hover { @include button(hover, $tc:$system_fg_color, $c:$system_bg_color);}
&:active { @include button(active, $tc:$system_fg_color, $c:$system_bg_color);}
&:outlined,&:checked { @include button(checked, $tc:$system_fg_color, $c:$system_bg_color);}
}

View File

@ -23,23 +23,22 @@
@else { box-shadow: $shadow1; }
}
// entries
@mixin entry($t, $fc:$selected_bg_color) {
// Text entries
@mixin entry($t, $c) {
//
// Entries drawing function
//
// $t: entry type
// $fc: focus color
// $c: text color, used to derive background color of entries
//
// possible $t values:
// normal, focus, insensitive
// possible $t values: normal, focus, insensitive
//
transition-duration: 100ms;
@if $t==normal {
background-color: transparentize($fg_color, 0.9);
color: transparentize($fg_color,0.3);
background-color: transparentize($c, 0.85);
color: transparentize($c,0.3);
@if $is_highcontrast {
box-shadow: inset 0 0 0 1px $hc_inset_color;
@ -47,20 +46,19 @@
}
@if $t==focus {
background-color: mix(transparentize($fg_color, 0.8), $selected_bg_color, 95%);
box-shadow: inset 0 0 0 2px $fc;
color: $fg_color;
background-color: mix(transparentize($c, 0.75), $selected_bg_color, 95%);
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3);
color: $c;
&:hover {}
}
@if $t==hover {
background-color:transparentize($fg_color, 0.8);
color: inherit;
background-color: transparentize($c, 0.75);
}
@if $t==insensitive {
background-color:transparentize($insensitive_fg_color, 0.8);
color: $insensitive_fg_color;
background-color:transparentize($c, 0.75);
color: transparentize($c, 0.5);
}
}
@ -162,29 +160,6 @@
}
}
// hover button
@else if $t==hover {
color: $tc;
background-color: lighten($button_bg_color, 3%);
@if $is_highcontrast {
box-shadow: inset 0 0 0 1px $hc_inset_color !important;
}
}
// active button
@else if $t==active {
color: $tc;
background-color: lighten($button_bg_color, 9%);
}
// checked button
@else if $t==checked {
color: $tc;
background-color: lighten($button_bg_color, 9%);
&:hover { background-color: lighten($button_bg_color, 12%);}
&:active { background-color: lighten($button_bg_color, 15%);}
}
// focused button
@if $t==focus {
color: $tc;
@ -200,6 +175,39 @@
}
}
// hover button
@else if $t==hover {
color: $tc;
background-color: if($variant == 'light', darken($button_bg_color, 3%), lighten($button_bg_color, 3%));
@if $is_highcontrast == "true" {
box-shadow: inset 0 0 0 1px lighten($button_inset_color, 3%);
background-color: mix(lighten($button_bg_color, 3%), $button_inset_color, 10%);
}
}
// active button
@else if $t==active {
color: $tc;
background-color: if($variant == 'light', darken($button_bg_color, 6%), lighten($button_bg_color, 6%));
@if $is_highcontrast == "true" {
box-shadow: inset 0 0 0 1px lighten($button_inset_color, 6%);
background-color: mix(lighten($button_bg_color, 6%), $button_inset_color, 10%);
}
}
// checked button
@else if $t==checked {
color: $tc;
background-color: if($variant == 'light', darken($button_bg_color, 9%), lighten($button_bg_color, 9%));
@if $is_highcontrast == "true" {
box-shadow: inset 0 0 0 1px lighten($button_inset_color, 9%);
background-color: mix(lighten($button_bg_color, 9%), $button_inset_color, 10%);
}
&:hover { background-color: lighten($button_bg_color, 12%);}
&:active { background-color: lighten($button_bg_color, 15%);}
}
// insensitive button
@else if $t==insensitive {
color: transparentize($tc, 0.5);
@ -274,17 +282,15 @@
// overview icon, dash, app grid
@mixin overview_icon($color, $flat: true) {
transition-duration: 400ms;
.overview-icon {
.overview-icon {
@extend %tile;
}
@if $flat {
.overview-icon { background-color: transparent;}
} @else {
.overview-icon {
background-color: transparentize($color, .93);
}
.overview-icon { background-color: transparentize($color, .93); }
}
&:hover .overview-icon { background-color: transparentize($color, .9);}
&:hover .overview-icon { background-color: transparentize($color, .87);}
&:selected .overview-icon,
&:focus .overview-icon {
@ -319,6 +325,12 @@
&:hover {@include button(hover);}
&:active {@include button(active);}
&:focus {@include button(focus);}
&:insensitive {
@include button(insensitive);
@if $flat {
background-color: transparent;
}
}
}
// styling for all menuitems in popovers

View File

@ -0,0 +1,46 @@
//GNOME Color Palette
$blue_1: #99c1f1;
$blue_2: #62a0ea;
$blue_3: #3584e4;
$blue_4: #1c71d8;
$blue_5: #1a5fb4;
$green_1: #8ff0a4;
$green_2: #57e389;
$green_3: #33d17a;
$green_4: #2ec27e;
$green_5: #26a269;
$yellow_1: #f9f06b;
$yellow_2: #f8e45c;
$yellow_3: #f6d32d;
$yellow_4: #f5c211;
$yellow_5: #e5a50a;
$orange_1: #ffbe6f;
$orange_2: #ffa348;
$orange_3: #ff7800;
$orange_4: #e66100;
$orange_5: #c64600;
$red_1: #f66151;
$red_2: #ed333b;
$red_3: #e01b24;
$red_4: #c01c28;
$red_5: #a51d2d;
$purple_1: #dc8add;
$purple_2: #c061cb;
$purple_3: #9141ac;
$purple_4: #813d9c;
$purple_5: #613583;
$brown_1: #cdab8f;
$brown_2: #b5835a;
$brown_3: #986a44;
$brown_4: #865e3c;
$brown_5: #63452c;
$light_1: #ffffff;
$light_2: #f6f5f4;
$light_3: #deddda;
$light_4: #c0bfbc;
$light_5: #9a9996;
$dark_1: #77767b;
$dark_2: #5e5c64;
$dark_3: #3d3846;
$dark_4: #241f31;
$dark_5: #000000;

View File

@ -18,11 +18,12 @@ $app_icon_size: 96px;
// Icon tiles in the app grid
.app-well-app {
@include overview_icon($osd_fg_color);
@include overview_icon($system_fg_color);
.overview-icon {
padding: $base_padding*2;
border-radius: $base_border_radius*3;
color: $system_fg_color;
}
.overview-icon.overview-icon-with-label {
> StBoxLayout {
@ -33,7 +34,7 @@ $app_icon_size: 96px;
// app folders
.app-well-app.app-folder {
@include overview_icon($fg_color, $flat: false);
@include overview_icon($system_fg_color, $flat: false);
}
// expanded folder
@ -62,7 +63,7 @@ $app_icon_size: 96px;
}
/* FIXME: this is to keep the label in sync with the entry */
& .folder-name-label { padding: 5px 7px; color: $osd_fg_color; }
& .folder-name-label { padding: 5px 7px; color: $system_fg_color; }
& .edit-folder-button {
@extend %button;
@ -100,7 +101,7 @@ $app_icon_size: 96px;
width: 5px;
border-radius:5px;
margin-bottom: 8px;
background-color: $osd_fg_color;
background-color: $system_fg_color;
}
// Rename popup for app folders
@ -130,8 +131,8 @@ $app_icon_size: 96px;
// shutdown and other actions in the grid
.system-action-icon {
background-color: rgba(0,0,0,0.8);
color: white;
background-color: transparentize($system_fg_color,.9);
color: $system_fg_color;
border-radius: 99px;
icon-size: $app_icon_size * 0.5;
@if $is_highcontrast {
@ -167,11 +168,14 @@ $app_icon_size: 96px;
width: 24px;
height: 24px;
border-radius: 99px;
> StIcon { color: $system_fg_color;}
@if $is_highcontrast {
@include button(normal, $osd_fg_color, transparentize($osd_bg_color, 0.5));
@include button(normal, $system_fg_color, transparentize($system_bg_color, 0.5));
}
&:insensitive { @include button(undecorated, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
&:hover { @include button(hover, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
&:active { @include button(active, $osd_fg_color, transparentize($osd_bg_color, 0.5));}
&:insensitive { @include button(undecorated, $system_fg_color, transparentize($system_bg_color, 0.5));}
&:hover { @include button(hover, $system_fg_color, transparentize($system_bg_color, 0.5));}
&:active { @include button(active, $system_fg_color, transparentize($system_bg_color, 0.5));}
}

View File

@ -78,7 +78,7 @@
&:hover {background-color: $hover_bg_color;}
&:focus {
background-color: mix($bg_color, $selected_bg_color, 80%);
color: $selected_fg_color;
color: inherit;
box-shadow:inset 0 0 0 2px transparentize($selected_bg_color, 0.4);
}
@ -94,7 +94,7 @@
&.calendar-day-heading {
color: $insensitive_fg_color;
padding-top: $base_padding;
height: 16px !important; // force heading to be smaller height
height: 1.1em !important; // force heading to be smaller height
font-weight: 600;
@extend %smaller;
}
@ -166,11 +166,11 @@
.events-list {
spacing: 2 * $base_padding;
color: $fg_color;
}
.events-title {
@extend %heading;
color: $insensitive_fg_color;
margin-bottom: $base_margin;
}

View File

@ -1,6 +1,8 @@
/* Dash */
$dash_background_color: lighten($system_bg_color, 5%);
// uses system colors
$dash_background_color: $system_overlay_bg_color;
$dash_placeholder_size: 32px;
$dash_padding: $base_padding*2; // 12px
$dash_border_radius: $modal_radius + $dash_padding;
@ -55,10 +57,11 @@ $dash_border_radius: $modal_radius + $dash_padding;
}
// show apps button
.show-apps { @include overview_icon($osd_fg_color);}
.show-apps { @include overview_icon($system_fg_color);}
.show-apps, .app-well-app {
padding-bottom: $dash_padding;
color: $system_fg_color;
}
}
@ -66,7 +69,7 @@ $dash_border_radius: $modal_radius + $dash_padding;
.dash-separator {
width: 1px;
margin: 0 $base_margin;
background-color: $borders_color;
background-color: $system_borders_color;
margin-bottom: $dash_padding;
@if $is_highcontrast {
width: 2px;

View File

@ -16,6 +16,5 @@ StEntry {
StLabel.hint-text {
margin-left: 2px;
color: transparentize($fg_color, 0.3);
}
}

View File

@ -1,5 +1,5 @@
$_gdm_bg: $system_bg_color;
$_gdm_fg: white;
$_gdm_fg: $system_fg_color;
$_gdm_dialog_width: 23em;
// common style for gdm and lockscreen
@ -19,12 +19,12 @@ $_gdm_dialog_width: 23em;
// buttons
.login-dialog-button {
@extend .button;
&.cancel-button,
&.switch-user-button,
&.login-dialog-session-list-button {
@extend .icon-button;
@extend %system_button;
}
&.cancel-button {
@ -145,7 +145,9 @@ $_gdm_dialog_width: 23em;
width: 26em;
}
.login-dialog-prompt-entry {}
.login-dialog-prompt-entry {
@extend %system_entry;
}
/* Screen Shield */

View File

@ -2,19 +2,21 @@
// Dialog
#LookingGlassDialog {
background-color: transparentize($bg_color,0.05);
@extend %osd_panel;
background-color: transparentize($osd_bg_color,0.02);
color: $osd_fg_color;
border-radius: 0 0 $modal_radius $modal_radius;
border: 1px solid $outer_borders_color;
border-top-width: 0;
color: $fg_color;
padding: $base_padding;
spacing: $base_padding;
box-shadow: 0 2px 4px 0 $shadow_color;
@if $is_highcontrast {
border: 2px solid $hc_inset_color;
background-color: $bg_color;
border-top-width: 0;
background-color: $osd_bg_color;
box-shadow:none;
}
@ -26,21 +28,21 @@
spacing: $base_padding;
.lg-toolbar-button {
@extend %osd_button;
padding: $base_padding $base_padding*2;
@extend %button;
& > StIcon { icon-size: $base_icon_size; }
}
}
.labels {
.labels {
spacing: $base_padding;
}
.notebook-tab {
@extend %osd_button;
-natural-hpadding: $base_padding*2;
-minimum-hpadding: $base_padding*2;
@extend %button;
padding: $base_padding $base_padding*2;
}
@ -51,8 +53,8 @@
.lg-dialog {
StEntry {
@extend %osd_entry;
min-height: 22px;
@extend %entry;
}
.shell-link {
@ -118,9 +120,9 @@
.lg-debug-flag-button {
StLabel { padding: $base_padding, 2 * $base_padding; }
color: $fg_color;
&:hover { color: lighten($fg_color, 20%); }
&:active { color: darken($fg_color, 20%); }
color: $osd_fg_color;
&:hover { color: lighten($osd_fg_color, 20%); }
&:active { color: darken($osd_fg_color, 20%); }
}
.lg-debug-flags-header {

View File

@ -10,9 +10,9 @@
&:ltr {margin-left: 0; margin-right: $base_margin; padding-right: $base_padding; border-right-width: 1px; }
&:rtl {margin-right: 0; margin-left: $base_margin; padding-left: $base_padding; border-left-width: 1px; }
.message-list-placeholder {
.message-list-placeholder {
@extend %title_2;
color: transparentize($insensitive_fg_color, .5);
color: $insensitive_fg_color;
// icon size and color
> StIcon {
@ -25,7 +25,7 @@
.message-list-sections {
spacing: $base_padding;
margin: 0;
margin: 0;
padding-bottom: $base_padding;
// to account for scrollbar
@ -117,14 +117,14 @@
// close button
.message-close-button {
color: $fg_color;
background-color: transparentize($fg_color, 0.9);
background-color: transparentize($fg_color, 0.8);
border-radius: 99px;
padding: $base_padding - 1px;
margin: 1px;
&:hover {background-color: transparentize($fg_color, 0.8);}
&:active {background-color: transparentize($fg_color, 0.9);}
&:hover {background-color: transparentize($fg_color, 0.7);}
&:active {background-color: transparentize($fg_color, 0.8);}
& StIcon { icon-size: $base_icon_size; }
> StIcon { icon-size: $base_icon_size; }
}
// body
@ -154,7 +154,7 @@
color: $fg_color;
}
&:active {
&:active {
background-color: lighten($active_bg_color, 5%);
color: $fg_color;
}
@ -165,7 +165,7 @@
border-color: transparent;
}
}
// fix margin for last button
&:last-child:ltr { margin-right: $base_margin*3; }
&:last-child:rtl { margin-left: $base_margin*3; }

View File

@ -30,7 +30,7 @@
.flashspot { background-color: white; }
// Hidden
.hidden { color: rgba(0,0,0,0);}
.hidden { color: transparent;}
// Caps-lock warning
.caps-lock-warning-label {

View File

@ -5,7 +5,7 @@
}
#overviewGroup {
background-color: $system_bg_color;
background-color: $system_base_color;
}
.overview-controls {

View File

@ -1,8 +1,11 @@
/* Top Bar */
// a.k.a. the panel
$panel_bg_color: #000;
$panel_fg_color: if($variant == 'light', lighten($bg_color, 10%), darken($fg_color, 5%));
$panel_bg_color: if($variant == 'light', $light_3, $dark_5);
$panel_fg_color: if($variant == 'light', $fg_color, darken($fg_color, 5%));
$panel_border_color: if($variant == 'light', darken($panel_bg_color, 2%), $panel_bg_color);
$panel_system_fg_color: $system_fg_color; // always light for lockscreen, overview and other transparent panels
$panel_height: 2.2em;
$panel_transition_duration: 250ms; // same as the overview transition duration
@ -12,12 +15,17 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
height: $panel_height;
@extend %numeric;
transition-duration: $panel_transition_duration;
box-shadow: inset 0 -1px 0 0 $panel_border_color;
// transparent panel on lock & login screens
&.unlock-screen,
&.login-screen,
&:overview {
background-color: transparent;
box-shadow: none;
.panel-button {
color: $panel_system_fg_color !important;
}
}
// panel menus
@ -141,13 +149,13 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
&:overview {
.panel-button {
&:active, &:overview, &:focus, &:checked {
box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.15);
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.85);
&.clock-display {
box-shadow: none;
.clock {
box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.15);
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.85);
}
}
@ -160,11 +168,11 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
}
&:hover {
box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.10);
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.90);
&.clock-display {
box-shadow: none;
.clock {
box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.10);
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.90);
}
}
@ -177,11 +185,11 @@ $panel_transition_duration: 250ms; // same as the overview transition duration
}
&:active:hover, &:overview:hover, &:focus:hover, &:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.2);
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.8);
&.clock-display {
box-shadow: none;
.clock {
box-shadow: inset 0 0 0 100px rgba(255,255,255, 0.2);
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.8);
}
}

View File

@ -48,7 +48,9 @@
max-width: auto;
&:ltr { border-radius: 99px 0 0 99px; }
&:ltr > StBoxLayout { padding-right: $base_padding*1.5; }
&:rtl { border-radius: 0 99px 99px 0; }
&:rtr > StBoxLayout { padding-left: $base_padding*1.5; }
&:ltr:last-child { border-radius: 99px; }
&:rtl:last-child { border-radius: 99px; }
@ -89,6 +91,11 @@
.quick-toggle-menu {
@include card;
// override some card styles
background-color: $bg_color !important;
color: $fg_color !important;
border-radius: $base_border_radius*3;
padding: $base_padding*2;
margin: $base_padding*2 $base_padding*3 0;
@ -106,7 +113,10 @@
padding: 1.5 * $base_padding;
background-color: transparentize($fg_color, 0.8);
&.active { background-color: $selected_bg_color;}
&.active {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
}
& .title {
@ -144,7 +154,7 @@
.popup-menu-icon { -st-icon-style: symbolic; }
}
.bt-menu-placeholder {
.bt-menu-placeholder.popup-menu-item {
@extend %title_4;
text-align: center;

View File

@ -33,7 +33,7 @@ $screenshot_ui_button_red: $error_color;
}
.screenshot-ui-type-button {
@extend %osd_button;
@extend %osd_button_flat;
min-width: 48px;
padding: $base_padding * 2 $base_padding * 3 !important;
border-radius: $screenshot_ui_panel_border_radius - $screenshot_ui_panel_padding;
@ -106,7 +106,7 @@ $screenshot_ui_button_red: $error_color;
}
.screenshot-ui-show-pointer-button {
@extend %osd_button;
@extend %osd_button_flat;
border-radius: 99px;
padding: $base_padding * 2 !important;
StIcon { icon-size: $base_icon_size;}
@ -129,7 +129,7 @@ $screenshot_ui_button_red: $error_color;
.screenshot-ui-area-selector-handle {
border-radius: 99px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px 2px $shadow_color;
width: 24px;
height: 24px;
}

View File

@ -5,6 +5,8 @@
margin-bottom: $base_padding;
width: 24em;
@extend %system_entry;
.search-entry-icon {
icon-size: $base_icon_size;
margin-top: 2px; // center vertically

View File

@ -23,22 +23,22 @@
// content
.search-section-content {
background-color: lighten($system_bg_color, 5%);
background-color: $system_overlay_bg_color;
color: $system_fg_color;
border-radius: $modal_radius*1.5;
box-shadow:inset 0 0 0 1px solid $outer_borders_color;
color: $osd_fg_color;
padding: $base_padding*2;
margin:0 $base_margin*3;
}
%search_section_content_item {
@include tile_button($osd_fg_color);
@include tile_button($system_fg_color);
border-radius: $base_border_radius+3px;
}
// "no results" text
.search-statustext {
@extend %title_1;
color: transparentize($system_fg_color, .2);
}
.grid-search-results {
@ -64,7 +64,7 @@
// provider labels
.list-search-provider-details {
width: 120px;
color: $osd_fg_color;
color: $system_fg_color;
}
}
}
@ -91,6 +91,6 @@
// list item description
.list-search-result-description {
color: $osd_insensitive_fg_color;
color: $system_insensitive_fg_color;
}
}

View File

@ -5,7 +5,7 @@ $slider_size: 16px;
.slider {
// slider trough
-barlevel-height: 4px;
-barlevel-background-color: if($variant == 'light', transparentize($fg_color, 0.6), transparentize($fg_color, 0.8)); //background of the trough
-barlevel-background-color: transparentize($fg_color, 0.8); //background of the trough
-barlevel-border-width: 2px;
-barlevel-border-color: transparent; // trough border color
// fill style

View File

@ -24,7 +24,7 @@ $switcher_padding: $base_padding*2;
// each item in the list
.item-box {
@include tile_button($osd_fg_color);
@include tile_button($fg_color);
// override over style so mouse doesn't steal focus
&:hover {background: none;}
@if $is_highcontrast {

View File

@ -3,9 +3,9 @@
$window_picker_spacing: $base_padding; // 6px
$window_picker_padding: $base_padding * 2; // 12px
$window_thumbnail_label_color: transparentize($osd_bg_color, 0.4);
$window_thumbnail_label_color: transparentize($system_bg_color, 0.4);
$window_close_button_color: transparentize(lighten($osd_bg_color, 7%), .02);
$window_close_button_color: transparentize(lighten($system_bg_color, 7%), .02);
$window_close_button_size: 30px;
$window_close_button_padding: 3px;
@ -23,7 +23,7 @@ $window_close_button_padding: 3px;
// Close button
.window-close {
background-color: $window_close_button_color;
color: $osd_fg_color;
color: $system_fg_color;
border-radius: 99px;
box-shadow: 0 2px 4px 0 $shadow_color;
padding: $window_close_button_padding;
@ -50,5 +50,5 @@ $window_close_button_padding: 3px;
// keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js
border-radius: 30px;
background-color: $invisible_occluded_bg_color;
box-shadow: 0 4px 16px 4px transparentize(darken($osd_bg_color, 30%), 0.7);
box-shadow: 0 4px 16px 4px $shadow_color;
}

View File

@ -7,7 +7,7 @@
padding: $base_padding;
.workspace-thumbnail {
color: $osd_fg_color;
color: $system_fg_color;
background-color: lighten($system_bg_color, 10%);
border-radius: $base_border_radius*0.5;
border: 1px solid transparent;

View File

@ -4,7 +4,7 @@ GREEN='\033[0;32m'
YELLOW='\033[0;33m'
RESET='\033[0m'
VERSION=44.rc
VERSION=44.2
echo
printf " $YELLOW[ i ]$RESET Upstream version $VERSION\n"
@ -26,6 +26,7 @@ done <<- EOF
pad-osd.css
gnome-shell-high-contrast.scss
gnome-shell-sass/_colors.scss
gnome-shell-sass/_palette.scss
gnome-shell-sass/_common.scss
gnome-shell-sass/_drawing.scss
gnome-shell-sass/_widgets.scss