LateNight: implement new 'play_latched' CO, clean up

7 files changed, 155 insertions, 89 deletions

diff --git a/res/skins/LateNight/decks/deck_mini.xml b/res/skins/LateNight/decks/deck_mini.xml
index 8b94f40ea4..0e1cfe2d14 100644
--- a/res/skins/LateNight/decks/deck_mini.xml
+++ b/res/skins/LateNight/decks/deck_mini.xml
@@ -67,26 +67,24 @@
                         <SetVariable name="BtnSize">medium</SetVariable>
                         <SetVariable name="ConfigKey"><Variable name="Group"/>,play</SetVariable>
                         <SetVariable name="ConfigKeyRight"><Variable name="Group"/>,cue_default</SetVariable>
+                        <SetVariable name="ConfigKeyDisp"><Variable name="Group"/>,play_latched</SetVariable>
                       </Template>
                       <PushButton>
+                        <ObjectName>PreviewIndicator</ObjectName>
+                        <Size>42f,26f</Size>
+                        <NumberStates>2</NumberStates>
+                        <Connection>
+                          <ConfigKey><Variable name="Group"/>,play</ConfigKey>
+                        </Connection>
+                      </PushButton>
+                      <PushButton>
                         <ObjectName>PlayIndicator</ObjectName>
                         <Size>42f,26f</Size>
                         <NumberStates>2</NumberStates>
-                        <RightClickIsPushButton>false</RightClickIsPushButton>
-                        <State>
-                          <Number>0</Number>
-                        </State>
-                        <State>
-                          <Number>1</Number>
-                        </State>
                         <Connection>
                           <ConfigKey><Variable name="Group"/>,play_indicator</ConfigKey>
                         </Connection>
                       </PushButton>
-                      <WidgetGroup>
-                        <ObjectName>PlayBg</ObjectName>
-                        <Size>42f,26f</Size>
-                      </WidgetGroup>
                     </Children>
                   </WidgetGroup><!-- Play + PlayBlink + default grey background -->
 
diff --git a/res/skins/LateNight/decks/row_5_transportLoopJump.xml b/res/skins/LateNight/decks/row_5_transportLoopJump.xml
index 0dec3fa84e..33cfcc209b 100644
--- a/res/skins/LateNight/decks/row_5_transportLoopJump.xml
+++ b/res/skins/LateNight/decks/row_5_transportLoopJump.xml
@@ -67,19 +67,28 @@
                 </Children>
               </WidgetGroup><!-- Reverse | Cue -->
 
-              <WidgetGroup><!-- Play + PlayBlink + default grey background -->
+              <WidgetGroup><!-- Play + PlayBlink + default dark background -->
                 <Layout>stacked</Layout>
                 <Size>68f,26f</Size>
                 <Children>
-                  <Template src="skin:/controls/button_2state_right.xml">
+                  <Template src="skin:/controls/button_2state_right_display.xml">
                     <SetVariable name="TooltipId">play_cue_set</SetVariable>
                     <SetVariable name="ObjectName">PlayDeck</SetVariable>
                     <SetVariable name="Size">68f,26f</SetVariable>
                     <SetVariable name="BtnSize">play</SetVariable>
                     <SetVariable name="ConfigKey"><Variable name="Group"/>,play</SetVariable>
                     <SetVariable name="ConfigKeyRight"><Variable name="Group"/>,cue_set</SetVariable>
+                    <SetVariable name="ConfigKeyDisp"><Variable name="Group"/>,play_latched</SetVariable>
                   </Template>
                   <PushButton>
+                    <ObjectName>PreviewIndicator</ObjectName>
+                    <Size>68f,26f</Size>
+                    <NumberStates>2</NumberStates>
+                    <Connection>
+                      <ConfigKey><Variable name="Group"/>,play</ConfigKey>
+                    </Connection>
+                  </PushButton>
+                  <PushButton>
                     <ObjectName>PlayIndicator</ObjectName>
                     <Size>68f,26f</Size>
                     <NumberStates>2</NumberStates>
