fix lightning and toolbar background

conema · Aug 16, 2021 · 22def0d · 22def0d
1 parent 1a9f126
commit 22def0d
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 10 deletions.
diff --git a/content/skin/lightning.css b/content/skin/lightning.css
@@ -14,11 +14,22 @@
     -moz-context-properties: fill, fill-opacity;
 }
 
-#today-pane-panel, #mini-day-box, #agenda-toolbar, #todo-tab-panel, #mini-day-box stack, #miniday-dropdown-button, #mini-day-box > stack > hbox > vbox {
+#today-pane-panel, 
+#mini-day-box, 
+#agenda-toolbar, 
+#todo-tab-panel, 
+#mini-day-box stack, 
+#miniday-dropdown-button, 
+#mini-day-box > stack > hbox > vbox,
+#calendar-panel {
     background-color: var(--background-color);
 }
 
-#agenda-toolbar:-moz-window-inactive, #todo-tab-panel:-moz-window-inactive, #mini-day-box:-moz-window-inactive, #mini-day-box stack:-moz-window-inactive, #today-pane-splitter:-moz-window-inactive {
+#agenda-toolbar:-moz-window-inactive, 
+#todo-tab-panel:-moz-window-inactive, 
+#mini-day-box:-moz-window-inactive, 
+#mini-day-box stack:-moz-window-inactive, 
+#today-pane-splitter:-moz-window-inactive {
     background-color: var(--background-color) !important;
 }
 
@@ -28,7 +39,8 @@
     color: #fff !important;
 }
 
-menulist > menupopup {
+menulist > menupopup,
+#minimonth-splitter {
     background-color: var(--background-color-inactive);
 }
 

diff --git a/content/skin/messenger.css b/content/skin/messenger.css
@@ -4,17 +4,19 @@
 @import url(chrome://MonterailFDOverlay/content/skin/root.css);
 @import url("chrome://MonterailFDOverlay/content/skin/lightning.css");
 
-menupopup{
-    background-color: var(--background-color-inactive);
+menupopup {
     -moz-appearance: none !important;
     color: #fff;
+    --panel-background: var(--background-color-inactive);
+    --panel-color: #fff;
 }
 
-menupopup > menu:not(:active),
+
 menuitem:hover:not([disabled="true"]),
 menupopup > menu:hover:not([disabled="true"]),
 menuitem label:hover:not([disabled="true"]) {
     color: #fff !important;
+    background-color: var(--background-color-light);
 }
 
 .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):-moz-any([open="true"], [checked="true"], :hover:active) {
@@ -38,12 +40,12 @@ menuseparator {
     fill: #fff;
 }
 
-#messengerWindow>#navigation-toolbox:not(:-moz-window-inactive) {
+#navigation-toolbox:not(:-moz-window-inactive) {
     color: #fff !important;
     background-color: var(--background-color) !important;
 }
 
-#messengerWindow>#navigation-toolbox:-moz-window-inactive {
+#navigation-toolbox:-moz-window-inactive {
     color: #fff !important;
     background-color: var(--background-color-inactive) !important;
 }

diff --git a/content/skin/root.css b/content/skin/root.css
@@ -43,7 +43,7 @@
     --message-list-text-color: #fff;
     --link-color: #80CAFE;
 
-	/*Message row & Folder row height */
+	/* Message row & Folder row height */
     --message-list-row-height: 40px;
 	--folder-tree-row-height: 25px;
 
@@ -64,7 +64,7 @@
     --dateColor: var(--background-color);
     --barHlColor: var(--tree-background-color-selected);
     --barColor: var(--tree-background-color-selected);
-}
+}   
 
 * {
     font-family: var(--default-font);