diff --git a/res/skins/LateNight/classic/buttons/btn__lib_checkmark_grey.svg b/res/skins/LateNight/classic/buttons/btn__lib_checkmark_grey.svg
new file mode 100644
index 000000000000..2aa0d5f5c3f7
--- /dev/null
+++ b/res/skins/LateNight/classic/buttons/btn__lib_checkmark_grey.svg
@@ -0,0 +1,7 @@
+
diff --git a/res/skins/LateNight/classic/buttons/btn__menu_checkbox.svg b/res/skins/LateNight/classic/buttons/btn__menu_checkbox.svg
new file mode 100644
index 000000000000..36a594522360
--- /dev/null
+++ b/res/skins/LateNight/classic/buttons/btn__menu_checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/res/skins/LateNight/classic/buttons/btn__menu_checkbox_checked.svg b/res/skins/LateNight/classic/buttons/btn__menu_checkbox_checked.svg
new file mode 100644
index 000000000000..89ca21620fbe
--- /dev/null
+++ b/res/skins/LateNight/classic/buttons/btn__menu_checkbox_checked.svg
@@ -0,0 +1,4 @@
+
diff --git a/res/skins/LateNight/palemoon/buttons/btn__effect_selected.svg b/res/skins/LateNight/palemoon/buttons/btn__effect_selected.svg
new file mode 100644
index 000000000000..f9232c2c0f2f
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__effect_selected.svg
@@ -0,0 +1,4 @@
+
diff --git a/res/skins/LateNight/palemoon/buttons/btn__menu_checkbox.svg b/res/skins/LateNight/palemoon/buttons/btn__menu_checkbox.svg
new file mode 100644
index 000000000000..36a594522360
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__menu_checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/res/skins/LateNight/palemoon/buttons/btn__menu_checkbox_checked.svg b/res/skins/LateNight/palemoon/buttons/btn__menu_checkbox_checked.svg
new file mode 100644
index 000000000000..8bcc02e20bd6
--- /dev/null
+++ b/res/skins/LateNight/palemoon/buttons/btn__menu_checkbox_checked.svg
@@ -0,0 +1,4 @@
+
diff --git a/res/skins/LateNight/skin.xml b/res/skins/LateNight/skin.xml
index a668ad00ccc6..5bbd700c129f 100644
--- a/res/skins/LateNight/skin.xml
+++ b/res/skins/LateNight/skin.xml
@@ -2,7 +2,7 @@
LateNight, Resizable skin for Mixxx 2.3.x
www.mixxx.org
Copyright (C) 2010-2013 jus , 2014 Owen Williams ,
- 2019-2020 ronso0
+ 2019-2021 ronso0
"LateNight" is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported license.
http://creativecommons.org/licenses/by-sa/3.0/
@@ -30,9 +30,9 @@
LateNight
- owilliams
+ owilliams, ronso0
2.3.0.01
- A wide nighttime skin with stacked waveforms, 4 decks and 8 samplers.
+ A wide nighttime skin with stacked waveforms, 4 decks in 3 configurations and up to 16 samplers.
en
Creative Commons Attribution, Share-Alike 3.0 Unported
@@ -54,9 +54,9 @@
0
0
-
+
1
1
@@ -282,7 +282,9 @@
Mixxx
-
+
diff --git a/res/skins/LateNight/skin_settings.xml b/res/skins/LateNight/skin_settings.xml
index 637aa281fa02..e705c804be0b 100644
--- a/res/skins/LateNight/skin_settings.xml
+++ b/res/skins/LateNight/skin_settings.xml
@@ -159,7 +159,7 @@ Description:
Hotcues
[Skin],show_hotcues
hotcue_toggle
- 72f
+ 77f
@@ -630,7 +630,7 @@ Description:
Effect Units
[EffectRack1],show
show_effects
- 120me
+ 130me
@@ -730,7 +730,7 @@ Description:
show_samplers
Samplers
[Samplers],show_samplers
- 105f
+ 115f
diff --git a/res/skins/LateNight/style.qss b/res/skins/LateNight/style.qss
index 1420cae1709e..dd2e50756aef 100644
--- a/res/skins/LateNight/style.qss
+++ b/res/skins/LateNight/style.qss
@@ -36,6 +36,11 @@ WEffectSelector QAbstractScrollArea,
#LibraryContainer QHeaderView,
#LibraryContainer QHeaderView::item,
#LibraryContainer QMenu {
+ /* On Linux all weight variants of Open Sans are identified
+ as "Open Sans".
+ On Windows however, the semi-bold variant is identified as
+ "Open Sans Semibold", thus we need to set some font weights
+ in style_windows.qss */
font-family: "Open Sans";
font-weight: 500; /* semi-bold */
font-style: normal;
@@ -53,7 +58,6 @@ WOverview #PassthroughLabel,
#VinylControls WPushButton,
#FxAssignButtons WPushButton,
#SamplerTitleMini,
-/* ToolBar */
#GuiToggleButton,
#RecFeedback, #RecDuration,
#BroadcastButton,
@@ -74,7 +78,6 @@ WOverview #PassthroughLabel {
#MicAuxLabel, #MicAuxLabelUnconfigured,
#VinylControls WPushButton,
#FxAssignButtons WPushButton,
-/* ToolBar */
#GuiToggleButton,
#RecFeedback, #RecDuration,
#BroadcastButton,
@@ -100,7 +103,201 @@ QLabel#labelRecStatistics {
font-weight: normal;
}
+#LibraryContainer QMenu::indicator {
+ margin-right: 10px;
+}
+
+/* WMainMenuBar #MainMenu is difficult to style, at least when
+ it should look identical on Windows AND Linux.
+ Paddings and margins affect the item labels and checkboxes entirely
+ different so we need style_linux.qss and style_windows.qss to take
+ care of it individually.
+ Luckily we don't need to care about macOS here -Woohoo!- because
+ there the memnu bar is always styled natively. */
+#MainMenu {
+ margin-bottom: 0px;
+ padding-bottom: 0px;
+}
+#MainMenu::item {
+ /* No big deal, just try to make it look like native menus */
+ padding: 0.1em 0.5em 0.1em 0.5em;
+ margin: 0em;
+}
+#MainMenu QMenu::item {
+ /* Xfce/Gnome:
+ padding(-left) is applied to entire item (text + opt. icon)
+ = icon may overlap text
+ = item labels are always aligned, with or without checkbox/icon
+ Fedora/Arch/Windows:
+ padding(-left) is applied to text only
+ = does NOT align items with and without checkboxes */
+ /* The style below SHOULD yield identical results on all target OS,
+ yet it looks slightly different, items are shifted by a few pixels.. go figure */
+ /*padding: 0.1em 0.3em 0.2em 0.3em;*/
+ /*margin: 0em 0em 0em 1.5em;*/
+ }
+ /* Checkbox preceeding menu items (Options, ) */
+ #MainMenu QMenu::indicator {
+ width: 1em;
+ height: 1em;
+ /* The indicator is by default aligned with the text
+ = overlaps first few characters.
+ > margin-left needs to be negative to push it left.
+ margin-right = space QMenu::item text <> shortcut wtf... */
+ /* padding = icon border <> fixed-size image
+ = expands the 'background' area
+ = padding-top/bottom:
+ * adjust to cover the row height so the indicator looks like
+ part of the text item
+ * clipped by item height
+ = padding- left: adjust to equalize the painted bg surrounding the image. */
+ }
+ #MainMenu QMenu::indicator,
+ #MainMenu QMenu::indicator:selected,
+ #MainMenu QMenu::indicator:checked,
+ #MainMenu QMenu::indicator:checked:selected {
+ /* checkbox is a SVG with optional checkmark.
+ In all other menus border(css) and checkmark(SVG) are separate
+ which allows to combine them in a flexible way for many states
+ (like indeterminate, checked:selected, checked:!enabled)
+
+ Here we need to work around certain 'rendering issues' on
+ multiple target OS, and we only need
+ * checked
+ * unchecked
+ * checked:selected
+ * unchecked:selected
+ so we can use graphics only, which in return gives somewhat
+ identical appearance on both Wind'ohs and Linux */
+ }
+ #MainMenu QMenu::separator {
+ height: 0px;
+ margin: 0.25em;
+ }
+ #MainMenu QMenu::right-arrow {
+ width: 0.7em;
+ height: 0.7em;
+ }
+
+
+
+
+
+ WEffectSelector QAbstractScrollArea {
+ /* This would set the maximum width only. The minimum seems to be
+ defined by the widget itself. */
+ /* TODO(ronso0)
+ Unfortunately, text elide (center) is calculated from the widget's
+ width, not from the width set here... */
+ min-width: 160px;
+ }
+ #fadeModeCombobox QAbstractScrollArea {
+ min-width: 185px;
+ }
+ WEffectSelector::indicator:checked,
+ #fadeModeCombobox::indicator:checked {
+ margin: 2px;
+ }
+ WEffectSelector::down-arrow,
+ #fadeModeCombobox::down-arrow {
+ border: 0;
+ padding: 0;
+ margin: 0;
+ }
+
+ WEffectSelector::checked, /* selected item */
+ WEffectSelector::indicator, /* checkbox, tick mark */
+ WEffectSelector::drop-down,
+ WEffectSelector::indicator:unchecked,
+ #fadeModeCombobox::checked, /* selected mode */
+ #fadeModeCombobox::indicator, /* checkbox, tick mark */
+ #fadeModeCombobox::drop-down,
+ #fadeModeCombobox::indicator:unchecked,
+ /* Don't use #LibraryContainer QMenu::item, that would catch
+ ALL menus incl.WTrackMenu in the table, search menu,
+ sidebar menu, table header menu, cover art menu.
+ And for some reason the item properties set here can not be
+ overwritten with WSearchLineEdit QMenu::item below. */
+ WLibrarySidebar QMenu::item,
+ WTrackMenu::item,
+ WTrackMenu QMenu::item,
+ WTrackMenu QMenu QCheckBox,
+ WBeatSpinBox QMenu::item,
+ WCueMenuPopup QMenu::item,
+ WCoverArtMenu::item {
+ padding: 0px;
+ margin: 0px;
+ image: none;
+ outline: none;
+ border: 0px solid transparent;
+ }
+
+ WLibrarySidebar QMenu::separator,
+ WTrackMenu::separator,
+ WTrackMenu QMenu::separator,
+ QLineEdit QMenu::separator,
+ QTextBrowser QMenu::separator {
+ height: 0px;
+ margin: 4px;
+ }
+ WLibrarySidebar QMenu::item,
+ WLibrary QHeaderView QMenu::item,
+ WTrackMenu::item,
+ WTrackMenu QMenu::item {
+ /* padding-right reserves space for the submenu expand arrow
+ padding-left should be bigger than the menu icon width +
+ icon margin-left/-right */
+ padding: 5px 12px 5px 26px;
+ }
+ /* This catches context menus of
+ - property cells in the tracks table
+ - WCueMenuPopup cue label editor
+ - WBeatSpinBox
+ - AutoDJ transition QSpinBox*/
+ QLineEdit QMenu::item,
+ WCoverArtMenu::item,
+ /* for the sake of completeness: html root view of Crates, Rec etc. */
+ QTextBrowser QMenu::item {
+ padding: 5px 12px 5px 12px;
+ }
+ /* Icons in those menus (copy, paste, cut, delete) */
+ #LibraryContainer QMenu::icon,
+ QLineEdit QMenu::icon,
+ /* - checkbox in Crate name context menu
+ "[ ] Auto DJ Track Source"
+ - QHeaderView QMenu::indicator */
+ #LibraryContainer QMenu::indicator {
+ /* Linux: margin-right pushes the entire icon to the right !?? */
+ margin: 0px 4px 0px 5px;
+ }
+ /* items in Crate sub menu */
+ #LibraryContainer QMenu QCheckBox,
+ WTrackMenu QMenu QCheckBox {
+ padding: 3px 10px 3px 5px;
+ }
+
+ #MainMenu QMenu::right-arrow,
+ #LibraryContainer QMenu::right-arrow,
+ WTrackMenu::right-arrow,
+ WTrackMenu QMenu::right-arrow,
+ #LibraryContainer QTableView::indicator {
+ width: 10px;
+ height: 10px;
+ }
+ #LibraryContainer QMenu QCheckBox::indicator,
+ #LibraryContainer QMenu::indicator,
+ WTrackMenu QMenu QCheckBox::indicator,
+ WTrackMenu QMenu::indicator,
+ WCueMenuPopup QMenu::indicator {
+ width: 13px;
+ height: 13px;
+ border: 1px solid #333;
+ border-radius: 1px;
+ background-color: #000;
+ /* remove OS focus indicator */
+ outline: none;
+ }
/************** font sizes / alignment ****************************************/
@@ -503,19 +700,14 @@ WEffectSelector {
WEffectSelector QAbstractScrollArea,
#fadeModeCombobox QAbstractScrollArea {
- width: 142px;
- /* padding-left: 6px; */
- /* On Linux, this is not applied but font color from
- WEffectSelector is inherited.
- On Windows, it must be defined here */
border: 1px solid #444;
border-radius: 2px;
padding: 0px;
margin: 0px;
}
/* selected item */
- WEffectSelector::checked,
- #fadeModeCombobox::checked {
+ WEffectSelector:checked,
+ #fadeModeCombobox:checked {
/* not applied
padding-left: 5px; */
padding: 0px;
diff --git a/res/skins/LateNight/style_classic.qss b/res/skins/LateNight/style_classic.qss
index b8d479085616..9e8ef995ac07 100644
--- a/res/skins/LateNight/style_classic.qss
+++ b/res/skins/LateNight/style_classic.qss
@@ -15,7 +15,11 @@
/**********************************************************************
************** Colors & borders of GUI containers ********************/
-
+#MainMenu,
+#MainMenu::item,
+#MainMenu QMenu,
+#MainMenu QMenu::item,
+#MainMenu QMenu QCheckBox,
#ToolBar,
#WaveformsContainer,
#Deck1, #DeckCompact1, #DeckMini1,
@@ -196,7 +200,7 @@ WSearchLineEdit,
qproperty-layoutSpacing: 2;
}
#ToolBar {
- padding: 1px 2px 0px 2px;
+ padding: 0px 2px 0px 2px;
}
#ToolBarSeparator {}
#BatteryBox {
@@ -1045,7 +1049,6 @@ WCueMenuPopup QLabel,
#CueLabelEdit,
WCoverArtMenu,
WTrackMenu,
-WTrackMenu QCheckBox,
WTrackMenu QMenu,
WTrackMenu QMenu QCheckBox,
#LatencyLabel, WTime {
@@ -1094,8 +1097,12 @@ WTrackMenu QMenu QCheckBox,
#DurationText, #RateText,
#KeyText, #KeyTextSmall,
#PreviewLabel,
-WEffectSelector, WEffectSelector QAbstractScrollArea,
-#fadeModeCombobox, #fadeModeCombobox QAbstractScrollArea,
+WEffectSelector:!editable,
+WEffectSelector:!editable:on,
+WEffectSelector QAbstractScrollArea,
+#fadeModeCombobox:!editable,
+#fadeModeCombobox:!editable:on,
+#fadeModeCombobox QAbstractScrollArea,
WBeatSpinBox, #spinBoxTransition,
#LibraryFeatureControls QLabel,
#LibraryFeatureControls QRadioButton {
@@ -1112,6 +1119,9 @@ WBeatSpinBox, #spinBoxTransition,
color: #666;
}
+#MainMenu::item,
+#MainMenu QMenu::item,
+#MainMenu QMenu QCheckBox,
#VinylButton[displayValue="0"],
#VinylModeButton,
#PassthroughButton[displayValue="0"],
@@ -2024,28 +2034,6 @@ WTrackTableView {
outline: none;
}
-/* This is the only way to select the 'Played' checkbox.
- Note that this also selects the BPM lock. */
-#LibraryContainer QTableView::indicator {
-/* This results in 10x10px + 1px border = 12x12px
- Omitting this definitions makes the checkbox grow to
- 12x12px + 1px border = 14x14px */
- width: 10px;
- height: 10px;
- /* border is added to size defined above */
- border: 1px solid transparent;
- margin: 0px;
- padding: 0px;
- }
- #LibraryContainer QTableView::indicator:checked {
- image: url(skin:/classic/buttons/btn__lib_checkmark_orange.svg);
- border: 1px solid #ff6600;
- }
- #LibraryContainer QTableView::indicator:unchecked {
- image: none;
- border: 1px solid rgba(151,151,151,128);
- }
-
/* Table cell in edit mode */
WLibrary QLineEdit,
#LibraryBPMSpinBox {
@@ -2296,7 +2284,7 @@ WLibrary QRadioButton::indicator:unchecked {
#LibraryContainer QTreeView::branch:closed:has-children:has-siblings:!selected {
/* Suppresses that selected sidebar items branch indicator shows wrong color when out of focus ; lp:880588 */
border-image: none;
- image: url(skin:/classic/style/library_branch_closed_grey.png);
+ image: url(skin:/classic/style/library_branch_closed_grey.png);
}
/* closed, selected */
#LibraryContainer QTreeView::branch:closed:has-children:!has-siblings:selected,
@@ -2332,20 +2320,25 @@ WLibrary QRadioButton::indicator:unchecked {
/************** common styles for WEffectSelector ******************************
*************** QSpinBox, QMenu, QToolTip *************************************/
+QToolTip,
+#LibraryContainer QMenu,
+WTrackMenu,
+WTrackMenu QMenu,
WEffectSelector QAbstractScrollArea,
#fadeModeCombobox QAbstractScrollArea,
-QToolTip,
WBeatSpinBox QMenu,
-#LibraryContainer QMenu,
WCueMenuPopup,
WCueMenuPopup QMenu,
-WCoverArtMenu,
-WTrackMenu,
-WTrackMenu QMenu {
+WCoverArtMenu {
padding: 3px;
border: 1px solid #888;
border-radius: 2px;
}
+#MainMenu QMenu {
+ padding: 0.08em;
+ border: 1px solid #888;
+ border-radius: 2px;
+}
#SkinContainer {
background-color: #0f0f0f;
@@ -2354,24 +2347,23 @@ WTrackMenu QMenu {
#CrossfaderButtonContainer_Aux,
WPushButton#CrossfaderButton[value="0"],
QToolTip,
+WBeatSpinBox,
WBeatSpinBox QMenu,
- WCueMenuPopup,
- #LibraryContainer QMenu,
- WCueMenuPopup QMenu,
- WCoverArtMenu,
- WTrackMenu,
- WTrackMenu QMenu,
WBeatSpinBox QMenu::item,
- #LibraryContainer QMenu::item,
- WCueMenuPopup QMenu::item,
- WCueMenuPopup QLabel,
- WCoverArtMenu::item,
- WTrackMenu::item,
- WTrackMenu QMenu::item,
+#LibraryContainer QMenu,
+#LibraryContainer QMenu::item,
#LibraryContainer QMenu QCheckBox,
-WTrackMenu QCheckBox,
+WTrackMenu,
+WTrackMenu::item,
+WTrackMenu QMenu,
+WTrackMenu QMenu::item,
WTrackMenu QMenu QCheckBox,
-WBeatSpinBox,
+WCueMenuPopup,
+WCueMenuPopup QMenu,
+WCueMenuPopup QMenu::item,
+WCueMenuPopup QLabel,
+WCoverArtMenu,
+WCoverArtMenu::item,
#spinBoxTransition,
#SkinSettings,
WSearchLineEdit,
@@ -2385,23 +2377,27 @@ WEffectSelector, #fadeModeCombobox {
background-color: #161616;
}
/* hovered items */
- WEffectSelector::item:selected,
- #fadeModeCombobox::item:selected,
- WBeatSpinBox QMenu::item:selected,
+ #MainMenu::item:selected,
+ #MainMenu QMenu::item:selected,
+ #MainMenu QMenu::item:focus,
+ #MainMenu QMenu::item:hover,
+ #MainMenu QMenu::indicator:checked:selected,
+ /* ::indicator:unchecked won't work. use 'unchecked' */
+ #MainMenu QMenu::indicator:unchecked:selected,
#LibraryContainer QMenu::item:selected,
- WCueMenuPopup QMenu::item:selected,
- WCoverArtMenu::item:selected,
- WTrackMenu::item:selected,
- WTrackMenu QMenu::item:selected,
#LibraryContainer QMenu QCheckBox:selected,
#LibraryContainer QMenu QCheckBox:focus, /* selected by keyboard */
#LibraryContainer QMenu QCheckBox:hover, /* mouse hover */
- WTrackMenu QCheckBox:selected,
- WTrackMenu QCheckBox:focus,
- WTrackMenu QCheckBox:hover,
+ WTrackMenu::item:selected,
+ WTrackMenu QMenu::item:selected,
WTrackMenu QMenu QCheckBox:selected,
WTrackMenu QMenu QCheckBox:focus,
WTrackMenu QMenu QCheckBox:hover,
+ WEffectSelector::item:selected,
+ #fadeModeCombobox::item:selected,
+ WBeatSpinBox QMenu::item:selected,
+ WCueMenuPopup QMenu::item:selected,
+ WCoverArtMenu::item:selected,
#SkinSettingsButton[hover="true"],
#SkinSettingsNumToggle[hover="true"],
#SkinSettingsNumToggleHeader[hover="true"],
@@ -2425,13 +2421,15 @@ WEffectSelector,
/* The 3D frame on the combo box becomes flat when you give it a border
border-radius: 3px; */
}
- WEffectSelector {
+ WEffectSelector:!editable,
+ WEffectSelector:!editable:on {
/* If you use margin top/bottom 0, the combo box shrinks in width (go figure) and
names start getting cut off. Adding explicit padding improves this. */
padding: 0px 0px 2px 5px;
margin: 0px;
}
- #fadeModeCombobox {
+ #fadeModeCombobox:!editable,
+ #fadeModeCombobox:!editable:on {
height: 19px;
padding: 0px 0px 1px 5px;
margin: 0px 1px 2px 1px;
@@ -2439,166 +2437,84 @@ WEffectSelector,
WEffectSelector::down-arrow,
#fadeModeCombobox::down-arrow {
image: url(skin:/classic/buttons/btn__fx_selector_down.svg);
- border: 0;
- padding: 0;
- margin: 0;
}
WEffectSelector::down-arrow:hover,
#fadeModeCombobox::down-arrow:hover {
image: url(skin:/classic/buttons/btn__fx_selector_down_pressed.svg);
}
- WEffectSelector QAbstractScrollArea {
- min-width: 160px;
- }
- #fadeModeCombobox QAbstractScrollArea {
- min-width: 185px;
- }
- WEffectSelector::indicator:checked,
- #fadeModeCombobox::indicator:checked {
- /* checkbox container is 28 x 22px;
- use margin + border to create a square checkbox sized like kill buttons */
- margin: 2px;
- image: url(skin:/classic/buttons/btn__lib_checkmark_orange.svg);
- }
- WEffectSelector::checked, /* selected item */
- WEffectSelector::indicator, /* checkbox, tick mark */
- WEffectSelector::drop-down,
- WEffectSelector::indicator:!checked,
- #fadeModeCombobox::checked, /* selected mode */
- #fadeModeCombobox::indicator, /* checkbox, tick mark */
- #fadeModeCombobox::drop-down,
- #fadeModeCombobox::indicator:!checked,
- WBeatSpinBox QMenu::item,
- #LibraryContainer QMenu::item,
- WCueMenuPopup QMenu::item,
- WCoverArtMenu::item,
- WTrackMenu::item,
- WTrackMenu QMenu::item,
- #LibraryContainer QMenu QCheckBox,
- WTrackMenu QCheckBox,
- WTrackMenu QMenu QCheckBox {
- padding: 0px;
- margin: 0px;
- image: none;
- outline: none;
- border: 0px solid transparent;
- }
- WBeatSpinBox QMenu::separator,
- #LibraryContainer QMenu::separator,
- WCueMenuPopup QMenu::separator,
- WTrackMenu::separator,
- WTrackMenu QMenu::separator,
- #SkinSettingsSeparator {
- border-top: 1px solid #000;
- border-bottom: 1px solid #222;
- }
- WBeatSpinBox QMenu::separator,
- #LibraryContainer QMenu::separator,
- WCueMenuPopup QMenu::separator,
- WTrackMenu::separator,
- WTrackMenu QMenu::separator {
- height: 0px;
- margin: 4px;
- }
- WBeatSpinBox QMenu::item,
- #LibraryContainer QMenu::item,
- WCueMenuPopup QMenu::item,
- WCoverArtMenu::item,
- WTrackMenu::item,
- WTrackMenu QMenu::item {
- /* Right padding creates a margin to the menu expand arrow.
- Left padding should be bigger than menu icon width + menu icon
- left/right margin */
- padding: 5px 12px 5px 26px;
- }
- /* Icons in QLineEdit menus:
- beatsize spinbox, searchbox, editable track properties */
- WBeatSpinBox QMenu::icon,
- #LibraryContainer QMenu::icon,
- WCueMenuPopup QMenu::icon,
- WTrackMenu::icon,
- WTrackMenu QMenu::icon,
- /* checkbox in Crate name context menu:
- "[ ] Auto DJ Track Source" */
- #LibraryContainer QMenu::indicator,
- WTrackMenu::indicator,
- WTrackMenu QMenu::indicator {
- margin: 0px 4px 0px 5px;
- }
- /* items in Crate sub menu */
- #LibraryContainer QMenu QCheckBox,
- WTrackMenu QCheckBox,
- WTrackMenu QMenu QCheckBox {
- padding: 3px 10px 3px 5px;
- }
- #LibraryContainer QMenu QCheckBox::indicator,
- #LibraryContainer QMenu::indicator,
- WCueMenuPopup QMenu::indicator,
- WTrackMenu QCheckBox::indicator,
- WTrackMenu::indicator,
- WTrackMenu QMenu QCheckBox::indicator,
- WTrackMenu QMenu::indicator {
- width: 13px;
- height: 13px;
- border: 1px solid #333;
- border-radius: 1px;
- background-color: #000;
- /* remove OS focus indicator */
- outline: none;
- }
#LibraryContainer QMenu QCheckBox::indicator:checked,
#LibraryContainer QMenu::indicator:checked,
- WTrackMenu QCheckBox::indicator:checked,
- WTrackMenu::indicator:checked,
+ #LibraryContainer QMenu::indicator:checked:selected,
+ #LibraryContainer QHeaderView QMenu::indicator:checked,
+ #LibraryContainer QTableView::indicator:checked,
WTrackMenu QMenu QCheckBox::indicator:checked,
WTrackMenu QMenu::indicator:checked,
- WCueMenuPopup QMenu::indicator:checked {
+ WCueMenuPopup QMenu::indicator:checked,
+ WEffectSelector::indicator:checked,
+ #fadeModeCombobox::indicator:checked {
image: url(skin:/classic/buttons/btn__lib_checkmark_orange.svg);
}
+ #LibraryContainer QMenu QCheckBox::indicator:!enabled:checked,
+ #LibraryContainer QMenu QCheckBox::indicator:indeterminate,
+ WTrackMenu QMenu QCheckBox::indicator:!enabled:checked,
+ WTrackMenu QMenu QCheckBox::indicator:indeterminate {
+ image: url(skin:/classic/buttons/btn__lib_checkmark_grey.svg);
+ }
+
+ #MainMenu QMenu::indicator:checked,
+ #MainMenu QMenu::indicator:checked:selected {
+ image: url(skin:/classic/buttons/btn__menu_checkbox_checked.svg);
+ }
+ #MainMenu QMenu::indicator:unchecked,
+ #MainMenu QMenu::indicator:unchecked:selected {
+ image: url(skin:/classic/buttons/btn__menu_checkbox.svg);
+ }
+ /* explicitly remove icon from unchecked items */
+ #LibraryContainer QMenu::indicator:unchecked,
+ #LibraryContainer QMenu::indicator:unchecked:selected,
+ #LibraryContainer QTableView::indicator:unchecked,
+ #LibraryContainer QTableView::indicator:unchecked:selected,
+ WEffectSelector::indicator:unchecked,
+ WEffectSelector::indicator:unchecked:selected,
+ #fadeModeCombobox::indicator:unchecked,
+ #fadeModeCombobox::indicator:unchecked:selected {
+ image: none;
+ }
+
/* disabled menu item and checkbox */
- #LibraryContainer QMenu QCheckBox:!enabled,
+ #MainMenu::item:!enabled,
+ #MainMenu QMenu::item:!enabled,
#LibraryContainer QMenu::item:!enabled,
- WTrackMenu QCheckBox:!enabled,
+ #LibraryContainer QMenu QCheckBox:!enabled,
+ #LibraryContainer QMenu QCheckBox::indicator:!enabled,
WTrackMenu::item:!enabled,
WTrackMenu QMenu QCheckBox:!enabled,
WTrackMenu QMenu::item:!enabled,
+ WTrackMenu QMenu QCheckBox::indicator:!enabled,
+ WBeatSpinBox QMenu::item:!enabled,
WCueMenuPopup QMenu::item:!enabled,
- WCoverArtMenu::item:!enabled,
- #LibraryContainer QMenu QCheckBox::indicator:!enabled,
- WTrackMenu QCheckBox::indicator:!enabled,
- WTrackMenu QMenu QCheckBox::indicator:!enabled {
+ WCoverArtMenu::item:!enabled {
color: #494949;
}
#LibraryContainer QMenu QCheckBox::indicator:!enabled:!checked,
- #LibraryContainer QMenu::indicator:!enabled:!checked,
- WTrackMenu QCheckBox::indicator:!enabled:!checked,
- WTrackMenu::indicator:!enabled:!checked,
+ #LibraryContainer QMenu QCheckBox::indicator:indeterminate,
WTrackMenu QMenu QCheckBox::indicator:!enabled:!checked,
WTrackMenu QMenu::indicator:!enabled:!checked,
- WCueMenuPopup QMenu::indicator:!enabled:!checked {
+ WCueMenuPopup QMenu::indicator:!enabled:!checked,
+ WTrackMenu QMenu QCheckBox::indicator:!enabled:checked,
+ WTrackMenu QMenu QCheckBox::indicator:indeterminate {
border: 1px solid #222;
background-color: #222;
}
- #LibraryContainer QMenu QCheckBox::indicator:!enabled:checked,
- WTrackMenu QCheckBox::indicator:!enabled:checked,
- WTrackMenu QMenu QCheckBox::indicator:!enabled:checked {
- image: url(skin:/classic/buttons/btn__lib_checkmark_grey.svg);
- border: 1px solid #222;
- background-color: #222;
+ #LibraryContainer QHeaderView QMenu::indicator {
+ margin-left: 4px;
}
- #LibraryContainer QMenu QCheckBox::indicator:indeterminate,
- #LibraryContainer QCheckBox::indicator:indeterminate:!enabled,
- WTrackMenu QCheckBox::indicator:indeterminate,
- WTrackMenu QMenu QCheckBox::indicator:indeterminate {
- image: url(skin:/classic/buttons/btn__lib_checkmark_grey.svg);
- }
+ #MainMenu QMenu::right-arrow,
#LibraryContainer QMenu::right-arrow,
WTrackMenu::right-arrow,
WTrackMenu QMenu::right-arrow {
- width: 10px;
- height: 10px;
image: url(skin:/classic/style/menu_arrow_yellow.svg);
}
#LibraryContainer QMenu::right-arrow:selected,
@@ -2607,15 +2523,19 @@ WEffectSelector,
image: url(skin:/classic/style/menu_arrow_white.svg);
}
- #LibraryContainer QHeaderView QMenu::indicator {
- width: 10px;
- height: 10px;
- margin-left: 2px;
- border: none;
- background: none;
+/* This is the only way to select the 'Played' checkbox.
+ Note that this also selects the BPM lock. */
+#LibraryContainer QTableView::indicator {
+ /* border is added to size defined in style.qss */
+ border: 1px solid transparent;
+ margin: 0px;
+ padding: 0px;
+ }
+ #LibraryContainer QTableView::indicator:checked {
+ border: 1px solid #ff6600;
}
- #LibraryContainer QHeaderView QMenu::indicator:checked {
- image: url(skin:/classic/buttons/btn__lib_checkmark_orange.svg);
+ #LibraryContainer QTableView::indicator:unchecked {
+ border: 1px solid rgba(151,151,151,128);
}
/************** common styles for WEffectSelector ******************************
*************** QSpinBox, QMenu, QToolTip *************************************/
diff --git a/res/skins/LateNight/style_linux.qss b/res/skins/LateNight/style_linux.qss
new file mode 100644
index 000000000000..40bb651cea37
--- /dev/null
+++ b/res/skins/LateNight/style_linux.qss
@@ -0,0 +1,19 @@
+
+#MainMenu::item {
+}
+#MainMenu QMenu::item {
+ padding: 0.1em 0.3em 0.2em 0.3em;
+ margin: 0em 0em 0em 1.4em;
+ }
+ /* Checkbox preceeding menu items */
+ #MainMenu QMenu::indicator {
+ /*width: 1em;*/
+ /*height: 1em;*/
+ margin: 0em -0.1em 0em -1.5em;
+ padding: 0.2em 0em 0.2em 0em;
+ }
+ #MainMenu QMenu::indicator,
+ #MainMenu QMenu::indicator:selected,
+ #MainMenu QMenu::indicator:checked,
+ #MainMenu QMenu::indicator:checked:selected {
+ }
diff --git a/res/skins/LateNight/style_palemoon.qss b/res/skins/LateNight/style_palemoon.qss
index 71ae27b7b96a..9aee7beccd5a 100644
--- a/res/skins/LateNight/style_palemoon.qss
+++ b/res/skins/LateNight/style_palemoon.qss
@@ -85,6 +85,9 @@ QAbstractScrollArea::corner {
border-radius: 1px;
background-color: #151517;
}
+ #ToolBar {
+ border-width: 0px 0px 1px 0px;
+ }
#WaveformsContainer {
border-width: 1px 0px;
border-radius: 0px;
@@ -380,7 +383,7 @@ WSearchLineEdit {
}
#ToolBar {
- padding: 1px 2px 0px 2px;
+ padding: 0px 2px 0px 2px;
}
#BatteryBox,
#ClockWidget {
@@ -876,7 +879,8 @@ WBeatSpinBox::down-button,
margin: 2px 0px 1px 1px;
}
-WEffectSelector {
+WEffectSelector:!editable,
+WEffectSelector:!editable:on {
/* Fixes the white bars on the top/bottom of the popup on Mac OS X */
min-height: 13px;
margin: 1px 0px 0px 0px;
@@ -886,7 +890,8 @@ WEffectSelector {
/* The 3D frame on the combo box becomes flat when you give it a border
border-radius: 3px; */
}
-#fadeModeCombobox {
+#fadeModeCombobox:!editable,
+#fadeModeCombobox:!editable:on {
height: 18px;
margin: 0px 0px 3px 1px;
padding: 1px 0px 1px 4px;
@@ -894,11 +899,6 @@ WEffectSelector {
WEffectSelector QAbstractScrollArea,
#fadeModeCombobox QAbstractScrollArea {
- width: 142px;
- /* padding-left: 6px; */
- /* On Linux, this is not applied but font color from WEffectSelector
- is inherited.
- On Windows, it must be defined here */
border: 1px solid #444;
border-radius: 2px;
padding: 0px;
@@ -924,15 +924,6 @@ WEffectSelector {
text sits at left border now
border: 0; */
}
- WEffectSelector::indicator,
- #fadeModeCombobox::indicator {
- /* This is sufficient to completely hide the tick mark, but
- this alone would show an empty, shadowed box instead of tick mark
- background-color: transparent;*/
- /* This should decrease the tick mark's left & right margin but is not respected */
- margin: 0px;
- padding: 0px;
- }
WPushButton#FxSuperLinkButton,
WPushButton#FxSuperLinkInvertButton {
@@ -1213,7 +1204,6 @@ WCueMenuPopup QLabel,
#CueLabelEdit,
WCoverArtMenu,
WTrackMenu,
-WTrackMenu QCheckBox,
WTrackMenu QMenu,
WTrackMenu QMenu QCheckBox {
color: #c2b3a5;
@@ -1232,8 +1222,10 @@ WTrackMenu QMenu QCheckBox {
#SkinSettingsNumToggleHeader[displayValue="0"] {
color: #756e6c;
}
-WEffectSelector,
-#fadeModeCombobox {
+WEffectSelector:!editable,
+WEffectSelector:!editable:on,
+#fadeModeCombobox:!editable,
+#fadeModeCombobox:!editable:on {
color: #918273;
font-size: 14px;
}
@@ -1327,6 +1319,9 @@ WEffectSelector,
}
/* Grey. default for all deck labels */
+#MainMenu,
+#MainMenu QMenu,
+#MainMenu QMenu QCheckBox,
#PlayPositionText, #PlayPositionTextSmall,
#DurationText, #RateText,
#MixerMasterHeadphone #FxAssignButtons WPushButton[displayValue="0"],
@@ -1436,9 +1431,9 @@ WOverview #PassthroughLabel {
#KeyMatchReset[displayValue="0"],
WPushButton#VinylButton[displayValue="0"],
WPushButton#FxAssignButton1[displayValue="0"],
-WEffectSelector,
+WEffectSelector:!editable,
+#fadeModeCombobox:!editable,
#LibraryFeatureControls QPushButton:enabled,
-#fadeModeCombobox,
#CueDeleteButton {
outline: none;
border-width: 2px;
@@ -1462,8 +1457,8 @@ WEffectSelector,
QPushButton#pushButtonRepeatPlaylist:checked,
QPushButton#pushButtonAnalyze:checked,
QPushButton#pushButtonRecording:checked,
- #fadeModeCombobox:on,
- WEffectSelector:on,
+ WEffectSelector:!editable:on,
+ #fadeModeCombobox:!editable:on,
#CueDeleteButton[pressed="true"] {
border-width: 2px;
border-image: url(skin:/palemoon/buttons/btn_embedded_library_active.svg) 2 2 2 2;
@@ -1493,10 +1488,10 @@ WEffectSelector,
}
WEffectSelector,
- WEffectSelector:on {
+ WEffectSelector::on {
margin-top: 1px;
}
- WEffectSelector:on {
+ WEffectSelector::on {
padding-left: 10px;
}
@@ -2496,21 +2491,12 @@ WTrackTableView {
/* This is the only way to select the 'Played' checkbox.
Note that this also selects the BPM lock. */
#LibraryContainer QTableView::indicator {
-/* This results in 10x10px + 1px border = 12x12px
- Omitting this definitions makes the checkbox grow to
- 12x12px + 1px border = 14x14px */
- width: 10px;
- height: 10px;
- /* border is added to size defined above */
+ /* border is added to configured size */
border: 1px solid transparent;
margin: 0px;
padding: 0px;
}
- #LibraryContainer QTableView::indicator:checked {
- image: url(skin:/palemoon/buttons/btn__lib_checkmark_blue.svg);
- }
#LibraryContainer QTableView::indicator:unchecked {
- image: none;
border: 1px solid rgba(151,151,151,128);
}
@@ -2582,6 +2568,7 @@ WLibrary QLineEdit,
+
/*********** scrollbars *********************************/
#LibraryContainer QScrollBar,
WEffectSelector QAbstractScrollArea QScrollBar {
@@ -2762,7 +2749,7 @@ WLibrary QRadioButton::indicator:unchecked {
/* 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);
+ image: url(skin:/palemoon/style/library_branch_closed_grey.png);
}
/* closed, selected */
#LibraryContainer QTreeView::branch:closed:has-children:!has-siblings:selected,
@@ -2798,20 +2785,25 @@ WLibrary QRadioButton::indicator:unchecked {
/************** common styles for WEffectSelector ******************************
*************** QSpinBox, QMenu, QToolTip *************************************/
+QToolTip,
+#LibraryContainer QMenu,
+WTrackMenu,
+WTrackMenu QMenu,
WEffectSelector QAbstractScrollArea,
#fadeModeCombobox QAbstractScrollArea,
-QToolTip,
WBeatSpinBox QMenu,
-#LibraryContainer QMenu,
WCueMenuPopup,
WCueMenuPopup QMenu,
-WCoverArtMenu,
-WTrackMenu,
-WTrackMenu QMenu {
+WCoverArtMenu {
padding: 3px;
border: 1px solid #333;
border-radius: 1px;
}
+#MainMenu QMenu {
+ padding: 0.08em;
+ border: 1px solid #333;
+ border-radius: 1px;
+}
#SkinContainer {
background-color: #080808;
@@ -2825,48 +2817,55 @@ WSearchLineEdit,
background-color: #0f0f0f;
}
+#MainMenu,
+#MainMenu::item,
+#MainMenu QMenu,
+#MainMenu QMenu::item,
+#MainMenu QMenu QCheckBox,
+#LibraryContainer QMenu,
+#LibraryContainer QMenu::item,
+#LibraryContainer QMenu QCheckBox,
+WTrackMenu,
+WTrackMenu QMenu,
+WTrackMenu::item,
+WTrackMenu QMenu::item,
+WTrackMenu QMenu QCheckBox,
QToolTip,
WBeatSpinBox QMenu,
- WCueMenuPopup,
- #LibraryContainer QMenu,
- WCueMenuPopup QMenu,
- WCoverArtMenu,
- WTrackMenu,
- WTrackMenu QMenu,
WBeatSpinBox QMenu::item,
- #LibraryContainer QMenu::item,
- WCueMenuPopup QMenu::item,
- WCueMenuPopup QLabel,
- WCoverArtMenu::item,
- WTrackMenu::item,
- WTrackMenu QMenu::item,
-#LibraryContainer QMenu QCheckBox,
-WTrackMenu QCheckBox,
-WTrackMenu QMenu QCheckBox,
+WCueMenuPopup,
+WCueMenuPopup QMenu,
+WCueMenuPopup QMenu::item,
+WCueMenuPopup QLabel,
+WCoverArtMenu,
+WCoverArtMenu::item,
WEffectSelector QAbstractScrollArea,
-#fadeModeCombobox QAbstractScrollArea,
WEffectSelector::item,
+#fadeModeCombobox QAbstractScrollArea,
#fadeModeCombobox::item {
background-color: #151517;
}
/* hovered items */
- WEffectSelector::item:selected,
- #fadeModeCombobox::item:selected,
- WBeatSpinBox QMenu::item:selected,
+ #MainMenu::item:selected,
+ #MainMenu QMenu::item:selected,
+ #MainMenu QMenu::item:focus,
+ #MainMenu QMenu::item:hover,
+ #MainMenu QMenu::indicator:checked:selected,
+ #MainMenu QMenu::indicator:unchecked:selected,
#LibraryContainer QMenu::item:selected,
- WCueMenuPopup QMenu::item:selected,
- WCoverArtMenu::item:selected,
- WTrackMenu::item:selected,
- WTrackMenu QMenu::item:selected,
#LibraryContainer QMenu QCheckBox:selected,
#LibraryContainer QMenu QCheckBox:focus, /* selected by keyboard */
#LibraryContainer QMenu QCheckBox:hover, /* mouse hover */
- WTrackMenu QCheckBox:selected,
- WTrackMenu QCheckBox:focus,
- WTrackMenu QCheckBox:hover,
+ WTrackMenu::item:selected,
+ WTrackMenu QMenu::item:selected,
WTrackMenu QMenu QCheckBox:selected,
WTrackMenu QMenu QCheckBox:focus,
WTrackMenu QMenu QCheckBox:hover,
+ #fadeModeCombobox::item:selected,
+ WEffectSelector::item:selected,
+ WBeatSpinBox QMenu::item:selected,
+ WCueMenuPopup QMenu::item:selected,
+ WCoverArtMenu::item:selected,
#SkinSettingsButton[hover="true"],
#SkinSettingsNumToggle[hover="true"],
#SkinSettingsNumToggleHeader[hover="true"],
@@ -2892,17 +2891,18 @@ WEffectSelector::item,
color: #fff;
}
/* disabled items */
+ #MainMenu QMenu::item:disabled,
+ #MainMenu QMenu QCheckBox:disabled,
+ #LibraryContainer QMenu::item:disabled,
+ #LibraryContainer QMenu QCheckBox:disabled,
+ WTrackMenu::item:disabled,
+ WTrackMenu QMenu::item:disabled,
+ WTrackMenu QMenu QCheckBox:disabled,
WEffectSelector::item:disabled,
#fadeModeCombobox::item:disabled,
WBeatSpinBox QMenu::item:disabled,
- #LibraryContainer QMenu::item:disabled,
WCueMenuPopup QMenu::item:disabled,
- WCoverArtMenu::item:disabled,
- WTrackMenu::item:disabled,
- WTrackMenu QMenu::item:disabled,
- #LibraryContainer QMenu QCheckBox:disabled,
- WTrackMenu QCheckBox:disabled,
- WTrackMenu QMenu QCheckBox:disabled {
+ WCoverArtMenu::item:disabled {
color: #555;
}
@@ -2911,13 +2911,15 @@ WEffectSelector,
/* The 3D frame on the combo box becomes flat when you give it a border
border-radius: 3px; */
}
- WEffectSelector {
+ WEffectSelector:!editable,
+ WEffectSelector:!editable:on {
/* If you use margin top/bottom 0, the combo box shrinks in width (go figure) and
names start getting cut off. Adding explicit padding improves this. */
padding: 3px 0px 1px 5px;
margin: 0px;
}
- #fadeModeCombobox {
+ #fadeModeCombobox:!editable,
+ #fadeModeCombobox:!editable:on {
min-height: 17px;
max-height: 17px;
padding: 1px 0px 1px 5px;
@@ -2926,179 +2928,105 @@ WEffectSelector,
WEffectSelector::down-arrow,
#fadeModeCombobox::down-arrow {
image: url(skin:/palemoon/buttons/btn__fx_selector_down.svg);
- border: 0;
- padding: 0;
- margin: 0;
}
- WEffectSelector QAbstractScrollArea {
- min-width: 160px;
- }
- #fadeModeCombobox QAbstractScrollArea {
- min-width: 185px;
- }
- WEffectSelector::indicator:checked,
- #fadeModeCombobox::indicator:checked {
- /* checkbox container is 28 x 22px
- use margin + border to create a square checkbox sized like kill buttons */
- margin: 2px;
- image: url(skin:/palemoon/buttons/btn__lib_checkmark_ivory.svg);
- }
- WEffectSelector::checked, /* selected item */
- WEffectSelector::indicator, /* checkbox, tick mark */
- WEffectSelector::drop-down,
- WEffectSelector::indicator:!checked,
- #fadeModeCombobox::checked, /* selected mode */
- #fadeModeCombobox::indicator, /* checkbox, tick mark */
- #fadeModeCombobox::drop-down,
- #fadeModeCombobox::indicator:!checked,
- WBeatSpinBox QMenu::item,
- #LibraryContainer QMenu::item,
- WCueMenuPopup QMenu::item,
- WCoverArtMenu::item,
- WTrackMenu::item,
- WTrackMenu QMenu::item,
- #LibraryContainer QMenu QCheckBox,
- WTrackMenu QCheckBox,
- WTrackMenu QMenu QCheckBox {
- padding: 0px;
- margin: 0px;
- image: none;
- outline: none;
- border: 0px solid transparent;
- }
- WBeatSpinBox QMenu::separator,
+ #MainMenu QMenu:separator,
#LibraryContainer QMenu::separator,
- WCueMenuPopup QMenu::separator,
WTrackMenu::separator,
WTrackMenu QMenu::separator,
+ WCueMenuPopup QMenu::separator,
+ WBeatSpinBox QMenu::separator,
#SkinSettingsSeparator {
border-top: 1px solid #000;
border-bottom: 1px solid #222;
}
- WBeatSpinBox QMenu::separator,
- #LibraryContainer QMenu::separator,
- WCueMenuPopup QMenu::separator,
- WTrackMenu::separator,
- WTrackMenu QMenu::separator {
- height: 0px;
- margin: 4px;
- }
- WBeatSpinBox QMenu::item,
- #LibraryContainer QMenu::item,
- WCueMenuPopup QMenu::item,
- WCoverArtMenu::item,
- WTrackMenu::item,
- WTrackMenu QMenu::item {
- /* Right padding creates a margin to the menu expand arrow.
- Left padding should be bigger than menu icon width + menu icon
- left/right margin */
- padding: 5px 12px 5px 26px;
- }
- /* Icons in QLineEdit menus:
- beatsize spinbox, searchbox, editable track properties */
- WBeatSpinBox QMenu::icon,
- #LibraryContainer QMenu::icon,
- WCueMenuPopup QMenu::icon,
- WTrackMenu::icon,
- WTrackMenu QMenu::icon,
- /* checkbox in Crate name context menu:
- "[ ] Auto DJ Track Source" */
- #LibraryContainer QMenu::indicator,
- WTrackMenu::indicator,
- WTrackMenu QMenu::indicator {
- margin: 0px 4px 0px 5px;
- }
- /* items in Crate sub menu */
- #LibraryContainer QMenu QCheckBox,
- WTrackMenu QCheckBox,
- WTrackMenu QMenu QCheckBox {
- padding: 3px 10px 3px 5px;
- }
- #LibraryContainer QMenu QCheckBox::indicator,
- #LibraryContainer QMenu::indicator,
- WCueMenuPopup QMenu::indicator,
- WTrackMenu QCheckBox::indicator,
- WTrackMenu::indicator,
- WTrackMenu QMenu QCheckBox::indicator,
- WTrackMenu QMenu::indicator {
- width: 13px;
- height: 13px;
- border: 1px solid #333;
- border-radius: 1px;
- background-color: #000;
- /* remove OS focus indicator */
- outline: none;
+
+ #MainMenu QMenu::indicator:checked,
+ #MainMenu QMenu::indicator:checked:selected {
+ image: url(skin:/palemoon/buttons/btn__menu_checkbox_checked.svg);
+ }
+ #MainMenu QMenu::indicator:unchecked,
+ #MainMenu QMenu::indicator:unchecked:selected {
+ image: url(skin:/palemoon/buttons/btn__menu_checkbox.svg);
}
#LibraryContainer QMenu QCheckBox::indicator:checked,
#LibraryContainer QMenu::indicator:checked,
- WTrackMenu QCheckBox::indicator:checked,
- WTrackMenu::indicator:checked,
+ #LibraryContainer QTableView::indicator:checked,
WTrackMenu QMenu QCheckBox::indicator:checked,
WTrackMenu QMenu::indicator:checked,
WCueMenuPopup QMenu::indicator:checked {
image: url(skin:/palemoon/buttons/btn__lib_checkmark_blue.svg);
- }
+ }
+ WEffectSelector::indicator:checked,
+ #fadeModeCombobox::indicator:checked {
+ image: url(skin:/palemoon/buttons/btn__effect_selected.svg);
+ width: 13px;
+ height: 13px;
+ margin-left: 4px;
+ }
/* disabled menu item and checkbox */
- #LibraryContainer QMenu QCheckBox:!enabled,
+ #LibraryContainer QMenu QCheckBox::indicator:!enabled:checked,
+ #LibraryContainer QMenu QCheckBox::indicator:indeterminate,
+ WTrackMenu QMenu QCheckBox::indicator:!enabled:checked,
+ WTrackMenu QMenu QCheckBox::indicator:indeterminate {
+ image: url(skin:/palemoon/buttons/btn__lib_checkmark_grey.svg);
+ }
+ /* explicitly remove icon from unchecked items */
+ #LibraryContainer QMenu::indicator:unchecked,
+ #LibraryContainer QMenu::indicator:unchecked:selected,
+ #LibraryContainer QTableView::indicator:unchecked,
+ #LibraryContainer QTableView::indicator:unchecked:selected,
+ WEffectSelector::indicator:unchecked,
+ WEffectSelector::indicator:unchecked:selected,
+ #fadeModeCombobox::indicator:unchecked,
+ #fadeModeCombobox::indicator:unchecked:selected {
+ image: none;
+ }
+
+ #LibraryContainer QMenu QCheckBox::indicator:!enabled:checked,
+ #LibraryContainer QMenu QCheckBox::indicator:!enabled:unchecked,
+ #LibraryContainer QMenu QCheckBox::indicator:indeterminate,
+ #LibraryContainer QMenu::indicator:!enabled:unchecked,
+ WTrackMenu QMenu QCheckBox::indicator:!enabled:unchecked,
+ WTrackMenu QMenu QCheckBox::indicator:!enabled:checked,
+ WTrackMenu QMenu QCheckBox::indicator:indeterminate,
+ WCueMenuPopup QMenu::indicator:!enabled:unchecked {
+ background-color: #222;
+ }
+
+ #MainMenu::item:!enabled,
+ #MainMenu QMenu::item:!enabled,
#LibraryContainer QMenu::item:!enabled,
- WTrackMenu QCheckBox:!enabled,
+ #LibraryContainer QMenu QCheckBox:!enabled,
+ #LibraryContainer QMenu QCheckBox::indicator:!enabled,
WTrackMenu::item:!enabled,
- WTrackMenu QMenu QCheckBox:!enabled,
WTrackMenu QMenu::item:!enabled,
+ WTrackMenu QMenu QCheckBox:!enabled,
+ WTrackMenu QMenu QCheckBox::indicator:!enabled,
WCueMenuPopup QMenu::item:!enabled,
- WCoverArtMenu::item:!enabled,
- #LibraryContainer QMenu QCheckBox::indicator:!enabled,
- WTrackMenu QCheckBox::indicator:!enabled,
- WTrackMenu QMenu QCheckBox::indicator:!enabled {
+ WCoverArtMenu::item:!enabled {
color: #494949;
}
- #LibraryContainer QMenu QCheckBox::indicator:!enabled:!checked,
- #LibraryContainer QMenu::indicator:!enabled:!checked,
- WTrackMenu QCheckBox::indicator:!enabled:!checked,
- WTrackMenu::indicator:!enabled:!checked,
- WTrackMenu QMenu QCheckBox::indicator:!enabled:!checked,
- WTrackMenu QMenu::indicator:!enabled:!checked,
- WCueMenuPopup QMenu::indicator:!enabled:!checked {
- border: 1px solid #222;
- background-color: #222;
- }
#LibraryContainer QMenu QCheckBox::indicator:!enabled:checked,
- WTrackMenu QCheckBox::indicator:!enabled:checked,
- WTrackMenu QMenu QCheckBox::indicator:!enabled:checked {
- image: url(skin:/palemoon/buttons/btn__lib_checkmark_grey.svg);
+ #LibraryContainer QMenu QCheckBox::indicator:!enabled:unchecked,
+ WTrackMenu QMenu QCheckBox::indicator:!enabled:checked,
+ WTrackMenu QMenu QCheckBox::indicator:!enabled:unchecked,
+ WCueMenuPopup QMenu::indicator:!enabled:unchecked {
border: 1px solid #222;
- background-color: #222;
}
- #LibraryContainer QMenu QCheckBox::indicator:indeterminate,
- #LibraryContainer QCheckBox::indicator:indeterminate:!enabled,
- WTrackMenu QCheckBox::indicator:indeterminate,
- WTrackMenu QMenu QCheckBox::indicator:indeterminate {
- image: url(skin:/palemoon/buttons/btn__lib_checkmark_grey.svg);
- }
+
+ #MainMenu QMenu::right-arrow,
#LibraryContainer QMenu::right-arrow,
WTrackMenu::right-arrow,
WTrackMenu QMenu::right-arrow {
- width: 10px;
- height: 10px;
image: url(skin:/palemoon/style/menu_arrow_ivory.svg);
}
+ #MainMenu QMenu::right-arrow:selected,
#LibraryContainer QMenu::right-arrow:selected,
WTrackMenu::right-arrow:selected,
WTrackMenu QMenu::right-arrow:selected {
image: url(skin:/palemoon/style/menu_arrow_white.svg);
}
-
- #LibraryContainer QHeaderView QMenu::indicator {
- width: 10px;
- height: 10px;
- margin-left: 2px;
- border: none;
- background: none;
- }
- #LibraryContainer QHeaderView QMenu::indicator:checked {
- image: url(skin:/palemoon/buttons/btn__lib_checkmark_blue.svg);
- }
/************** common styles for WEffectSelector ******************************
*************** QSpinBox, QMenu, QToolTip *************************************/
diff --git a/res/skins/LateNight/style_windows.qss b/res/skins/LateNight/style_windows.qss
new file mode 100644
index 000000000000..1ab4ee02362c
--- /dev/null
+++ b/res/skins/LateNight/style_windows.qss
@@ -0,0 +1,124 @@
+
+#MainMenu::item {
+}
+#MainMenu QMenu::item {
+ padding: 0.1em 0.3em 0.2em 0.3em;
+ margin: 0em 0em 0em 1.2em;
+ }
+ /* Checkbox preceeding menu items */
+ #MainMenu QMenu::indicator {
+ /*width: 1em;*/
+ /*height: 1em;*/
+ margin: 0em 0em 0em -1.3em;
+ padding: 0.3em 0em 0.3em 0.3em;
+ }
+ #MainMenu QMenu::indicator,
+ #MainMenu QMenu::indicator:selected,
+ #MainMenu QMenu::indicator:checked,
+ #MainMenu QMenu::indicator:checked:selected {
+ }
+
+/* Icons (copy, paste, ...) in context menus of
+ - property cells in the tracks table
+ - WCueMenuPopup cue label editor
+ - WBeatSpinBox
+ - AutoDJ transition QSpinBox */
+#LibraryContainer QMenu::icon,
+QLineEdit QMenu::icon,
+/* - checkbox in Crate name context menu
+ "[ ] Auto DJ Track Source"
+ - QHeaderView QMenu::indicator */
+#LibraryContainer QMenu::indicator {
+ /* Linux: margin-right pushes the entire icon to the right !?? */
+ margin: 0px -20px 0px 5px;
+ }
+
+/* On Windows the semi-bold variant of Open Sans is
+identified separately as "Open Sans Semibold", so we
+need to define the fonts individually. */
+#MainMenu,
+#MainMenu QMenu {
+ font-family: "Open Sans";
+}
+#Mixxx,
+WWidget,
+QToolTip,
+WLabel, QLabel,
+WNumber, WNumberPos,
+WPushButton,
+WKey,
+WTime,
+WTrackText,
+WTrackProperty,
+WRecordingDuration,
+QSpinBox,
+WBeatSpinBox,
+WOverview #PassthroughLabel,
+WBeatSpinBox QMenu,
+WCueMenuPopup,
+WCueMenuPopup QMenu,
+WCueMenuPopup QLabel,
+WCoverArtMenu,
+WTrackMenu,
+WTrackMenu QMenu,
+WOverview /* Hotcue labels in the overview */,
+QComboBox,
+WEffect,
+WEffectSelector,
+WEffectSelector QAbstractScrollArea,
+#fadeModeCombobox,
+#fadeModeCombobox QAbstractScrollArea,
+#LibraryContainer QPushButton,
+#LibraryContainer QLabel,
+#LibraryContainer QRadioButton,
+#LibraryContainer QHeaderView,
+#LibraryContainer QHeaderView::item,
+#LibraryContainer QMenu {
+ font-family: "Open Sans Semibold";
+ font-weight: 500; /* semi-bold, just to be sure */
+}
+
+/* Bold */
+#KnobLabel,
+/* Passthrough label on overview waveform */
+WOverview #PassthroughLabel,
+#EQKillButton,
+#FxUnitLabel,
+#MicAuxLabel, #MicAuxLabelUnconfigured,
+#LatencyLabel,
+#VinylControls WPushButton,
+#FxAssignButtons WPushButton,
+#SamplerTitleMini,
+/* ToolBar */
+#GuiToggleButton,
+#RecFeedback, #RecDuration,
+#BroadcastButton,
+/* SKin settings & Library */
+#SkinSettingsToggle,
+#SkinSettingsNumToggle[value="1"],
+#LibraryFeatureControls QPushButton,
+QLabel#labelRecFilename, /* needs QLabel to override previous QLabel font definition*/
+WEffectSelector,
+#fadeModeCombobox,
+WOverview #PassthroughLabel {
+ font-family: "Open Sans";
+ font-weight: bold;
+}
+/* regular font weight */
+#SkinSettingsButton,
+#SkinSettingsNumToggle,
+#SkinSettingsMixerToggle,
+#SkinSettingsText,
+QToolTip,
+#LibraryContainer QMenu,
+WCueMenuPopup,
+WCueMenuPopup QMenu,
+WCoverArtMenu,
+WTrackMenu,
+WTrackMenu QMenu,
+WBeatSpinBox QMenu,
+QLabel#labelRecPrefix,
+QLabel#labelRecStatistics {
+ font-family: "Open Sans";
+ font-weight: normal;
+}