@@ -87,15 +96,11 @@
                       <ConfigKey><Variable name="Group"/>,play_indicator</ConfigKey>
                     </Connection>
                   </PushButton>
-                  <WidgetGroup>
-                    <ObjectName>PlayBg</ObjectName>
-                    <Size>68f,26f</Size>
-                  </WidgetGroup>
                 </Children>
-              </WidgetGroup><!-- Play + PlayBlink + default grey background -->
+              </WidgetGroup><!-- Play + PlayBlink + default dark background -->
 
             </Children>
-          </WidgetGroup><!-- Play, Cue, Reverse -->
+          </WidgetGroup>
 
           <WidgetGroup><Size>2f,0min</Size></WidgetGroup><!--  = 2-10px wide -->
           <WidgetGroup><SizePolicy>i,min</SizePolicy><MaximumSize>8,</MaximumSize></WidgetGroup>
diff --git a/res/skins/LateNight/decks/row_5_transportLoopJump_compact.xml b/res/skins/LateNight/decks/row_5_transportLoopJump_compact.xml
index 6c1c57a882..b5af7442eb 100644
--- a/res/skins/LateNight/decks/row_5_transportLoopJump_compact.xml
+++ b/res/skins/LateNight/decks/row_5_transportLoopJump_compact.xml
@@ -14,32 +14,37 @@
         <MaximumSize>360,</MaximumSize>
         <Children>
 
-          <WidgetGroup><!-- Play + PlayBlink + default grey background -->
+          <WidgetGroup><!-- Play + PlayBlink + default dark background -->
             <Layout>stacked</Layout>
-            <Size>52f,26f</Size>
+            <Size>68f,26f</Size>
             <Children>
               <Template src="skin:/controls/button_2state_right_display.xml">
-                <SetVariable name="TooltipId">play_cue_default</SetVariable>
+                <SetVariable name="TooltipId">play_cue_set</SetVariable>
                 <SetVariable name="ObjectName">PlayDeck</SetVariable>
-                <SetVariable name="Size">52f,26f</SetVariable>
-                <SetVariable name="BtnSize">wide</SetVariable>
+                <SetVariable name="Size">68f,26f</SetVariable>
+                <SetVariable name="BtnSize">play</SetVariable>
                 <SetVariable name="ConfigKey"><Variable name="Group"/>,play</SetVariable>
-                <SetVariable name="ConfigKeyRight"><Variable name="Group"/>,cue_default</SetVariable>
+                <SetVariable name="ConfigKeyRight"><Variable name="Group"/>,cue_set</SetVariable>
+                <SetVariable name="ConfigKeyDisp"><Variable name="Group"/>,play_latched</SetVariable>
               </Template>
               <PushButton>
+                <ObjectName>PreviewIndicator</ObjectName>
+                <Size>68f,26f</Size>
+                <NumberStates>2</NumberStates>
+                <Connection>
+                  <ConfigKey><Variable name="Group"/>,play</ConfigKey>
+                </Connection>
+              </PushButton>
+              <PushButton>
                 <ObjectName>PlayIndicator</ObjectName>
-                <Size>52f,26f</Size>
+                <Size>68f,26f</Size>
                 <NumberStates>2</NumberStates>
                 <Connection>
                   <ConfigKey><Variable name="Group"/>,play_indicator</ConfigKey>
                 </Connection>
               </PushButton>
-              <WidgetGroup>
-                <ObjectName>PlayBg</ObjectName>
-                <Size>52f,26f</Size>
-              </WidgetGroup>
             </Children>
-          </WidgetGroup><!-- Play + PlayBlink + default grey background -->
+          </WidgetGroup><!-- Play + PlayBlink + default dark background -->
 
           <PushButton>
             <TooltipId>cue_default_cue_gotoandstop</TooltipId>
