GNOME: Update for gnome-shell 44.2
This commit is contained in:
parent
2bc1a97382
commit
37799d67d2
File diff suppressed because it is too large
Load Diff
@ -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;
|
||||
|
||||
@ -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
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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
@ -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;
|
||||
|
||||
@ -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
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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; }
|
||||
|
||||
|
||||
@ -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%));
|
||||
|
||||
@ -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);}
|
||||
}
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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;
|
||||
@ -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));}
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -16,6 +16,5 @@ StEntry {
|
||||
|
||||
StLabel.hint-text {
|
||||
margin-left: 2px;
|
||||
color: transparentize($fg_color, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
@ -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 */
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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; }
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
}
|
||||
|
||||
#overviewGroup {
|
||||
background-color: $system_bg_color;
|
||||
background-color: $system_base_color;
|
||||
}
|
||||
|
||||
.overview-controls {
|
||||
|
||||
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user