merge: pull request #2 from Frewacom/additional-theming-userChrome

Update userChrome.css
Frewacom · Sep 3, 2020 · 71b66d0 · 71b66d0
2 parents eb0a9ee + 86da3f5
commit 71b66d0
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/pywalfox/assets/css/userChrome.css b/pywalfox/assets/css/userChrome.css
@@ -2,9 +2,10 @@
 #main-window {
   --pywalfox-font-size: 13px;
   --pywalfox-font-size-sm: calc(var(--pywalfox-font-size) * 0.9);
-  --pywalfox-background: var(--lwt-toolbarbutton-active-background);
+  --pywalfox-background: var(--lwt-accent-color);
   --pywalfox-background-light: var(--arrowpanel-background);
   --pywalfox-text: var(--arrowpanel-color);
+  --pywalfox-text-focus: var(--toolbar-color);
   --pywalfox-unselected-tab-opacity: 0.8;
   --pywalfox-darker-background: rgba(0, 0, 0, 0.4);
   --pywalfox-padding: 4px 8px;
@@ -24,7 +25,8 @@ button, search-textbox, menuseparator {
 /* Background color on hover in right-click context menus */
 menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] {
   -moz-appearance: none !important;
-  background-color: rgba(249, 249, 250, 0.1) !important;
+  background-color: var(--pywalfox-background) !important;
+  color: var(--pywalfox-text-focus) !important;
   padding: 4px 4px !important;
 }
 
@@ -69,5 +71,16 @@ textbox, panelview, .tabbrowser-tab, #sidebar-header,
 panelmultiview {
   font-size: var(--pywalfox-font-size-sm) !important;
 }
-/********************* END PYWALFOX CUSTOM CSS *********************/
 
+/* Change the grey background color seen e.g. when opening a bookmark in a newtab */
+#tabbrowser-tabpanels {
+  background-color: var(--pywalfox-background) !important;
+}
+
+/* Theme the status panel at the bottom */
+#statuspanel-label {
+  background: var(--pywalfox-background-light) !important;
+  border-color: var(--pywalfox-background) !important;
+  color: var(--pywalfox-text) !important;
+}
+/********************* END PYWALFOX CUSTOM CSS *********************/