diff --git a/res/skins/LateNight/samplers/sampler.xml b/res/skins/LateNight/samplers/sampler.xml
index 5f4214f101..d6f2d6cec9 100644
--- a/res/skins/LateNight/samplers/sampler.xml
+++ b/res/skins/LateNight/samplers/sampler.xml
@@ -82,8 +82,8 @@
 
                       <WidgetGroup>
                         <ObjectName>SamplerPlayBox</ObjectName>
-                        <Layout>horizontal</Layout>
-                        <SizePolicy>min,min</SizePolicy>
+                        <Layout>stacked</Layout>
+                        <SizePolicy>max,max</SizePolicy>
                         <Children>
                           <Template src="skin:/controls/button_2state_right_display.xml">
                             <SetVariable name="TooltipId">cue_gotoandplay_cue_default</SetVariable>
@@ -93,10 +93,18 @@
                             <SetVariable name="BtnSize">square_big</SetVariable>
                             <SetVariable name="ConfigKey"><Variable name="Group"/>,cue_gotoandplay</SetVariable>
                             <SetVariable name="ConfigKeyRight"><Variable name="Group"/>,cue_default</SetVariable>
-                            <SetVariable name="ConfigKeyDisp"><Variable name="Group"/>,play</SetVariable>
+                            <SetVariable name="ConfigKeyDisp"><Variable name="Group"/>,play_latched</SetVariable>
                           </Template>
+                          <PushButton>
+                            <ObjectName>PreviewIndicator</ObjectName>
+                            <Size>34f,34f</Size>
+                            <NumberStates>2</NumberStates>
+                            <Connection>
+                              <ConfigKey><Variable name="Group"/>,play</ConfigKey>
+                            </Connection>
+                          </PushButton>
                         </Children>
-                      </WidgetGroup><!-- SamplerPlayBox -->
+                      </WidgetGroup>
 
                       <WidgetGroup>
                         <ObjectName>OverviewBox</ObjectName>
diff --git a/res/skins/LateNight/samplers/sampler_mini.xml b/res/skins/LateNight/samplers/sampler_mini.xml
index c26c19d62e..ffba37ce7b 100644
--- a/res/skins/LateNight/samplers/sampler_mini.xml
+++ b/res/skins/LateNight/samplers/sampler_mini.xml
@@ -9,8 +9,8 @@
 
       <WidgetGroup>
         <ObjectName>SamplerPlayBoxMini</ObjectName>
-        <Layout>horizontal</Layout>
-        <SizePolicy>min,min</SizePolicy>
+        <Layout>stacked</Layout>
+        <SizePolicy>max,max</SizePolicy>
         <Children>
           <Template src="skin:/controls/button_2state_right_display.xml">
             <SetVariable name="TooltipId">cue_gotoandplay_cue_default</SetVariable>
@@ -20,13 +20,28 @@
             <SetVariable name="BtnSize">square_big</SetVariable>
             <SetVariable name="ConfigKey"><Variable name="Group"/>,cue_gotoandplay</SetVariable>
             <SetVariable name="ConfigKeyRight"><Variable name="Group"/>,cue_default</SetVariable>
-            <SetVariable name="ConfigKeyDisp"><Variable name="Group"/>,play</SetVariable>
+            <SetVariable name="ConfigKeyDisp"><Variable name="Group"/>,play_latched</SetVariable>
           </Template>
+          <PushButton>
+            <ObjectName>PreviewIndicator</ObjectName>
+            <Size>34f,34f</Size>
+            <NumberStates>2</NumberStates>
+            <Connection>
+              <ConfigKey><Variable name="Group"/>,play</ConfigKey>
+            </Connection>
+          </PushButton>
+          <PushButton>
+            <ObjectName>PlayIndicator</ObjectName>
+            <Size>34f,34f</Size>
+            <NumberStates>2</NumberStates>
+            <Connection>
+              <ConfigKey><Variable name="Group"/>,play_indicator</ConfigKey>
+            </Connection>
+          </PushButton>
         </Children>
       </WidgetGroup>
 
       <WidgetGroup>
