Set colors for default buttons when disabled to match Chrome OS colors.
Adds color variable '@insensitive_text_color' set to #80868b
(from Chrome spec).
For non-action ('.suggested-action', '.destructive-action') buttons in
the ':disabled' state:
- Set color to '@insensitive_text_color' (without transparency).
- Set background-color to '@theme_base_color' (without transparency).
- 'border-color: @borders;' (for rules that set border-color).
- 'border: 1px solid @borders;' (for rules that set border).
Other border colors are left unchanged.
The following mods were used to construct these changes using the CSS
rewriter from https://chromium-review.googlesource.com/1134635
Mod(r'button.*:disabled',
anti=[r'-action'],
remove=color(),
replace=r'\n color: @insensitive_text_color;',
enabled=True),
Mod(r'button.*:disabled',
anti=[r'-action'],
remove=background_color(),
replace=r'\n background-color: @theme_base_color;',
enabled=True),
Mod(r'button.*:disabled',
anti=[r'-action'],
remove=border_color(),
replace=r'\n border-color: @borders;',
enabled=True)
Bug: 822495
Change-Id: I7125bb689be02d5bae44fae30ed10f15086a687f
Reviewed-on: https://chromium-review.googlesource.com/1132830
Commit-Ready: Josh Pratt <jopra@chromium.org>
Tested-by: Josh Pratt <jopra@chromium.org>
Reviewed-by: Raymes Khoury <raymes@chromium.org>
diff --git a/gtk-3.0/adapta.css b/gtk-3.0/adapta.css
index 43bcbe8..4e66942 100644
--- a/gtk-3.0/adapta.css
+++ b/gtk-3.0/adapta.css
@@ -100,7 +100,7 @@
border: 1px solid @borders;
border-image: none;
background-color: @theme_base_color;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
*,
@@ -416,7 +416,7 @@
transparent
)
0 0 1/0 0 1px;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -462,7 +462,7 @@
)
0 0 1/0 0 1px;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -544,7 +544,7 @@
)
0 0 1/0 0 1px;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -585,7 +585,7 @@
transparent
)
0 0 1/0 0 1px;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
entry.error.flat,
@@ -627,7 +627,7 @@
)
0 0 1/0 0 1px;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
entry.warning,
@@ -667,7 +667,7 @@
transparent
)
0 0 1/0 0 1px;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
entry.warning.flat,
@@ -709,7 +709,7 @@
)
0 0 1/0 0 1px;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
entry.search-missing,
@@ -749,7 +749,7 @@
transparent
)
0 0 1/0 0 1px;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
entry.search-missing.flat,
@@ -791,7 +791,7 @@
)
0 0 1/0 0 1px;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
entry image:not(:hover):not(:active),
@@ -806,7 +806,7 @@
entry image:disabled,
spinbutton:not(.vertical) image:disabled {
- color: alpha(@suggestion_color, 0.54);
+ color: @insensitive_text_color;
}
entry:drop(active),
@@ -1010,7 +1010,7 @@
}
spinbutton:not(.vertical):disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
spinbutton:not(.vertical) entry,
@@ -1027,7 +1027,7 @@
spinbutton:not(.vertical) spinbutton:disabled:not(.vertical) {
margin: 0;
background: none;
- border: none;
+ border: 1px solid @borders;
border-image: none;
}
@@ -1066,7 +1066,7 @@
spinbutton:not(.vertical) button.down:disabled {
background: none;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
spinbutton:not(.vertical) button.up:hover {
@@ -1084,7 +1084,7 @@
spinbutton:not(.vertical) button.up:disabled {
background: none;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.osd spinbutton:not(.vertical),
@@ -1111,7 +1111,7 @@
.osd spinbutton:not(.vertical) spinbutton:disabled:not(.vertical),
.osd spinbutton.vertical entry:disabled,
.osd spinbutton.vertical spinbutton:disabled:not(.vertical) {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.osd spinbutton:not(.vertical) button,
@@ -1121,7 +1121,7 @@
.osd spinbutton:not(.vertical) button:disabled,
.osd spinbutton.vertical button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.osd spinbutton:not(.vertical) button.down:hover,
@@ -1139,7 +1139,7 @@
}
spinbutton.vertical:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
spinbutton.vertical entry,
@@ -1176,7 +1176,7 @@
spinbutton.vertical button.up:disabled {
background: none;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
spinbutton.vertical button.down:hover {
@@ -1191,7 +1191,7 @@
spinbutton.vertical button.down:disabled {
background: none;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
treeview spinbutton entry:focus,
@@ -1280,7 +1280,7 @@
transparent
)
0 0 1/0 0 1px;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -1346,7 +1346,7 @@
.gedit-search-slider
button:not(:active):not(:disabled):not(hover) {
background-color: transparent;
- color: alpha(@suggestion_color, 0.87);
+ color: @insensitive_text_color;
}
.app-notification button:hover,
@@ -1380,7 +1380,7 @@
toolbar.osd button:disabled,
.gedit-bottom-panel-paned .gedit-search-slider button:disabled {
background-color: transparent;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.app-notification button.image-button,
@@ -1514,13 +1514,13 @@
.background toolbar button:checked:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.background toolbar button:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
.background toolbar button,
@@ -1739,14 +1739,14 @@
actionbar .linked > button.image-button:checked:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
actionbar box:not(.linked) > button.toggle:disabled,
actionbar .linked > button.image-button:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
actionbar .linked > button.popup.toggle {
@@ -2103,7 +2103,7 @@
treeview.view spinbutton:disabled:not(.vertical),
treeview.view entry > label:disabled,
treeview.view spinbutton:not(.vertical) > label:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
treeview.view:disabled:selected,
@@ -2111,7 +2111,7 @@
treeview.view spinbutton:disabled:selected:not(.vertical),
treeview.view entry > label:disabled:selected,
treeview.view spinbutton:not(.vertical) > label:disabled:selected {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
treeview.view .separator,
@@ -2196,7 +2196,7 @@
treeview.view header button:disabled {
background-color: @theme_base_color;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
treeview.view.separator {
@@ -2240,7 +2240,7 @@
padding: 0 0.5rem 0;
border-style: none solid solid none;
border-width: 1px;
- border-color: alpha(@borders, 0.09);
+ border-color: @borders;
border-radius: 0;
font-weight: 400;
}
@@ -2649,7 +2649,7 @@
window.budgie-popover.background:not(.csd) button.flat:disabled,
popover.background button menuitem.flat:disabled,
popover.background button.flat:disabled {
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
window.budgie-popover.background:not(.csd) button menuitem.flat label,
@@ -3133,7 +3133,7 @@
transparent
)
0 0 1/0 0 1px;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -6110,7 +6110,7 @@
}
row:selected button:disabled {
- color: alpha(@suggestion_color, 0.348);
+ color: @insensitive_text_color;
}
row:selected button.flat {
@@ -6124,7 +6124,7 @@
}
row:selected button.flat:disabled {
- color: alpha(@suggestion_color, 0.348);
+ color: @insensitive_text_color;
}
row:selected entry,
@@ -6161,8 +6161,8 @@
row:selected spinbutton.flat:disabled:not(.vertical) {
border-style: none;
border-image: none;
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.28);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
.app-notification,
@@ -6187,7 +6187,7 @@
.app-notification.frame
button:not(hover):not(:active):not(:checked):not(:disabled) {
background-color: transparent;
- color: alpha(@suggestion_color, 0.87);
+ color: @insensitive_text_color;
}
.app-notification button:hover,
@@ -6213,7 +6213,7 @@
.app-notification button:disabled,
.app-notification.frame button:disabled {
background-color: transparent;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.app-notification border,
@@ -6369,7 +6369,7 @@
messagedialog.background spinbutton:disabled:not(.vertical),
messagedialog.background entry.combo:disabled,
messagedialog.background spinbutton.combo:disabled:not(.vertical) {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
messagedialog.background button {
@@ -6383,7 +6383,7 @@
}
messagedialog.background button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
messagedialog.background button.combo {
@@ -6397,7 +6397,7 @@
}
messagedialog.background button.combo:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
messagedialog .linked > button {
@@ -6427,7 +6427,7 @@
messagedialog radiobutton.text-button:disabled,
messagedialog radiobutton.text-button:disabled:active,
messagedialog radiobutton.text-button:disabled:indeterminate {
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
}
messagedialog expander title label,
@@ -7093,7 +7093,7 @@
NautilusTrashBar.warning button:disabled,
infobar.error button:disabled,
NautilusTrashBar.error button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
infobar.info button.flat,
@@ -7134,7 +7134,7 @@
NautilusTrashBar.warning button.flat:disabled,
infobar.error button.flat:disabled,
NautilusTrashBar.error button.flat:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
infobar.info button.image-button:not(.text-button),
@@ -7386,7 +7386,7 @@
.osd .scale-popup .vertical button:first-child:disabled,
.scale-popup .vertical button:first-child:disabled {
background: none;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.osd .scale-popup .vertical button:last-child:hover,
@@ -7399,7 +7399,7 @@
.osd .scale-popup .vertical button:last-child:disabled,
.scale-popup .vertical button:last-child:disabled {
background: none;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.osd .scale-popup button,
@@ -7420,7 +7420,7 @@
.osd .scale-popup button:first-child:disabled,
.scale-popup button:first-child:disabled {
background: none;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.osd .scale-popup button:last-child:hover,
@@ -7433,7 +7433,7 @@
.osd .scale-popup button:last-child:disabled,
.scale-popup button:last-child:disabled {
background: none;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
button.flat.scale {
@@ -7476,7 +7476,7 @@
}
.floating-bar button:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.floating-bar.bottom.left {
@@ -7907,7 +7907,7 @@
> box.vertical
widget:disabled:backdrop:selected,
window#wb_main_window treeview.view:disabled:backdrop:selected {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.monospace {
@@ -8060,7 +8060,7 @@
#showdesktop-button:checked,
#showdesktop-button:hover:checked,
#showdesktop-button:disabled:checked {
- color: @suggestion_color;
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -8312,7 +8312,7 @@
}
#gf-bubble box.horizontal > button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -8828,7 +8828,7 @@
headerbar.titlebar.incognito-mode entry:disabled,
headerbar.titlebar.incognito-mode spinbutton:disabled:not(.vertical) {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
headerbar.titlebar.incognito-mode
@@ -9464,7 +9464,7 @@
.gedit-search-slider
.linked
> spinbutton.warning:disabled:not(.vertical) {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.gedit-bottom-panel-paned .gedit-search-slider button,
@@ -11262,7 +11262,7 @@
}
.budgie-menu .categories button.flat.radio.category-button:checked:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.budgie-menu
@@ -11530,7 +11530,7 @@
}
.raven .raven-header.top button.text-button:disabled {
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
}
.raven .raven-header:not(.top):not(.bottom) {
@@ -11643,7 +11643,7 @@
}
.raven .raven-header button.flat.image-button.primary-control:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.raven .raven-header scale {
@@ -12815,7 +12815,7 @@
.budgie-session-dialog .linked > button:disabled,
.budgie-polkit-dialog button:disabled,
.budgie-polkit-dialog .linked > button:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
window.budgie-switcher-window {
@@ -13058,7 +13058,7 @@
.background.csd.budgie-run-dialog box > box entry:disabled,
.background.csd.budgie-run-dialog box > box spinbutton:disabled:not(.vertical) {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.background.csd.budgie-run-dialog
@@ -13164,7 +13164,7 @@
.budgie-polkit-dialog entry:disabled,
.budgie-polkit-dialog spinbutton:disabled:not(.vertical) {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.budgie-polkit-dialog .message {
@@ -13430,7 +13430,7 @@
.lightdm-gtk-greeter #login_window spinbutton:disabled:not(.vertical),
window.background.lightdm entry:disabled,
window.background.lightdm spinbutton:disabled:not(.vertical) {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter window.background.popup > menu,
@@ -13486,7 +13486,7 @@
.lightdm-gtk-greeter #login_window button:disabled,
.lightdm-gtk-greeter #restart_dialog button:disabled,
.lightdm-gtk-greeter #shutdown_dialog button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter #login_window button#login_button {
@@ -13509,8 +13509,8 @@
}
.lightdm-gtk-greeter #login_window button#login_button:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.28);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter #restart_dialog button#restart_button {
@@ -13533,8 +13533,8 @@
}
.lightdm-gtk-greeter #restart_dialog button#restart_button:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.28);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button {
@@ -13557,8 +13557,8 @@
}
.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.28);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter #login_window button.combo {
@@ -13605,7 +13605,7 @@
to(transparent)
)
0 0 1/0 0 1px;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter #login_window infobar.error,
@@ -13910,8 +13910,8 @@
}
stack > grid.horizontal > widget > button.close-button.image-button:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.28);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
window.background
@@ -14178,13 +14178,13 @@
> button.image-button:checked:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.nemo-window grid.vertical > widget > box > button.image-button:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
.nemo-window grid.vertical > widget box > separator.vertical {
@@ -14582,7 +14582,7 @@
.csstage .transparentbutton:not(:active):not(:disabled):not(hover) {
background-color: transparent;
- color: alpha(@suggestion_color, 0.87);
+ color: @insensitive_text_color;
}
.csstage .transparentbutton:hover {
@@ -14603,8 +14603,8 @@
}
.csstage .transparentbutton:disabled {
- background-color: alpha(@theme_base_color, 0.1044);
- color: alpha(@suggestion_color, 0.348);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
.csstage .transparentbutton:disabled label,
@@ -14696,7 +14696,7 @@
.xfce4-panel button:disabled:checked {
background-color: transparent;
background-image: none;
- color: @suggestion_color;
+ color: @insensitive_text_color;
transition: none;
animation: none;
}
@@ -15350,7 +15350,7 @@
}
PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:checked {
@@ -16134,7 +16134,7 @@
> headerbar:not(.titlebar)
> box.horizontal
> spinbutton.default:disabled:not(.vertical) {
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
window.background:not(.solid-csd)
@@ -16492,7 +16492,7 @@
> box.terminal-titlebar
> button.flat.popup.toggle:checked
label.tilix-terminal-title:disabled {
- color: @suggestion_color;
+ color: @insensitive_text_color;
}
widget > box.terminal-titlebar > button.image-button,
diff --git a/gtk-3.0/buttons.css b/gtk-3.0/buttons.css
index 2064f45..34ef412 100644
--- a/gtk-3.0/buttons.css
+++ b/gtk-3.0/buttons.css
@@ -30,8 +30,8 @@
}
.background button:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.2436);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
.background button:checked {
@@ -40,8 +40,8 @@
}
.background button:checked:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.4);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
button.flat {
@@ -88,7 +88,7 @@
> overlay
> revealer
> button.osd:not(:active):not(:disabled):not(hover) {
- color: alpha(@suggestion_color, 0.87);
+ color: @insensitive_text_color;
}
button.osd.image-button:hover,
@@ -635,7 +635,7 @@
window.budgie-popover.background:not(.csd) .linked > button:checked:disabled,
popover.background .linked > button:checked:disabled,
.caja-navigation-window .caja-pathbar button:checked:disabled {
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
border-image: -gtk-gradient(
radial,
@@ -668,7 +668,7 @@
window.budgie-popover.background:not(.csd) .linked > button:disabled,
popover.background .linked > button:disabled,
.caja-navigation-window .caja-pathbar button:disabled {
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
border-image: -gtk-gradient(
radial,
@@ -729,7 +729,7 @@
}
.linked.vertical > button:checked:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -744,7 +744,7 @@
}
.linked.vertical > button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -813,14 +813,14 @@
modelbutton.flat:checked:disabled,
.menuitem.button.flat:checked:disabled {
background-color: transparent;
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
}
modelbutton.flat:disabled,
.menuitem.button.flat:disabled {
background-color: transparent;
background-color: transparent;
- color: alpha(@theme_text_color, 0.2436);
+ color: @insensitive_text_color;
}
modelbutton.flat check:first-child,
@@ -1830,7 +1830,7 @@
#MozillaGtkWidget.background > widget > button.combo > button:disabled {
border: 1px solid @borders;
background-color: @theme_base_color;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
button:checked:disabled,
@@ -1839,7 +1839,7 @@
#MozillaGtkWidget.background > widget > button.combo > button:checked:disabled {
border: 1px solid @borders;
background-color: @theme_base_color;
- color: @suggestion_color;
+ color: @insensitive_text_color;
}
assistant headerbar button.flat:not(:last-child) {
@@ -1862,8 +1862,8 @@
}
assistant headerbar button.flat:not(:last-child):disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.2436);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
buttonbox:not(.linked) button,
@@ -2043,7 +2043,7 @@
.background combobox button.combo:disabled,
.background combobox button.combo:checked:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background: transparent;
border-image: -gtk-gradient(
radial,
diff --git a/gtk-3.0/colors-dark.css b/gtk-3.0/colors-dark.css
index 553f42d..0ae0ca1 100644
--- a/gtk-3.0/colors-dark.css
+++ b/gtk-3.0/colors-dark.css
@@ -38,6 +38,7 @@
@define-color insensitive_bg_color @theme_bg_color;
@define-color insensitive_fg_color alpha(@theme_text_color, 0.28);
@define-color insensitive_base_color #222327;
+@define-color insensitive_text_color #80868b;
@define-color unfocused_insensitive_color @insensitive_fg_color;
diff --git a/gtk-3.0/colors.css b/gtk-3.0/colors.css
index 989532d..97f2900 100644
--- a/gtk-3.0/colors.css
+++ b/gtk-3.0/colors.css
@@ -38,6 +38,7 @@
@define-color insensitive_bg_color @theme_bg_color;
@define-color insensitive_fg_color alpha(@theme_text_color, 0.28);
@define-color insensitive_base_color #fdfdfe;
+@define-color insensitive_text_color #80868b;
@define-color unfocused_insensitive_color @insensitive_fg_color;
diff --git a/gtk-3.22/adapta.css b/gtk-3.22/adapta.css
index f8f9d1a..7921c1a 100644
--- a/gtk-3.22/adapta.css
+++ b/gtk-3.22/adapta.css
@@ -94,7 +94,7 @@
border: 1px solid @borders;
border-image: none;
background-color: @theme_base_color;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
*,
@@ -424,7 +424,7 @@
transparent
)
0 0 1/0 0 1px;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -470,7 +470,7 @@
)
0 0 1/0 0 1px;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -1032,7 +1032,7 @@
}
spinbutton:not(.vertical):disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
spinbutton:not(.vertical) entry {
@@ -1045,7 +1045,7 @@
spinbutton:not(.vertical) entry:disabled {
margin: 0;
background: none;
- border: none;
+ border: 1px solid @borders;
border-image: none;
}
@@ -1082,7 +1082,7 @@
spinbutton:not(.vertical) button.down:disabled {
background: none;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
spinbutton:not(.vertical) button.up:hover {
@@ -1100,7 +1100,7 @@
spinbutton:not(.vertical) button.up:disabled {
background: none;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.osd spinbutton:not(.vertical),
@@ -1121,7 +1121,7 @@
.osd spinbutton:not(.vertical) entry:disabled,
.osd spinbutton.vertical entry:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.osd spinbutton:not(.vertical) button,
@@ -1131,7 +1131,7 @@
.osd spinbutton:not(.vertical) button:disabled,
.osd spinbutton.vertical button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.osd spinbutton:not(.vertical) button.down:hover,
@@ -1149,7 +1149,7 @@
}
spinbutton.vertical:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
spinbutton.vertical entry {
@@ -1185,7 +1185,7 @@
spinbutton.vertical button.up:disabled {
background: none;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
spinbutton.vertical button.down:hover {
@@ -1200,7 +1200,7 @@
spinbutton.vertical button.down:disabled {
background: none;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
treeview spinbutton entry:focus {
@@ -1350,7 +1350,7 @@
.osd toolbar button:not(:active):not(:disabled):not(hover),
toolbar.osd button:not(:active):not(:disabled):not(hover) {
background-color: transparent;
- color: alpha(@suggestion_color, 0.87);
+ color: @insensitive_text_color;
}
.app-notification button:hover,
@@ -1384,7 +1384,7 @@
.osd toolbar button:disabled,
toolbar.osd button:disabled {
background-color: transparent;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.app-notification button.image-button,
@@ -1518,13 +1518,13 @@
.background toolbar button:checked:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.background toolbar button:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
.background toolbar button.toggle,
@@ -1695,14 +1695,14 @@
actionbar .linked > button.image-button:checked:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
actionbar box:not(.linked) > button.toggle:disabled,
actionbar .linked > button.image-button:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
actionbar box:not(.linked) > button.toggle.text-button,
@@ -1731,7 +1731,7 @@
headerbar button label.text-button:disabled,
headerbar .linked > button:disabled,
headerbar .linked > button label.text-button:disabled {
- color: alpha(@theme_text_color, 0.2436);
+ color: @insensitive_text_color;
}
.titlebar button label.text-button,
@@ -1861,14 +1861,14 @@
.titlebar .linked > combobox > button.combo:checked:disabled,
headerbar combobox > button.combo:checked:disabled,
headerbar .linked > combobox > button.combo:checked:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.titlebar combobox > button.combo:disabled,
.titlebar .linked > combobox > button.combo:disabled,
headerbar combobox > button.combo:disabled,
headerbar .linked > combobox > button.combo:disabled {
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
.titlebar menu menuitem,
@@ -1913,7 +1913,7 @@
.titlebar popover button.flat label:disabled,
headerbar popover button.flat label:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.titlebar radio,
@@ -1963,7 +1963,7 @@
headerbar radiobutton.text-button:disabled,
headerbar radiobutton.text-button:disabled:active,
headerbar radiobutton.text-button:disabled:indeterminate {
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
}
.titlebar switch,
@@ -2122,7 +2122,7 @@
headerbar.selection-mode button:disabled,
headerbar.selection-mode button.image-button:disabled {
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
headerbar.selection-mode button:checked,
@@ -2143,7 +2143,7 @@
headerbar.selection-mode button:checked:disabled,
headerbar.selection-mode button.image-button:checked:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
headerbar.selection-mode button:checked:disabled > label,
@@ -2728,7 +2728,7 @@
treeview.view header button:disabled {
background-color: @theme_base_color;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
treeview.view.separator {
@@ -2772,7 +2772,7 @@
padding: 0 0.5rem 0;
border-style: none solid solid none;
border-width: 1px;
- border-color: alpha(@borders, 0.09);
+ border-color: @borders;
border-radius: 0;
font-weight: 400;
}
@@ -3131,7 +3131,7 @@
window.budgie-popover.background:not(.csd) button.flat:disabled,
popover.background button menuitem.flat:disabled,
popover.background button.flat:disabled {
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
window.budgie-popover.background:not(.csd) button menuitem.flat label,
@@ -6372,7 +6372,7 @@
}
row:selected button:disabled {
- color: alpha(@suggestion_color, 0.348);
+ color: @insensitive_text_color;
}
row:selected button.flat {
@@ -6386,7 +6386,7 @@
}
row:selected button.flat:disabled {
- color: alpha(@suggestion_color, 0.348);
+ color: @insensitive_text_color;
}
row:selected entry,
@@ -6446,7 +6446,7 @@
.app-notification.frame
button:not(hover):not(:active):not(:checked):not(:disabled) {
background-color: transparent;
- color: alpha(@suggestion_color, 0.87);
+ color: @insensitive_text_color;
}
.app-notification button:hover,
@@ -6472,7 +6472,7 @@
.app-notification button:disabled,
.app-notification.frame button:disabled {
background-color: transparent;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.app-notification border,
@@ -6647,7 +6647,7 @@
}
messagedialog.background button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
messagedialog.background button.combo {
@@ -6661,7 +6661,7 @@
}
messagedialog.background button.combo:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
messagedialog .linked > button {
@@ -6691,7 +6691,7 @@
messagedialog radiobutton.text-button:disabled,
messagedialog radiobutton.text-button:disabled:active,
messagedialog radiobutton.text-button:disabled:indeterminate {
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
}
messagedialog expander title label,
@@ -7585,7 +7585,7 @@
.osd .scale-popup .vertical button:first-child:disabled,
.scale-popup .vertical button:first-child:disabled {
background: none;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.osd .scale-popup .vertical button:last-child:hover,
@@ -7598,7 +7598,7 @@
.osd .scale-popup .vertical button:last-child:disabled,
.scale-popup .vertical button:last-child:disabled {
background: none;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.osd .scale-popup button,
@@ -7619,7 +7619,7 @@
.osd .scale-popup button:first-child:disabled,
.scale-popup button:first-child:disabled {
background: none;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.osd .scale-popup button:last-child:hover,
@@ -7632,7 +7632,7 @@
.osd .scale-popup button:last-child:disabled,
.scale-popup button:last-child:disabled {
background: none;
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
button.flat.scale {
@@ -7675,7 +7675,7 @@
}
.floating-bar button:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.floating-bar.bottom.left {
@@ -8035,7 +8035,7 @@
> box.vertical
widget:disabled:backdrop:selected,
window#wb_main_window treeview.view:disabled:backdrop:selected {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.monospace {
@@ -8236,7 +8236,7 @@
#showdesktop-button:checked,
#showdesktop-button:hover:checked,
#showdesktop-button:disabled:checked {
- color: @suggestion_color;
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -8674,7 +8674,7 @@
#gf-candidate-popup button:disabled,
#gf-candidate-popup .linked > button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.nautilus-desktop-window,
@@ -11425,12 +11425,12 @@
}
button.image-button.reset-shortcut-button:checked:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
background-color: transparent;
}
button.image-button.reset-shortcut-button:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -11625,11 +11625,11 @@
}
.dconf-editor > headerbar.titlebar > box.pathbar > button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.dconf-editor > headerbar.titlebar > box.pathbar > button:disabled > .item {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.dconf-editor > headerbar.titlebar > box.pathbar > button > label {
@@ -11943,7 +11943,7 @@
> calendar-view.year-view
> box.vertical
> button.text-button:disabled {
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
}
stack.view
@@ -11959,7 +11959,7 @@
> box.vertical
> button.text-button:checked:disabled {
background-color: transparent;
- color: alpha(@theme_text_color, 0.4);
+ color: @insensitive_text_color;
}
stack.view
@@ -12821,7 +12821,7 @@
}
.budgie-menu .categories button.flat.radio.category-button:checked:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.budgie-menu
@@ -13235,7 +13235,7 @@
}
.raven button.flat.image-button.primary-control:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.raven calendar {
@@ -13344,7 +13344,7 @@
}
.raven .raven-mpris button.image-button:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
widget.budgie-clock-applet > widget > box > label {
@@ -14221,7 +14221,7 @@
.budgie-session-dialog .linked > button:disabled,
.budgie-polkit-dialog button:disabled,
.budgie-polkit-dialog .linked > button:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
window.budgie-switcher-window {
@@ -14974,7 +14974,7 @@
.lightdm-gtk-greeter #login_window button:disabled,
.lightdm-gtk-greeter #restart_dialog button:disabled,
.lightdm-gtk-greeter #shutdown_dialog button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter #login_window button#login_button {
@@ -14997,8 +14997,8 @@
}
.lightdm-gtk-greeter #login_window button#login_button:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.28);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter #restart_dialog button#restart_button {
@@ -15021,8 +15021,8 @@
}
.lightdm-gtk-greeter #restart_dialog button#restart_button:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.28);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button {
@@ -15045,8 +15045,8 @@
}
.lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.28);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter #login_window button.combo {
@@ -15093,7 +15093,7 @@
to(transparent)
)
0 0 1/0 0 1px;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.lightdm-gtk-greeter #login_window infobar.error {
@@ -15401,8 +15401,8 @@
}
grid.horizontal > widget > button.close-button.image-button:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.28);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
window.background
@@ -15526,13 +15526,13 @@
> button.image-button:checked:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
.nemo-window grid.vertical > widget > box > button.image-button:disabled {
border-image: none;
background-color: transparent;
- color: alpha(@suggestion_color, 0.2436);
+ color: @insensitive_text_color;
}
.nemo-window grid.vertical > widget box > separator.vertical {
@@ -15899,11 +15899,11 @@
}
.csstage .transparentbutton:disabled {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.csstage .transparentbutton:disabled:checked {
- color: alpha(@suggestion_color, 0.4);
+ color: @insensitive_text_color;
}
.csstage .volumeslider {
@@ -15990,7 +15990,7 @@
.xfce4-panel button:disabled:checked {
background-color: transparent;
background-image: none;
- color: @suggestion_color;
+ color: @insensitive_text_color;
transition: none;
animation: none;
}
@@ -16456,7 +16456,7 @@
}
PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
PanelToplevel.mate-panel-menu-bar > grid.horizontal > button:checked {
@@ -17493,7 +17493,7 @@
> box.terminal-titlebar
> button.flat.popup.toggle:checked
label.tilix-terminal-title:disabled {
- color: @suggestion_color;
+ color: @insensitive_text_color;
}
widget > box.terminal-titlebar > button.image-button,
@@ -17601,7 +17601,7 @@
}
button.flat.-panel-button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
button.flat.-panel-icon-button:hover {
diff --git a/gtk-3.22/buttons.css b/gtk-3.22/buttons.css
index 12005bf..8259be9 100644
--- a/gtk-3.22/buttons.css
+++ b/gtk-3.22/buttons.css
@@ -30,8 +30,8 @@
}
.background button:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.2436);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
.background button:checked {
@@ -40,8 +40,8 @@
}
.background button:checked:disabled {
- background-color: alpha(@theme_base_color, 0.12);
- color: alpha(@suggestion_color, 0.4);
+ background-color: @theme_base_color;
+ color: @insensitive_text_color;
}
button.flat {
@@ -78,7 +78,7 @@
> overlay
> revealer
> button.osd:not(:active):not(:disabled):not(hover) {
- color: alpha(@suggestion_color, 0.87);
+ color: @insensitive_text_color;
}
button.osd.image-button:hover,
@@ -633,7 +633,7 @@
window.budgie-popover.background:not(.csd) .linked > button:checked:disabled,
popover.background .linked > button:checked:disabled,
.caja-navigation-window .caja-pathbar button:checked:disabled {
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
border-image: -gtk-gradient(
radial,
@@ -666,7 +666,7 @@
window.budgie-popover.background:not(.csd) .linked > button:disabled,
popover.background .linked > button:disabled,
.caja-navigation-window .caja-pathbar button:disabled {
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
border-image: -gtk-gradient(
radial,
@@ -727,7 +727,7 @@
}
.linked.vertical > button:checked:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -742,7 +742,7 @@
}
.linked.vertical > button:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background-color: transparent;
}
@@ -810,14 +810,14 @@
modelbutton.flat:checked:disabled,
menuitem button.flat:checked:disabled {
background-color: transparent;
- color: alpha(@theme_text_color, 0.28);
+ color: @insensitive_text_color;
}
modelbutton.flat:disabled,
menuitem button.flat:disabled {
background-color: transparent;
background-color: transparent;
- color: alpha(@theme_text_color, 0.2436);
+ color: @insensitive_text_color;
}
modelbutton.flat check:first-child,
@@ -1640,7 +1640,7 @@
#MozillaGtkWidget.background > widget > button.combo > button:disabled {
border: 1px solid @borders;
background-color: @theme_base_color;
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
}
button:checked:disabled,
@@ -1649,7 +1649,7 @@
#MozillaGtkWidget.background > widget > button.combo > button:checked:disabled {
border: 1px solid @borders;
background-color: @theme_base_color;
- color: @suggestion_color;
+ color: @insensitive_text_color;
}
combobox button.combo {
@@ -1720,7 +1720,7 @@
.background combobox button.combo:disabled,
.background combobox button.combo:checked:disabled {
- color: alpha(@suggestion_color, 0.28);
+ color: @insensitive_text_color;
background: transparent;
border-image: -gtk-gradient(
radial,