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 fdfa78a7..c67c924d 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/mate-applications.css
@@ -599,6 +599,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 73660bfe..aa7e7ee9 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/mate-applications.css
@@ -992,6 +992,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 a54a4463..d034e7ca 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css
@@ -669,6 +669,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 8e17adcc..538123e2 100644
--- a/desktop-themes/ContrastHigh/gtk-3.0/mate-applications.css
+++ b/desktop-themes/ContrastHigh/gtk-3.0/mate-applications.css
@@ -251,6 +251,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 e67e010b..bffc00b8 100644
--- a/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css
+++ b/desktop-themes/ContrastHighInverse/gtk-3.0/mate-applications.css
@@ -219,6 +219,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 2396a376..161d7f41 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/mate-applications.css
@@ -995,6 +995,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 7b0f212b..537d5b39 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/mate-applications.css
@@ -523,6 +523,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 d4dc3042..79976100 100644
--- a/desktop-themes/Menta/gtk-3.0/mate-applications.css
+++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css
@@ -666,6 +666,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 35ffcdd6..b52d49bb 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/mate-applications.css
@@ -282,6 +282,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 075a0ca4..cffedf0b 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/mate-applications.css
@@ -297,6 +297,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 ded06133..e74d2d77 100644
--- a/desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css
@@ -286,6 +286,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 *
  ******************/