-        <ObjectName></ObjectName>
         <Layout>vertical</Layout>
         <Size>0me,36f</Size>
         <Children>
diff --git a/res/skins/LateNight/style_classic.qss b/res/skins/LateNight/style_classic.qss
index 3d7749c3c0..67ba17fd82 100644
--- a/res/skins/LateNight/style_classic.qss
+++ b/res/skins/LateNight/style_classic.qss
@@ -1299,17 +1299,23 @@ QPushButton#pushButtonRecording:checked {
     border-image: url(skin:/classic/buttons/btn_embedded_library_active.svg) 2 2 2 2;
   }
 
-#BeatgridControls WPushButton, #BeatgridControlsToggle,
+#BeatgridControls WPushButton, WPushButton#BeatgridControlsToggle,
 #DeckRow_5_LoopCuesTransport WPushButton,
-#PlayDeck, #PlayIndicator, #PlayBg,
-#CueDeck, #PlayCueMini WPushButton,
-#LoopActivate,
-#RateControls WPushButton, #SyncDeck,
+WPushButton#PlayDeck,
+WPushButton#PreviewIndicator,
+WPushButton#PlayIndicator,
+WPushButton#CueDeck,
+#PlayCueMini WPushButton,
+WPushButton#LoopActivate,
+#RateControls WPushButton,
+WPushButton#SyncDeck,
+WPushButton#SyncSampler,
 #MixerContainer WPushButton,
 #FxUnitContainer WPushButton,
 #Sampler WPushButton,
+#SamplerMini WPushButton,
 #MicAuxRack WPushButton,
-#PlayPreview {
+WPushButton#PlayPreview {
   /* Limit background-color area to button area designed in SVG backpath. */
   margin: 1px;
   /* just to be sure the colored background doesn't overlap the rounded SVG border */
@@ -1325,7 +1331,7 @@ WPushButton#SamplerExpand,
 #SamplerSettingsMini WPushButton,
 WPushButton#CrossfaderButton,
 WPushButton#FxExpandOverlay,
-#LibExpand,
+WPushButton#LibExpand,
 #ToolBar WPushButton {
   margin: 0px;
   border-radius: 0px;
@@ -1334,17 +1340,22 @@ WPushButton#FxExpandOverlay,
 
 
 /************** button background colors **************************************/
+
+/* top-level buttons in transport, fx, micaux and others */
 #BeatgridControls WPushButton[displayValue="0"],
 #DeckRow_5_LoopCuesTransport WPushButton[displayValue="0"],
-#PlayBg, #PlayCueMini WPushButton[displayValue="0"],
-#CueDeck[displayValue="0"], #LoopActivate[displayValue="0"],
+#PlayCueMini WPushButton[displayValue="0"],
+WPushButton#CueDeck[displayValue="0"],
+WPushButton#PlayIndicator[value="0"],
+WPushButton#LoopActivate[displayValue="0"],
 #FxAssignButtons WPushButton[displayValue="0"],
 #VinylControls WPushButton[displayValue="0"],
 #KeyControls WPushButton[displayValue="0"],
-  WPushButton#VinylModeButton[displayValue="1"],
-  WPushButton#VinylModeButton[displayValue="2"],
+WPushButton#VinylModeButton[displayValue="1"],
+WPushButton#VinylModeButton[displayValue="2"],
 WPushButton#MixModeButton[displayValue="1"],
-#RateControls WPushButton[displayValue="0"], #SyncDeck[value="0"],
+#RateControls WPushButton[displayValue="0"],
+WPushButton#SyncDeck[value="0"],
 #MixerContainer WPushButton[displayValue="0"],
 #FxUnitContainer WPushButton[displayValue="0"],
 #Sampler WPushButton[displayValue="0"],
@@ -1356,23 +1367,27 @@ QPushButton#pushButtonAutoDJ:enabled:!checked,
 #DlgAutoDJ > QPushButton:enabled,
 #DlgRecording > QPushButton:enabled,
 #DlgAnalysis > QPushButton:enabled,
