ContrastHighInverse GTK3: add support for GtkScale + -->

- adjust list-rows - change color definitions
author: raveit65 <[email protected]> 2015-04-26 18:13:35 +0200
committer: raveit65 <[email protected]> 2015-04-26 18:13:35 +0200
commit: 19d6453d0fad6e31f567f0b27addeb5f07cd58a0 (patch)
tree: f9662c3f88977de6f87e5ce110b0d8c07a8aa5ad /desktop-themes/ContrastHighInverse/gtk-3.0
parent: ba6b74c0f0c8b11efb0971630c86e31d724be9ac (diff)
download: mate-themes-19d6453d0fad6e31f567f0b27addeb5f07cd58a0.tar.bz2
mate-themes-19d6453d0fad6e31f567f0b27addeb5f07cd58a0.tar.xz
3 files changed, 341 insertions, 71 deletions
diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css
index 353b5033..8824a121 100644
--- a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css
@@ -49,8 +49,8 @@ GtkClutterOffscreen {
 }
 
 *:selected {
- background-color: @theme_active_color;
- color: @theme_base_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
 .gtkstyle-fallback {
@@ -60,12 +60,12 @@ GtkClutterOffscreen {
 
 .gtkstyle-fallback:prelight {
 background-color: @theme_fg_color;
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 }
 
 .gtkstyle-fallback:active {
- background-color: @theme_active_color;
- color: @theme_base_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
 .gtkstyle-fallback:insensitive {
@@ -74,8 +74,8 @@ GtkClutterOffscreen {
 }
 
 .gtkstyle-fallback:selected {
- background-color: @theme_active_color;
- color: @theme_base_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
 /********
@@ -88,7 +88,7 @@ GtkCheckButton:selected:focus {
 }
 
 .image {
- color: @theme_active_color;
+ color: @theme_selected_bg_color;
 }
 
 .image:hover {
@@ -179,8 +179,8 @@ GtkColorSwatch {
 * Colored states *
 ******************/
 .info {
- background-color: @theme_active_color;
- color: @theme_base_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
 .warning {
@@ -285,7 +285,7 @@ GtkLevelBar.vertical {
 
 .button:active {
 background-color: @theme_button_active_bg;
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 border-color: @theme_button_active_border;
 }
 
@@ -310,7 +310,7 @@ GtkLevelBar.vertical {
 .button:hover {
 background-color: @theme_fg_color;
 border-color: @theme_fg_color;
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 }
 
 .button:hover:active {
@@ -344,14 +344,14 @@ GtkComboBox *:insensitive {
 }
 
 .entry:selected {
- background-color: @theme_active_color;
- color: @theme_base_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
 /* needed for webkit/GtkStyle compatibility */
 .entry:active {
- background-color: @theme_active_color;
- color: @theme_base_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
 .entry:focus {
@@ -393,8 +393,8 @@ GtkComboBox .button {
 }
 
 .combobox-entry .button:active {
- background-color: @theme_active_color;
- color: @theme_base_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
 .combobox-entry .button:insensitive {
@@ -457,7 +457,7 @@ GtkComboBox .button {
 ***************/
 .spinbutton .button {
 padding: 2px 6px;
- color: @theme_active_color;
+ color: @theme_selected_bg_color;
 
 border-width: 1px;
 border-radius: 0;
@@ -468,9 +468,9 @@ GtkComboBox .button {
 }
 
 .spinbutton .button:hover {
- background-color: @theme_active_color;
+ background-color: @theme_selected_bg_color;
 color: @theme_insensitive_bg;
- border-color: transparent @theme_active_color;
+ border-color: transparent @theme_selected_bg_color;
 }
 
 .spinbutton .button:insensitive {
@@ -530,12 +530,12 @@ GtkComboBox .button {
 
 .menubar .menuitem:hover {
 color: @theme_fg_color;
- background-color: @theme_active_color;
+ background-color: @theme_selected_bg_color;
 }
 
 .menu .menuitem:hover {
 color: @theme_fg_color;
- background-color: @theme_active_color;
+ background-color: @theme_selected_bg_color;
 border-style: solid;
 border-left-width: 1px;
 border-right-width: 1px;
@@ -625,7 +625,7 @@ GtkComboBox .button {
 border-color: @theme_button_insensitive_active_bg;
 background-color: @theme_button_insensitive_active_bg;
 
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 }
 
 /*******************
@@ -651,13 +651,13 @@ GtkComboBox .button {
 }
 
 .inline-toolbar .button:hover {
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 border-color: @theme_button_linked_border;
 box-shadow: none;
 }
 
 .inline-toolbar .button:active {
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 border-color: @theme_button_linked_border;
 }
 
@@ -800,7 +800,7 @@ GtkScale.slider {
 background-color: @theme_button_bg;
 
 border-radius: 15px;
- border-color: @theme_active_color;
+ border-color: @theme_selected_bg_color;
 border-style: solid;
 border-width: 1px;
 }
@@ -824,12 +824,10 @@ GtkSwitch {
 
 GtkSwitch.slider {
 padding: 2px;
-
 border-width: 1px;
 border-style: solid;
 border-radius: 3px;
 border-color: @theme_switch_slider_border;
-
 background-color: @theme_switch_slider_bg;
 background-clip: border-box;
 }
@@ -841,7 +839,7 @@ GtkSwitch.slider:insensitive {
 
 GtkSwitch.slider:active {
 border-color: @theme_switch_slider_active_bg;
- background-color: @theme_switch_slider_active_bg;
+ background-color: @theme_button_active_bg;
 }
 
 GtkSwitch.slider:active:insensitive {
@@ -1036,7 +1034,7 @@ column-header.button {
 
 column-header .button:hover {
 background-color: @theme_fg_color;
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 border-color: @theme_fg_color;
 }
 
@@ -1052,7 +1050,7 @@ column-header:first-child .button {
 border-width: 1px;
 border-style: solid;
 border-color: @theme_check_radio_border;
- color: @theme_active_color;
+ color: @theme_selected_bg_color;
 
 background-color: @theme_check_radio_bg;
 }
@@ -1077,7 +1075,7 @@ column-header:first-child .button {
 .menuitem.check:active,
 .menuitem.radio:inconsistent,
 .menuitem.check:inconsistent {
- color: @theme_active_color;
+ color: @theme_selected_bg_color;
 }
 
 .menuitem.radio:checked:hover,
@@ -1086,7 +1084,7 @@ column-header:first-child .button {
 .menuitem.check:active:hover,
 .menuitem.radio:inconsistent:hover,
 .menuitem.check:inconsistent:hover {
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 }
 
 .menuitem.radio:checked:insensitive,
@@ -1098,11 +1096,215 @@ column-header:first-child .button {
 color: @theme_button_insensitive_fg;
 }
 
+/************
+ * GtkScale *
+ ************/
+.scale,
+.scale.scale-has-marks-above.scale-has-marks-below,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below {
+ -GtkScale-slider-length: 20;
+ -GtkRange-slider-width: 20;
+ -GtkRange-trough-border: 2;
+ outline-offset: -9px;
+ outline-radius: 4px;
+ margin: 10px;
+}
+
+.scale.fine-tune,
+.scale.scale-has-marks-above.scale-has-marks-below.fine-tune,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune {
+ margin: 8px;
+ outline-offset: -7px;
+ outline-radius: 6px;
+}
+
+.scale.fine-tune.trough,
+.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.trough,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.trough {
+ border-radius: 4px;
+}
+
+.scale.slider,
+.scale.scale-has-marks-above.scale-has-marks-below.slider,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider {
+ /* FIXME: better gradient on the slider and hover state */
+ border-width: 2px;
+ border-style: solid;
+ background-color: @theme_button_bg;
+ padding: 1px 4px;
+ color: @theme_button_fg;
+ border-radius: 50%;
+ border-color: darker(@theme_border_color);
+ box-shadow: inset 0 1px white,
+ inset 0 -2px @bg_color,
+ inset 0 -1px mix(@bg_color,@theme_border_color, 0.5);
+}
+
+.scale.slider:hover,
+.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
+ border-width: 2px;
+ border-style: solid;
+ background-color: @theme_button_bg;
+ padding: 1px 4px;
+ color: @theme_button_fg;
+ border-color: darker(@theme_border_color);
+ border-radius: 50%; /* needed for double marks scales */
+ box-shadow: inset 0 1px white,
+ inset 0 -2px white,
+ inset 0 -1px mix(@bg_color,@theme_border_color, 0.5);
+}
+
+.scale.slider:insensitive,
+.scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive {
+ border-style: solid; /* needed for double marks scales or they'll get overridden */
+ border-radius: 50%;
+ background-image: linear-gradient(to bottom, @theme_insensitive_bg);
+ box-shadow: none;
+}
+
+.scale.slider:backdrop,
+.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop {
+ border-style: solid; /* needed for double marks scales or they'll get overridden */
+ border-radius: 50%;
+ border-color: darker(@backdrop_borders_color);
+ background-image: linear-gradient(to bottom, @backdrop_bg_color);
+ box-shadow: none;
+}
+
+/* FIXME button backdrop-insensitive is missing
+.scale.slider:backdrop:insensitive,
+.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop:insensitive {
+ @include button(backdrop-insensitive);
+}
+*/
+
+.scale.slider:active,
+.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
+ border: 1px solid darker(@selected_borders_color);
+}
+
+.scale.trough,
+.scale.scale-has-marks-above.scale-has-marks-below.trough,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-color: @theme_border_color;
+ background-color: shade(@theme_button_bg, 0.8);
+ box-shadow: inset 1px 1px transparentize(black, 0.9);
+}
+
+.scale.trough.vertical,
+.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical {
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 3px;
+ border-color: @theme_border_color;
+ background-color: shade(@theme_button_bg, 0.8);
+ box-shadow: inset 1px 1px transparentize(black, 0.9);
+}
+
+.scale.trough.highlight,
+.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
+ border-color: @selected_borders_color;
+ background-color: @theme_highlight_color;
+ box-shadow: none;
+}
+
+.scale.trough.highlight.vertical,
+.scale.trough.vertical.highlight,
+.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical,
+.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical.highlight,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical.highlight {
+ border-color: @selected_borders_color;
+ background-color: @theme_highlight_color;
+ box-shadow: none;
+}
+
+.scale.trough.highlight:backdrop,
+.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:backdrop {
+ border-color: @selected_bg_color;
+ background-color: @selected_bg_color;
+ box-shadow: none;
+}
+
+.scale.trough:insensitive,
+.scale.trough.vertical:insensitive,
+.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
+.scale.trough .highlight:insensitive,
+.scale.trough.vertical .highlight:insensitive,
+.scale.scale-has-marks-above.scale-has-marks-below.trough .highlight:insensitive,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .highlight:insensitive {
+ border-color: @theme_insensitive_border;
+ background-color: @theme_insensitive_bg;
+ box-shadow: none;
+}
+
+.scale.trough:backdrop,
+.scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop {
+ border-color: @backdrop_borders_color;
+ background-color: mix(@backdrop_bg_color,@borders_color, 1.0);
+ box-shadow: none;
+}
+
+.scale.trough:backdrop:insensitive,
+.scale.trough .highlight:backdrop:insensitive,
+.scale.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
+.scale.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:backdrop:insensitive,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough .highlight:backdrop:insensitive {
+ border-color: @backdrop_insensitive_color;
+ background-color: @backdrop_bg_color;
+}
+
+.scale.scale-has-marks-above {
+ margin: 14px 10px 10px;
+}
+
+.scale.scale-has-marks-above.fine-tune {
+ margin: 12px 8px 8px;
+}
+.scale.scale-has-marks-below {
+ margin: 10px 10px 14px;
+}
+
+.scale.scale-has-marks-below.fine-tune {
+ margin: 8px 8px 12px;
+}
+
+.scale.vertical.scale-has-marks-above {
+ margin: 10px 10px 10px 14px;
+}
+
+.scale.vertical.scale-has-marks-above.fine-tune {
+ margin: 8px 8px 8px 12px;
+}
+
+.scale.vertical.scale-has-marks-below {
+ margin: 10px 14px 10px 10px;
+}
+
+.scale.vertical.scale-has-marks-below.fine-tune {
+ margin: 8px 12px 8px 8px;
+}
+
+
 /*********
 * Views *
 *********/
 .expander row:selected:focus {
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 }
 
 GtkViewport {
@@ -1115,13 +1317,13 @@ GtkViewport {
 }
 
 .view:selected {
- background-color: @theme_active_color;
- color: @theme_base_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
 }
 
 .view:selected:focus {
 background-color: @theme_fg_color;
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 }
 
 GtkIconView,
@@ -1137,16 +1339,67 @@ GtkIconView.view.cell {
 /**************
 * List boxes *
 **************/
-.list-row:hover {
+
+.list,
+.list-row {
+ background-color: @base_color;
+ border-color: @borders_color;
+}
+
+.list:backdrop,
+.list-row:backdrop {
+ background-color: @backdrop_base_color;
+ border-color: @backdrop_borders_color;
+}
+
+.list-row,
+.grid-child {
+ padding: 2px;
+}
+
+.list-row.button {
+ background-color: @base_color;
+ border-style: none;
+ border-radius: 0px;
+ box-shadow: none;
+}
+
+.list-row.button:hover,
+.list-row.button:backdrop:hover,
+.list-row.button:selected:hover {
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+ border-radius: 4px;
+}
+
+.list-row.button:active {
+ box-shadow: inset 0 2px 2px -2px transparentize(black,0.8);
+}
+
+.list-row.button:selected,
+.list-row.button:selected:active {
+ color: @theme_fg_color;
+ box-shadow: inset 0 2px 3px -1px transparentize(black,0.5);
+ border-radius: 4px;
+}
+
+.list-row:selected {
 background-color: @theme_button_bg;
+ color: @theme_fg_color;
+ border-style: solid;
+ border-radius: 4px;
+}
+
+.list-row:selected:backdrop {
+ color: @backdrop_base_color;
 }
 
 /*******
 * OSD *
 *******/
 .osd {
- color: @theme_base_color;
- background-color: @theme_active_color;
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color;
 }
 
 .osd.toolbar {
@@ -1173,7 +1426,7 @@ GtkIconView.view.cell {
 }
 
 .osd .button:hover {
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 }
 
 .osd .button:active {
@@ -1239,7 +1492,7 @@ GtkProgressBar.osd.progressbar {
 border-width: 1px;
 border-style: solid;
 border-radius: 6px;
- background-color: shade(@theme_active_color, 0.8);
+ background-color: shade(@theme_selected_bg_color, 0.8);
 background-image: linear-gradient(to bottom,
 shade(@theme_base_color, 1.0),
 shade(@theme_base_color, 0.85));
@@ -1285,7 +1538,7 @@ GtkProgressBar.osd.progressbar {
 background-color: alpha(shade(#3E403D, 0.85), 0.75);
 border: 1px solid black;
 box-shadow: none;
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 }
 .popover.osd .toolbar {
 background-image: none;
@@ -1302,7 +1555,7 @@ GtkProgressBar.osd.progressbar {
 box-shadow: none;
 }
 .popover.osd .button:insensitive {
- color: alpha(@theme_base_color, 0.4);
+ color: alpha(@theme_selected_fg_color, 0.4);
 }
 
 .popover .list {
@@ -1337,9 +1590,9 @@ GtkModelButton.button:checked:hover,
 GtkModelButton.button:active:hover,
 GtkModelButton.button:hover,
 GtkModelButton.button:selected {
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 background-image: none;
- background-color: @theme_active_color;
+ background-color: @theme_selected_bg_color;
 text-shadow: none;
 border-width: 0;
 border-color: transparent;
@@ -1392,7 +1645,7 @@ GtkPopover .separator {
 
 .titlebar .titlebutton:active {
 background-color: @theme_button_active_bg;
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 }
 
 /****************************************************************************************
@@ -1427,7 +1680,7 @@ TerminalScreen {
 }
 
 .nautilus-cluebar-label {
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 font: bold;
 }
 
@@ -1452,12 +1705,12 @@ NautilusWindow .pane-separator {
 }
 
 .nautilus-desktop.nautilus-canvas-item {
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 text-shadow: 1px 1px white;
 }
 
 .nautilus-desktop.nautilus-canvas-item:selected {
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 }
 
 .nautilus-desktop.nautilus-canvas-item:backdrop {
diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css
index dd468aa8..97489db6 100644
--- a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css
+++ b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk.css
@@ -1,8 +1,14 @@
 @define-color theme_base_color #000000;
 @define-color theme_bg_color @theme_base_color;
 @define-color theme_fg_color #ffffff;
-@define-color theme_active_color #666699;
-@define-color theme_border_color @theme_active_color;
+@define-color theme_selected_bg_color #666699;
+@define-color theme_selected_fg_color @theme_base_color;
+
+@define-color theme_border_color @theme_selected_bg_color;
+@define-color borders_edge @theme_base_color;
+
+@define-color selected_borders_color @theme_fg_color;
+@define-color borders_edge #fff;
 
 @define-color theme_highlight_color #cb9a5b;
 @define-color theme_highlight_alt #dfb578;
@@ -25,29 +31,29 @@
 @define-color theme_button_insensitive_fg #393737;
 @define-color theme_button_insensitive_border #3e3d3c;
 @define-color theme_button_insensitive_active_bg #333233;
-@define-color theme_button_insensitive_active_fg @theme_base_color;
+@define-color theme_button_insensitive_active_fg @theme_selected_fg_color;
 @define-color theme_button_insensitive_active_border @theme_button_insensitive_active_bg;
-@define-color theme_button_linked_border @theme_active_color;
+@define-color theme_button_linked_border @theme_selected_bg_color;
 @define-color theme_button_linked_insensitive_bg @theme_button_insensitive_bg;
 @define-color theme_button_linked_insensitive_fg @theme_button_insensitive_fg;
 
 @define-color theme_entry_bg @theme_base_color;
 
 @define-color theme_notebook_bg @theme_base_color;
-@define-color theme_notebook_border @theme_active_color;
+@define-color theme_notebook_border @theme_selected_bg_color;
 
-@define-color theme_scale_trough_bg @theme_active_color;
+@define-color theme_scale_trough_bg @theme_selected_bg_color;
 @define-color theme_scale_trough_insensitive_bg @theme_button_insensitive_active_bg;
 
-@define-color theme_switch_slider_bg @theme_active_color;
-@define-color theme_switch_slider_border @theme_active_color;
+@define-color theme_switch_slider_bg @theme_selected_bg_color;
+@define-color theme_switch_slider_border @theme_selected_bg_color;
 @define-color theme_switch_slider_active_bg @theme_base_color;
 @define-color theme_switch_slider_insensitive_bg @theme_trough_insensitive_fg;
 @define-color theme_switch_slider_insensitive_border @theme_trough_insensitive_fg;
 @define-color theme_switch_slider_active_insensitive_bg @theme_base_color;
 
 @define-color theme_trough_bg @theme_button_bg;
-@define-color theme_trough_fg @theme_active_color;
+@define-color theme_trough_fg @theme_selected_bg_color;
 @define-color theme_trough_insensitive_bg #050506;
 @define-color theme_trough_insensitive_fg @theme_button_insensitive_active_bg;
 @define-color theme_trough_insensitive_border @theme_button_insensitive_active_bg;
@@ -64,6 +70,17 @@
 
 @define-color theme_cursor_color @theme_fg_color;
 
+/*colors for the backdrop state, derived from the main colors. */
+@define-color backdrop_base_color @base_color;
+@define-color backdrop_bg_color @bg_color;
+@define-color backdrop_fg_color @fg_color;
+@define-color backdrop_insensitive_color @theme_insensitive_color;
+@define-color backdrop_borders_color mix(@theme_border_color, @bg_color, 0.9);
+
+/******
+ * WM *
+ ******/
+
 @define-color wm_border_color @theme_fg_color;
 @define-color wm_border_bakcdrop_color @theme_insensitive_border;
 @define-color wm_button_bg @theme_button_bg;
@@ -71,8 +88,8 @@
 @define-color wm_button_pressed_fg @theme_internal_bg;
 @define-color wm_button_prelight_bg @theme_fg_color;
 @define-color wm_button_pressed_bg @theme_fg_color;
-@define-color wm_button_prelight_fg @theme_base_color;
-@define-color wm_button_pressed_fg @theme_base_color;
+@define-color wm_button_prelight_fg @theme_selected_fg_color;
+@define-color wm_button_pressed_fg @theme_selected_fg_color;
 @define-color wm_shadow alpha(black, 0.5);
 
 /*******
diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css b/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css
index 0a3ac4e3..cc963416 100644
--- a/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css
+++ b/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css
@@ -43,7 +43,7 @@ PanelMenuBar.menubar .menu .menuitem {
 .mate-panel-menu-bar .menuitem:hover,
 MatePanelApplet > GtkMenuBar.menubar .menuitem:hover {
 color: @theme_fg_color;
- background-color: @theme_active_color;
+ background-color: @theme_selected_bg_color;
 }
 
 .mate-panel-menu-bar .menuitem *:hover,
@@ -70,7 +70,7 @@ MatePanelApplet > GtkMenuBar.menubar .menu .menuitem {
 .mate-panel-menu-bar .menu .menuitem:hover,
 MatePanelApplet > GtkMenuBar.menubar .menu .menuitem:hover {
 color: @theme_fg_color;
- background-color: @theme_active_color;
+ background-color: @theme_selected_bg_color;
 }
 
 /* application buttons */
@@ -109,7 +109,7 @@ MatePanelApplet .button.flat:checked {
 padding: 3px;
 border-image: none;
 background-image: none;
- background-color: @theme_active_color;
+ background-color: @theme_selected_bg_color;
 border-width: 0;
 border-radius: 0;
 color: @theme_fg_color;
@@ -149,7 +149,7 @@ WnckTasklist .button.flat:checked {
 border-image: none;
 color: @theme_fg_color;
 background-image: none;
- background-color: @theme_active_color;
+ background-color: @theme_selected_bg_color;
 border-width: 0;
 border-radius: 0;
 }
@@ -168,7 +168,7 @@ WnckTasklist .button.flat:hover {
 /* set WnckSelector selected menuitem */
 .mate-panel-window-menu-menu-bar .menu .menuitem:hover,
 MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover {
- background-color: @theme_active_color;
+ background-color: @theme_selected_bg_color;
 background-image: none;
 border-radius: 0px;
 text-shadow: none;
@@ -176,14 +176,14 @@ MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover {
 }
 
 WnckPager {
- background-color: lighter(@theme_active_color);
+ background-color: lighter(@theme_selected_bg_color);
 }
 
 /* prelight of WnckPager */
 WnckPager:hover {
 background-image: linear-gradient(to bottom,
- shade (@theme_active_color, 2.86),
- shade (@theme_active_color, 1.0));
+ shade (@theme_selected_bg_color, 2.86),
+ shade (@theme_selected_bg_color, 1.0));
 background-color: @theme_base_color;
 color: @theme_fg_active_color;
 }
@@ -237,7 +237,7 @@ ShellWindow .button.flat {
 ShellWindow GtkScrolledWindow .button.flat:hover {
 background-color: @theme_fg_color;
 border-color: @theme_fg_color;
- color: @theme_base_color;
+ color: @theme_selected_fg_color;
 border-radius: 12px;
 }
author	raveit65 <[email protected]>	2015-04-26 18:13:35 +0200
committer	raveit65 <[email protected]>	2015-04-26 18:13:35 +0200
commit	19d6453d0fad6e31f567f0b27addeb5f07cd58a0 (patch)
tree	f9662c3f88977de6f87e5ce110b0d8c07a8aa5ad /desktop-themes/ContrastHighInverse/gtk-3.0
parent	ba6b74c0f0c8b11efb0971630c86e31d724be9ac (diff)
download	mate-themes-19d6453d0fad6e31f567f0b27addeb5f07cd58a0.tar.bz2 mate-themes-19d6453d0fad6e31f567f0b27addeb5f07cd58a0.tar.xz