1 files changed, 36 insertions, 23 deletions

diff --git a/desktop-themes/YaruGreen/gtk-3.0/_apps.scss b/desktop-themes/YaruGreen/gtk-3.0/_apps.scss
index 53a5411e..ce947898 100644
--- a/desktop-themes/YaruGreen/gtk-3.0/_apps.scss
+++ b/desktop-themes/YaruGreen/gtk-3.0/_apps.scss
@@ -817,11 +817,34 @@ PanelApplet.wnck-applet .wnck-pager {
 	border-radius: $button_radius;
 }
 
-/* Weird, this sets the border color of the clockmap */
-#MatePanelPopupWindow > frame > box > box > box > widget {
-    color: $borders_color;
+
+#PanelApplet > #clock-applet-button.flat.toggle {
+   background-color: transparent;
+   background-image: none;
+   border-color: transparent;
+   border-width: 0px;
+   box-shadow: none;
 }
 
+#PanelApplet > #clock-applet-button.flat.toggle:hover {
+	      box-shadow: inset 0px 1px $borders_color,inset 0px -1px $borders_color, inset 1px 0px $borders_color,inset -1px 0px $borders_color;
+          background-image: linear-gradient(to bottom,
+                     $button_hover_gradient_a 5%,
+                      $button_hover_gradient_b 95%,
+                      $button_hover_gradient_c);
+	}
+
+#PanelApplet > #clock-applet-button.flat.toggle:checked {
+	      box-shadow: inset 0px 1px $borders_color,inset 0px -1px $borders_color, inset 1px 0px $borders_color,inset -1px 0px $borders_color;
+          background-image: linear-gradient(to bottom,
+                      $button_active_gradient_a,
+                      $button_active_gradient_b 3px,
+                      $button_active_gradient_c 4px,
+                      $button_active_gradient_d 50%,
+                      $button_active_gradient_e 50%,
+                      $button_active_gradient_f);
+	}
+
 /* volume applet */
 .mate-panel-applet-slider,
 .mate-panel-applet-slider.background {
@@ -1005,26 +1028,7 @@ iconview {
   }
 }
 
-/* Brisk menu's panel button */
-.mate-panel-menu-bar #PanelApplet button.flat.toggle.brisk-button {
-  &, &:hover {
-    image {
-      margin: 0px;
-      padding: 0px;
-    }
-    background-image: none;
-    background-color: transparent;
-    padding: 0px;
-    margin: 0px;
-    border-color: transparent;
-    border-radius: 0;
-    border-image: none;
-    text-shadow: none;
-    &:checked {
-      box-shadow: inset 0 -3px 0 0 $selected_bg_color;
-    }
-  }    
-}
+
 
 /* mate-keyboard-layout-view, mate-keyboard-layout-chooser */
 /* this way it styles only the border of the keys, the bg of the map itself
@@ -1124,7 +1128,16 @@ window#Main.background {
 MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
     background-image: -gtk-scaled(url("assets/panel-grid.svg"));
     background-color: transparent;
+    color: #bebebe;
     background-repeat: no-repeat;
     background-position: left;
 }
 
+/* for firefox and probably other apps */
+label:selected,
+label selection,
+label selection:focus,
+label selection:hover {
+  color: $selected_fg_color;
+}
+