-#GuiToggleButton[displayValue="0"], #RecFeedback[displayValue="0"],
-#BroadcastButton[displayValue="0"], #SkinSettingsToggle[displayValue="0"] {
+WPushButton#GuiToggleButton[displayValue="0"],
+#RecFeedback[displayValue="0"],
+WPushButton#BroadcastButton[displayValue="0"],
+WPushButton#SkinSettingsToggle[displayValue="0"] {
   background-color: #262626;
 }
 
-/* Red */
+/* Red for 'active' status */
 #BeatgridControls WPushButton[value="1"],
 #RateControls WPushButton[value="1"],
 #SyncDeck[value="1"], #SyncSampler[displayValue="1"],
 WPushButton#PlayDeck[displayValue="1"],
 WPushButton#PlayDeckMini[displayValue="1"],
-#PlaySampler[displayValue="1"], #PlayPreview[displayValue="1"],
+WPushButton#PlaySampler[displayValue="1"],
+WPushButton#PlayPreview[displayValue="1"],
 WPushButton#PlayIndicator[displayValue="1"],
 #LibraryPreviewButton:checked,
 #CueDeck[displayValue="1"],
 WPushButton#Reverse[pressed="true"],
-#LoopControls WPushButton[value="1"], #LoopActivate[displayValue="1"],
+#LoopControls WPushButton[value="1"],
+#LoopActivate[displayValue="1"],
 #BeatjumpControls WPushButton[value="1"],
 #EQKillButtonBox WPushButton[displayValue="1"],
 #PflButton[value="1"],
@@ -1381,7 +1396,14 @@ WPushButton#Reverse[pressed="true"],
 #RecFeedback[displayValue="2"],
 QPushButton#pushButtonRecording:checked {
   background-color: #db0000;
-}
+  }
+  /* Red border for Play buttons when previewing from
+    Cue or Hotcue */
+  WPushButton#PreviewIndicator[value="1"] {
+    border: 3px solid #db0000;
+    /* work around round borders being painted outside the actual border area */
+    border-radius: 0px;
+  }
 
 /* Green for Fx buttons: QuickEffect + Fx 1/2 */
 #FxUnit1 #FxToggleButton[displayValue="1"],
@@ -1514,7 +1536,7 @@ QPushButton#pushButtonAutoDJ:checked,
 /* Special flat buttons */
 WPushButton#PlayDeck[displayValue="0"],
 WPushButton#PlayDeckMini[displayValue="0"],
-WPushButton#PlayIndicator[value="0"],
+WPushButton#PlaySampler[displayValue="0"],
 WPushButton#BpmTap[displayValue="0"],
 WPushButton#FxFocusButton[displayValue="0"],
 #SamplerSettings WPushButton[displayValue="0"],
diff --git a/res/skins/LateNight/style_palemoon.qss b/res/skins/LateNight/style_palemoon.qss
index dc69f84154..c473c61c2f 100644
--- a/res/skins/LateNight/style_palemoon.qss
+++ b/res/skins/LateNight/style_palemoon.qss
@@ -1517,19 +1517,22 @@ WEffectSelector,
     border-image: url(skin:/palemoon/buttons/btn_embedded_library_active.svg) 12 2 1 2;
   }
 
-#BeatgridControls WPushButton, #BeatgridControlsToggle,
+#BeatgridControls WPushButton, WPushButton#BeatgridControlsToggle,
 #DeckRow_5_LoopCuesTransport WPushButton,
-#PlayDeck, #PlayIndicator, #PlayBg,
-#CueDeck, #PlayCueMini WPushButton,
-#LoopActivate,
-#RateControls WPushButton,
-#SyncDeck, #SyncSampler,
+WPushButton#PlayDeck,
+WPushButton#PreviewIndicator,
+WPushButton#PlayIndicator,
+WPushButton#CueDeck,
+#PlayCueMini WPushButton,
+WPushButton#LoopActivate,
+WPushButton#RateControls WPushButton,
+WPushButton#SyncDeck, WPushButton#SyncSampler,
 #MixerContainer WPushButton,
 #FxUnitContainer WPushButton,
 #Sampler WPushButton,
 #SamplerMini WPushButton,
 #MicAuxRack WPushButton,
