Theme the widget select for PleineLune

2 files changed, 45 insertions, 0 deletions

diff --git a/plugins/PleineLune/stylesheets/controls/_widgetSelect.less b/plugins/PleineLune/stylesheets/controls/_widgetSelect.less
new file mode 100644
index 0000000000..8d9baad15a
--- /dev/null
+++ b/plugins/PleineLune/stylesheets/controls/_widgetSelect.less
@@ -0,0 +1,44 @@
+#dashboardSettings {
+  color: @theme-color-text-base;
+  border-radius: 0;
+}
+
+#dashboardSettings,
+#dashboardSettings:hover {
+  background: @theme-color-background-base;
+  border: 1px solid @theme-color-background-contrast;
+}
+
+#dashboardSettings > span {
+  color: @theme-color-text-active;
+}
+
+#dashboardSettings > span:hover {
+  color: @theme-color-text-focus;
+}
+
+#dashboardSettings > ul.submenu > li {
+  color: @theme-color-text-link;
+}
+
+#dashboardSettings > ul.submenu > li:hover {
+  color: @theme-color-text-focus;
+}
+
+#dashboardSettings .submenu ul li,
+ul.widgetpreview-widgetlist, ul.widgetpreview-categorylist {
+  color: @theme-color-text-base;
+}
+
+#dashboardSettings .submenu ul li:hover,
+#dashboardSettings .submenu ul li.widgetpreview-choosen,
+#dashboardSettings .widgetpreview-widgetlist li:hover,
+#dashboardSettings .widgetpreview-widgetlist li.widgetpreview-choosen, {
+  color: @theme-color-text-focus;
+  background: @theme-color-background-smallContrast;
+}
+
+.widgetpreview-base li.widgetpreview-unavailable {
+  color: @theme-color-text-base;
+  text-decoration: line-through;
+}
\ No newline at end of file
diff --git a/plugins/PleineLune/stylesheets/theme.less b/plugins/PleineLune/stylesheets/theme.less
index 7c44566034..0d886113b7 100644
--- a/plugins/PleineLune/stylesheets/theme.less
+++ b/plugins/PleineLune/stylesheets/theme.less
@@ -19,6 +19,7 @@
 @import "_layout.less";
 @import "controls/_periodSelect.less";
 @import "controls/_segmentSelect.less";
+@import "controls/_widgetSelect.less";
 @import "_menuDashboard.less";
 @import "_menuAdmin.less";
 @import "_widget.less";