GTK3 all themes: style volume/brightness applet slider

11 files changed, 275 insertions, 0 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
index f26985fb..cef75066 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
@@ -594,6 +594,28 @@ NaTrayApplet {
     -PanelMenuBar-icon-visible: true;
 }
 
+/* volume applet, brightness applet */
+.mate-panel-applet-slider .frame {
+    background-color: @theme_bg_color;
+    border-image: none;
+    border-style: solid;
+    border-radius:3px;
+    padding: 0px;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    border-style: none;
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button {
+    color: @theme_fg_color;
+    padding: 4px 0px;
+    margin: 0px;
+}
+
 /*********
  * Pluma *
  *********/
diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
index bcb9b1d5..83da1d1a 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -987,6 +987,47 @@ MatePanelApplet .horizontal .vertical .frame {
     -PanelMenuBar-icon-visible: true;
 }
 
+/* volume applet */
+.mate-panel-applet-slider .frame {
+    background-color: rgba(0,0,0,0.5);
+    border-image: none;
+    border-style: none;
+    border-radius:4px;
+    padding: 1px;
+    margin: 0px;
+    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
+                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
+                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
+                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    box-shadow: none;
+}
+
+/* brightness applet */
+.mate-panel-applet-slider .frame .button {
+    padding: 4px 0px;
+    background-image: none;
+    background-color: transparent;
+    border-style: none;
+    border-radius:4px;
+    color: @theme_fg_dark_color;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .button:insensitive {
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button:hover {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (alpha(shade(@theme_selected_bg_color, 1.43) ,0.6)),
+                                     to   (alpha(shade(@menu_bg_dark_color, 0.57) ,0.6)));
+}
+
 /****************
  * Mate-terminal *
  ****************/
diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
index d3d0b891..ac9b9ac1 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
@@ -650,6 +650,26 @@ NaTrayApplet {
     -PanelMenuBar-icon-visible: true;
 }
 
+/* volume applet, brightness applet */
+.mate-panel-applet-slider .frame {
+    background-color: @theme_bg_color;
+    border-image: none;
+    border-style: solid;
+    border-radius:3px;
+    padding: 2px;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    border-style: none;
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button {
+    color: @theme_fg_color;
+}
+
 /****************
  * Mate-Terminal *
  ****************/
diff --git a/desktop-themes/ContrastHigh/gtk-3.0/mate-applications.css b/desktop-themes/ContrastHigh/gtk-3.0/mate-applications.css
index 2815894e..6c0ee268 100644
--- a/desktop-themes/ContrastHigh/gtk-3.0/mate-applications.css
+++ b/desktop-themes/ContrastHigh/gtk-3.0/mate-applications.css
@@ -246,6 +246,27 @@ NaTrayApplet {
     -NaTrayApplet-icon-size: 16;
 }
 
+/* volume applet, brightness applet */
+.mate-panel-applet-slider .frame {
+    background-color: @theme_bg_color;
+    border-image: none;
+    border-style: solid;
+    border-radius:3px;
+    padding: 0px;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    border-style: none;
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button {
+    padding: 4px 0px;
+    margin: 0px;
+}
+
 /****************
  * Mate-Terminal *
  ****************/
diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css b/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css
index db002789..66e6cbe7 100644
--- a/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css
+++ b/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css
@@ -214,6 +214,27 @@ NaTrayApplet {
     -NaTrayApplet-icon-size: 16;
 }
 
+/* volume applet, brightness applet */
+.mate-panel-applet-slider .frame {
+    background-color: @theme_bg_color;
+    border-image: none;
+    border-style: solid;
+    border-radius:3px;
+    padding: 0px;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    border-style: none;
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button {
+    padding: 4px 0px;
+    margin: 0px;
+}
+
 /****************
  * Pluma *
  ****************/
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
index fb13d7d0..ec8c2f0d 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -990,6 +990,47 @@ MatePanelApplet .horizontal .vertical .frame {
     -PanelMenuBar-icon-visible: true;
 }
 
+/* volume applet */
+.mate-panel-applet-slider .frame {
+    background-color: rgba(0,0,0,0.5);
+    border-image: none;
+    border-style: none;
+    border-radius:4px;
+    padding: 1px;
+    margin: 0px;
+    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.05),
+                inset  1px  0px shade(@selected_bg_color, 0.97),
+                inset -1px  0px shade(@selected_bg_color, 0.93),
+                inset  0px -1px shade(@selected_bg_color, 0.93);
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    box-shadow: none;
+}
+
+/* brightness applet */
+.mate-panel-applet-slider .frame .button {
+    padding: 4px 0px;
+    background-image: none;
+    background-color: transparent;
+    border-style: none;
+    border-radius:4px;
+    color: @theme_fg_dark_color;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .button:insensitive {
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button:hover {
+    background-image: -gtk-gradient (linear,
+                                     left top, left bottom,
+                                     from (alpha(shade(@theme_selected_bg_color, 1.43) ,0.6)),
+                                     to   (alpha(shade(@menu_bg_dark_color, 0.57) ,0.6)));
+}
+
 /****************
  * Mate-terminal *
  ****************/
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
index 783ff798..6974bf8b 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
@@ -518,6 +518,35 @@ MatePanelApplet .horizontal .vertical .frame {
     -PanelMenuBar-icon-visible: true;
 }
 
+/* volume applet, brightness applet */
+.mate-panel-applet-slider .frame {
+    background-color: @theme_bg_color;
+    border-image: none;
+    border-style: solid;
+    border-radius:3px;
+    padding: 1px;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    border-style: none;
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button {
+    padding: 4px 0px;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .button:insensitive {
+    color: @insensitive_fg_color;
+    background-image: none;
+    border-image: none;
+    border-color: @theme_bg_color;
+
+}
+
 /****************
  * Mate-Terminal *
  ****************/
diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css
index 4df56faf..f3cd16ac 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -647,6 +647,26 @@ NaTrayApplet {
     -NaTrayApplet-icon-size: 16;
 }
 
+/* volume applet, brightness applet */
+.mate-panel-applet-slider .frame {
+    background-color: @theme_bg_color;
+    border-image: none;
+    border-style: solid;
+    border-radius:3px;
+    padding: 2px;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    border-style: none;
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button {
+    color: @theme_fg_color;
+}
+
 /****************
  * Mate-Terminal *
  ****************/
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
index 7aa7929d..be872627 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
@@ -263,6 +263,26 @@ NaTrayApplet {
 	-NaTrayApplet-icon-size: 16;
 }
 
+/* volume applet, brightness applet */
+.mate-panel-applet-slider .frame {
+    background-color: @theme_bg_color;
+    border-image: none;
+    border-style: solid;
+    border-radius:2px;
+    padding: 0px;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    border-style: none;
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button {
+    color: @theme_fg_color;
+}
+
 /***********************
  * Mate-Control-Center *
  ***********************/
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
index 43d9a7ca..5627ff3e 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
@@ -264,6 +264,26 @@ NaTrayApplet {
 	-NaTrayApplet-icon-size: 16;
 }
 
+/* volume applet, brightness applet */
+.mate-panel-applet-slider .frame {
+    background-color: @theme_bg_color;
+    border-image: none;
+    border-style: solid;
+    border-radius:2px;
+    padding: 0px;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    border-style: none;
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button {
+    color: @theme_fg_color;
+}
+
 /***********************
  * Mate-Control-Center *
  ***********************/
diff --git a/desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css
index 9a55c017..08cbda87 100644
--- a/desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css
@@ -267,6 +267,26 @@ NaTrayApplet {
 	-NaTrayApplet-icon-size: 16;
 }
 
+/* volume applet, brightness applet */
+.mate-panel-applet-slider .frame {
+    background-color: @theme_bg_color;
+    border-image: none;
+    border-style: solid;
+    border-radius:2px;
+    padding: 0px;
+    margin: 0px;
+}
+
+.mate-panel-applet-slider .frame .frame{
+    background-color:transparent;
+    border-style: none;
+    box-shadow: none;
+}
+
+.mate-panel-applet-slider .frame .button {
+    color: @theme_fg_color;
+}
+
 /******************
  * mate-terminal *
  ******************/