-#PlayPreview {
+WPushButton#PlayPreview {
   /* Limit background-color area to button area designed in SVG backpath. */
   margin: 1px;
   /* just to be sure the colored background doesn't overlap the rounded SVG border */
@@ -1556,13 +1559,15 @@ WPushButton#CrossfaderButton,
 
 /* top-level buttons in transport, fx, micaux and others */
 #DeckRow_5_LoopCuesTransport WPushButton[displayValue="0"],
-#PlayBg, #PlayCueMini WPushButton[displayValue="0"],
-#CueDeck[displayValue="0"], #LoopActivate[displayValue="0"],
+#PlayCueMini WPushButton[displayValue="0"],
+WPushButton#PlayIndicator[displayValue="0"],
+WPushButton#CueDeck[displayValue="0"],
+#SamplerPlayBox WPushButton#PreviewIndicator,
+WPushButton#LoopActivate[displayValue="0"],
 #KeyControls WPushButton[displayValue="0"],
 #EQKillButtonBox WPushButton[displayValue="0"],
 WPushButton#QuickEffectButton[displayValue="0"],
-#FxToggleButton[displayValue="0"],
-WPushButton#PlaySampler[displayValue="0"],
+WPushButton#FxToggleButton[displayValue="0"],
 #MicAuxUnit WPushButton[displayValue="0"],
 #MicDuckingContainer WPushButton[displayValue="0"],
 WBeatSpinBox,
@@ -1573,16 +1578,16 @@ WBeatSpinBox::down-button {
   /* dim buttons in top-level containers */
   #LoopControls WPushButton[displayValue="0"],
   #BeatjumpControls WPushButton[displayValue="0"],
-  #SyncDeck[value="0"],
+  WPushButton#SyncDeck[value="0"],
   WBeatSpinBox::up-button,
   WBeatSpinBox::down-button,
   WPushButton#LoopActivate[displayValue="0"], /* in compact deck */
-  #FxParameterButton[displayValue="0"],
+  WPushButton#FxParameterButton[displayValue="0"],
   #LibraryContainer QHeaderView,
   #LibraryContainer QHeaderView::section {
     background-color: #171719;
   }
-  /*  even buttons in 2nd level containers */
+  /* even buttons in 2nd level containers */
   #FxAssignButtons WPushButton[displayValue="0"],
   #VinylControls WPushButton[displayValue="0"],
   #KeyControls WPushButton[displayValue="0"],
@@ -1591,14 +1596,14 @@ WBeatSpinBox::down-button {
   WPushButton#HotcueButton[displayValue="0"],
   WPushButton#SpecialCueButton[displayValue="0"],
   #RateControls WPushButton[displayValue="0"],
-  #PflButton[displayValue="0"],
-  #MixModeButton[displayValue="0"],
-  #MixModeButton[displayValue="1"],
+  WPushButton#PflButton[displayValue="0"],
+  WPushButton#MixModeButton[displayValue="0"],
+  WPushButton#MixModeButton[displayValue="1"],
   WEffectSelector,
   #fadeModeCombobox,
-  #SamplerContainer #SyncSampler[displayValue="0"],
-  #SamplerContainer #PflButton[displayValue="0"],
-  #MicAuxUnit #PflButton[displayValue="0"],
+  #SamplerContainer WPushButton#SyncSampler[displayValue="0"],
+  #SamplerContainer WPushButton#PflButton[displayValue="0"],
+  #MicAuxUnit WPushButton#PflButton[displayValue="0"],
   WPushButton#MicAuxAdd {
     background-color: #1e1e20;
   }
