Fix theming for xfce4-pulseaudio-plugin's playback buttons

tanderson-google · Aug 17, 2017 · 0c2931b · 0c2931b
1 parent 38c3d57
commit 0c2931b
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 4 deletions.
diff --git a/gtk-3.0/_xfce.scss b/gtk-3.0/_xfce.scss
@@ -50,6 +50,15 @@ $variant: 'light';
         -gtk-icon-effect: none;
 
         text-shadow: none;
+        // Theme pulseaudio-plugin's mpris buttons
+        .linked button {
+            @extend %linked;
+            @include button(normal, $menu_color, $text_color);
+            &:disabled {
+              @include button(insensitive);
+              border-color: transparentize($borders_color, 0.5);
+            }
+        }
     }
     .tasklist button {
         margin: 1px;

diff --git a/gtk-3.0/gtk-contained.css b/gtk-3.0/gtk-contained.css
@@ -1209,30 +1209,30 @@ button, .linked >
 button:hover, .linked >
 button:active, .linked >
 button:checked, .linked >
-button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
+button:backdrop, .xfce4-panel.background menu .linked button, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
   border-radius: 0;
   border-right-style: none; }
 
 .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) >
 entry:first-child, .inline-toolbar
 button:first-child, .linked >
 button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat,
-toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
+toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .xfce4-panel.background menu .linked button:first-child {
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px; }
 .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) >
 entry:last-child, .inline-toolbar
 button:last-child, .linked >
 button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat,
-toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
+toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .xfce4-panel.background menu .linked button:last-child {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   border-right-style: solid; }
 .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) >
 entry:only-child, .inline-toolbar
 button:only-child, .linked >
 button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
-toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo {
+toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo, .xfce4-panel.background menu .linked button:only-child {
   border-radius: 3px;
   border-style: solid; }
 
@@ -4359,6 +4359,24 @@ read if you used those and something break with a version upgrade you're on your
   .xfce4-panel.background menu {
     -gtk-icon-effect: none;
     text-shadow: none; }
+    .xfce4-panel.background menu .linked button {
+      color: #212121;
+      outline-color: rgba(33, 33, 33, 0.3);
+      border-top-color: shade(#cecece, 0.8);
+      border-right-color: shade(#cecece, 0.72);
+      border-left-color: shade(#cecece, 0.72);
+      border-bottom-color: shade(#cecece, 0.7);
+      background-image: linear-gradient(to bottom, shade(shade(#fcfcfc, 1.02), 1.05), shade(shade(#fcfcfc, 1.02), 0.97));
+      box-shadow: inset 0 1px white; }
+      .xfce4-panel.background menu .linked button:disabled {
+        border-color: #828282;
+        background-color: #e0e0e0;
+        text-shadow: none;
+        -gtk-icon-shadow: none;
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+        border-color: rgba(130, 130, 130, 0.5); }
+        .xfce4-panel.background menu .linked button:disabled label, .xfce4-panel.background menu .linked button:disabled {
+          color: #858585; }
   .xfce4-panel.background .tasklist button {
     margin: 1px;
     border-radius: 3px;