feat(home:firefox): minor adjustments to ooksfox css

home/modules/desktop/browser/firefox/theme/ooksfox.nix

@@ -3,36 +3,13 @@
   fonts,
   ...
 }:
-# css
-''
+with palette;
+#css
+  ''
       /* minimal firefox css ooks  */
 
       /* ===== Color Variables and Root Styles ===== */
       :root {
-    /* Base colors */
-    --base00: #${palette.base00}; /* ---- */
-    --base01: #${palette.base01}; /* --- */
-    --base02: #${palette.base02}; /* -- */
-    --base03: #${palette.base03}; /* - */
-    --base04: #${palette.base04}; /* + */
-    --base05: #${palette.base05}; /* ++ */
-    --base06: #${palette.base06}; /* +++ */
-    --base07: #${palette.base07}; /* ++++ */
-
-    /* Accent colors */
-    --base08: #${palette.base08}; /* red */
-    --base09: #${palette.base09}; /* orange */
-    --base0A: #${palette.base0A}; /* yellow */
-    --base0B: #${palette.base0B}; /* green */
-    --base0C: #${palette.base0C}; /* aqua/cyan */
-    --base0D: #${palette.base0D}; /* blue */
-    --base0E: #${palette.base0E}; /* purple */
-    --base0F: #${palette.base0F}; /* brown */
-
-    /* UI-specific colors */
-    --toolbar-bgcolor: red;
-    --tab-active-bg-color: red;
-
         /* Fonts */
         --font-mono: ${fonts.monospace.family}, monospace;
         }
@@ -74,19 +51,24 @@
       #PersonalToolbar { display: none !important; }
 
       /* ===== URL Bar Styling ===== */
-  /* Style input box */
-  moz-input-box {
-    background: var(--base01) !important;
-    color: var(--base07) !important;
-    border: solid 1px var(--base05) !important;
+
+      #urlbar-container {
+        margin-left: 0 !important;
+        margin-right: 0 !important;
+        padding-top: 0 !important;
+        padding-bottom: 0!important;
       }
 
-  /* Style input box */
-  #urlbar-input-container {
-    background: var(--base08) !important;
-    color: var(--base07) !important;
+      #urlbar-background {
+        border: solid 1px !important;
+        border-radius: 0 !important;
+        outline: none !important;
+        background: #${crust} !important;
+      }
+
+      #navigator-toolbox {
         border: none !important;
-    border-radius: 5 !important;
+        border-bottom: solid 1px !important;\
       }
 
       /* Hide URL bar go button */
@@ -96,20 +78,16 @@
       #nav-bar.browser-toolbar { background: none !important; }
 
       /* Position and style navigation bar */
+
       #nav-bar {
-    opacity: 0;
         text-align: center;
-    position: fixed !important;
-    border: solid 1px var(--nix-fg1) !important;
-    top: 30px;
-    left: 25%;
-    right: 25%;
-    z-index: 1;
+        min-height: 0 !important;
+        max-height: 0 !important;
+        height: 0 !important;
       }
 
     /* Expand navigation bar on focus */
       #nav-bar:focus-within {
-    opacity: 1;
         max-height: 40px !important;
         height: 60px !important;
         min-height: 15px !important;
@@ -147,8 +125,7 @@
       /* Set tab and tab bar height */
       #TabsToolbar, .tabbrowser-tab {
         max-height: 35px !important;
-    background: var(--base00) !important;
-    padding-bottom:0 !important;
+        background: #${crust} !important;
         border: none;
       }
 
@@ -173,4 +150,4 @@
         /* border: solid 1px var(--base05) !important; */
         background: var(--base01) !important;
       }
-''
+  ''