@@ -1633,7 +1638,8 @@ WPushButton#PlayIndicator[displayValue="1"],
 #LibraryPreviewButton:checked,
 #CueDeck[displayValue="1"],
 WPushButton#Reverse[pressed="true"],
-#LoopActivate[value="1"], #Reloop[value="1"],
+#LoopActivate[value="1"],
+#Reloop[value="1"],
 #SyncSampler[displayValue="1"],
 #MicTalk[value="1"], #AuxPlay[value="1"],
 #MicDucking[value="1"],
@@ -1643,7 +1649,14 @@ WPushButton#Reverse[pressed="true"],
 QPushButton#pushButtonAutoDJ:checked,
 #DlgAnalysis > QPushButton:checked {
   background-color: #b24c12;
-}
+  }
+  /* Orange border for Play buttons when previewing from
+    Cue or Hotcue */
+  WPushButton#PreviewIndicator[value="1"] {
+    border: 3px solid #b24c12;
+    /* work around round borders being painted outside the actual border area */
+    border-radius: 0px;
+  }
 /* dim orange for momentary controls */
 #SyncDeck[value="1"],
 WPushButton#LoopIn[pressed="true"],
@@ -1702,8 +1715,8 @@ WPushButton#FxSuperLinkInvertButton[displayValue="0"] {
   background-color: #236b00;
   }
 #FxUnit1 #FxSuperLinkButton[value="2"],
-#FxUnit2 #FxSuperLinkButton[value="2"] {  /*
-  a simple way to achieve a partitioning in thirds  */
+#FxUnit2 #FxSuperLinkButton[value="2"] {
+/* a simple way to achieve a partitioning in thirds  */
   background-color: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0,
     stop: 0 #236b00,
     stop: 0.33 #236b00,
@@ -1768,9 +1781,7 @@ WPushButton#FxSuperLinkInvertButton[displayValue="0"] {
   background-color: #d09300;
 }
 
-#SpecialCueButton[value="1"] {  /*
-  background-color: #3166ab;
-  background-color: #2b5a97;  */
+#SpecialCueButton[value="1"] {
   background-color: #395579;
 }
 
@@ -1805,7 +1816,9 @@ QPushButton#pushButtonRepeatPlaylist:checked {
 #BeatgridControlsToggle,
 WPushButton#PlayDeck[displayValue="0"],
 WPushButton#PlayDeckMini[displayValue="0"],
-WPushButton#PlayIndicator[value="0"],
+WPushButton#PlaySampler[displayValue="0"],
+#DeckRow_5_LoopCuesTransport WPushButton#PreviewIndicator,
+#PlayCueMini WPushButton#PreviewIndicator,
 WPushButton#FxFocusButton[displayValue="0"],
 #SamplerSettings WPushButton[displayValue="0"],
 #SamplerSettingsMini WPushButton[displayValue="0"],
@@ -1822,10 +1835,10 @@ WPushButton#RecButton[displayValue="1"],
 
 
 /************** Button icons **************************************************/
-#PlayDeck[displayValue="0"] {
+WPushButton#PlayDeck[value="0"] {
   image: url(skin:/palemoon/buttons/btn__play_deck.svg) no-repeat center center;
   }
-  #PlayDeck[displayValue="1"] {
+  WPushButton#PlayDeck[value="1"] {
     image: url(skin:/palemoon/buttons/btn__play_deck_active.svg) no-repeat center center;
   }
 
@@ -2767,7 +2780,7 @@ WLibrary QRadioButton::indicator:unchecked {
 /* closed */
 #LibraryContainer QTreeView::branch:closed:has-children:!has-siblings:!selected,
 #LibraryContainer QTreeView::branch:closed:has-children:has-siblings:!selected {
-/*  Suppresses that selected sidebar items branch indicator shows wrong color when
+/* Suppresses that selected sidebar items branch indicator shows wrong color when
     out of focus ; lp:880588 */
   border-image: none;
     image: url(skin:/palemoon/style/library_branch_closed_grey.png);