OOKNET                             [ /  search the index  ]  
──────────────────────────────────────────────────────────────────────────────────────
[ KB ]    [ GIT ]    [ PROJECTS ]    [ ABOUT ]                                      EN
══════════════════════════════════════════════════════════════════════════════════════
OOKNET   [ /  search  ]  
────────────────────────────────────────────────
[ KB ] [ GIT ] [ PROJECTS ] [ ABOUT ]
════════════════════════════════════════════════
 
HASH      7bde441a3c6d
DATE      2025-05-19
SUBJECT   zen: css tweaks
FILES     2 CHANGED
HASH      7bde441a3c6d
DATE      2025-05-19
SUBJECT   zen: css tweaks
FILES     2 CHANGED
 

diff --git a/modules/home/common/browser/zen/default.nix b/modules/home/common/bro
wser/zen/default.nix
index 4f04ff5..9e3a328 100644
--- a/modules/home/common/browser/zen/default.nix
+++ b/modules/home/common/browser/zen/default.nix
@@ -57,6 +57,10 @@ in {
             "zen.view.compact.hide-toolbar" = true;
             "zen.view.experimental-rounded-view" = false;
             "zen.workspace.show-workspace-indicator" = false;
+
+            # enable browser toolbox
+            "devtools.debugger.enabled" = true;
+            "devtools.chrome.enabled" = true;
           };
           userChrome = import ./userChrome.nix {inherit color fonts;};
         };


diff --git a/modules/home/common/browser/zen
/default.nix b/modules/home/common/browser/z
en/default.nix
index 4f04ff5..9e3a328 100644
--- a/modules/home/common/browser/zen/defaul
t.nix
+++ b/modules/home/common/browser/zen/defaul
t.nix
@@ -57,6 +57,10 @@ in {
             "zen.view.compact.hide-toolbar"
 = true;
             "zen.view.experimental-rounded-
view" = false;
             "zen.workspace.show-workspace-i
ndicator" = false;
+
+            # enable browser toolbox
+            "devtools.debugger.enabled" = t
rue;
+            "devtools.chrome.enabled" = tru
e;
           };
           userChrome = import ./userChrome.
nix {inherit color fonts;};
         };

 

diff --git a/modules/home/common/browser/zen/userChrome.nix b/modules/home/common/
browser/zen/userChrome.nix
index 323c1c1..fb7c9f8 100644
--- a/modules/home/common/browser/zen/userChrome.nix
+++ b/modules/home/common/browser/zen/userChrome.nix
@@ -6,6 +6,8 @@
 # css
 ''
     @media (prefers-color-scheme: dark) {
+
+    * { border-radius: 0px !important; }
     :root {
 
       --clr-menu: #${color.layout.menu};
@@ -16,11 +18,12 @@
       --clr-border-inactive: #${color.border.inactive};
       --clr-secondary: #${color.secondary.base};
       --clr-primary: #${color.primary.base};
+      --clr-orange: #${color.orange.base}
 
       --border-active: 1px var(--clr-border-active) solid;
       --border-inactive: 1px var(--clr-border-inactive) solid;
 
-      --font-base: ${fonts.monospace.family};
+      --font-base: BerkeleyMono Nerd Font;
 
       --zen-colors-primary: var(--clr-menu) !important;
       --zen-primary-color: var(--clr-primary) !important;
@@ -42,10 +45,11 @@
       --arrowpanel-background: var(--clr-menu) !important;
 
 
-      --sidebar-text-color: yellow !important;
-      --lwt-sidebar-text-color: purple!important;
-      --lwt-sidebar-background-color: green !important;
-      --toolbar-bgcolor: green !important;
+      --sidebar-text-color: var(--clr-primary) !important;
+      --sidebar-background-color: var(--clr-menu) !important;
+      --lwt-sidebar-text-color: var(--clr-fg) !important;
+      --lwt-sidebar-background-color: var(--clr--menu) !important;
+      --toolbar-bgcolor: var(--clr-menu) !important;
       --newtab-background-color: var(--clr-menu) !important;
       --zen-themed-toolbar-bg: var(--clr-menu) !important;
 
@@ -62,10 +66,27 @@
       --zen-webview-border-radius 0px !important;
       --zen-native-inner-radius: 0px !important;
 
+      --zen-branding-paper: var(--clr-fg) !important;
+      --zen-branding-dark: var(--clr-menu) !important;
+      --zen-branding-coral: var(--clr-orange) !important;
+
+      --button-background-color-primary: var(--clr-primary) !important;
+      --button-text-color-primary: var(--clr-menu) !important;
+      --in-content-primary-button-background: var(--clr-primary) !important;
+      --in-content-page-color: var(--clr-fg) !important;
+      --in-content-info-background: red !important;
+      --in-content-table-background: red !important;
+
+      --input-color: var(--clr-fg) !important;
+      --urlbarView-highlight-color: var(--clr-fg) !important;
+      --focus-outline-color: var(--clr-fg) !important;
+      --background-color-box: var(--clr-bg) !important;
       font-family: var(--font-base) !important;
       border-radius: 0px !important;
     }
 
+
+
     .dialogBox {
 
       border-radius: 0px !important;
@@ -83,15 +104,22 @@
       border: var(--border-inactive) !important;
       font-family: var(--font-base) !important;
       margin: 10px !important;
-    }
-    .urlbarView-row[selected] {
-      background-color: var(--clr-bg) !important;
-      border: var(--border-active) !important;
-    }
-
-    .urlbarView-row:hover:not([selected]) {
-      background-color: var(--clr-bg) !important;
-      border: var(--border-active) !important;
+      &[selected] {
+        background-color: var(--clr-bg) !important;
+        color: red !important;
+        border: var(--border-active) !important;
+        & *,
+        & .urlbarView-title-seperator::before {
+          color: var(--clr-fg) !important;
+        }
+        & .urlbarView-favicon {
+          background-color: transparent !important;
+        }
+      }
+      &:hover:not([selected]) {
+        background-color: var(--clr-bg) !important;
+        border: var(--border-active) !important;
+      }
     }
 
     .urlbar-input {
@@ -136,6 +164,16 @@
     }
 
 
+      /*
+      hide the workspace indicator, I dont want it.
+      potential regression? about:config zen.workspace.show-workspace-indicator =
 false no longer works.
+      */
+      #zen-current-workspace-indicator-container {
+        display: none !important;
+      }
+
+    /* if I want the indicator, make it look how I want it */
+
     .zen-current-workspace-indicator::before {
       border-radius: 0px !important;
       background-color: var(--clr-menu) !important;
@@ -149,7 +187,6 @@
       background-color: var(--clr-menu) !important;
     }
 
-
     .zen-current-workspace-indicator-name {
       border-radius: 0px !important;
       width: 100% !important;
@@ -174,7 +211,16 @@
     }
     toolbaritem {
       background: var(--clr-menu) !important;
+      border-radius: 0px !important;
+      box-shadow: 0px 0px 0px 0px transparent !important;
     }
-  }
 
+      #sidebar-box {
+        border: var(--border-active) !important;
+      }
+
+      #titleText {
+        color: var(--clr-fg) !important;
+      }
+  }
 ''


diff --git a/modules/home/common/browser/zen
/userChrome.nix b/modules/home/common/browse
r/zen/userChrome.nix
index 323c1c1..fb7c9f8 100644
--- a/modules/home/common/browser/zen/userCh
rome.nix
+++ b/modules/home/common/browser/zen/userCh
rome.nix
@@ -6,6 +6,8 @@
 # css
 ''
     @media (prefers-color-scheme: dark) {
+
+    * { border-radius: 0px !important; }
     :root {
 
       --clr-menu: #${color.layout.menu};
@@ -16,11 +18,12 @@
       --clr-border-inactive: #${color.borde
r.inactive};
       --clr-secondary: #${color.secondary.b
ase};
       --clr-primary: #${color.primary.base}
;
+      --clr-orange: #${color.orange.base}
 
       --border-active: 1px var(--clr-border
-active) solid;
       --border-inactive: 1px var(--clr-bord
er-inactive) solid;
 
-      --font-base: ${fonts.monospace.family
};
+      --font-base: BerkeleyMono Nerd Font;
 
       --zen-colors-primary: var(--clr-menu)
 !important;
       --zen-primary-color: var(--clr-primar
y) !important;
@@ -42,10 +45,11 @@
       --arrowpanel-background: var(--clr-me
nu) !important;
 
 
-      --sidebar-text-color: yellow !importa
nt;
-      --lwt-sidebar-text-color: purple!impo
rtant;
-      --lwt-sidebar-background-color: green
 !important;
-      --toolbar-bgcolor: green !important;
+      --sidebar-text-color: var(--clr-prima
ry) !important;
+      --sidebar-background-color: var(--clr
-menu) !important;
+      --lwt-sidebar-text-color: var(--clr-f
g) !important;
+      --lwt-sidebar-background-color: var(-
-clr--menu) !important;
+      --toolbar-bgcolor: var(--clr-menu) !i
mportant;
       --newtab-background-color: var(--clr-
menu) !important;
       --zen-themed-toolbar-bg: var(--clr-me
nu) !important;
 
@@ -62,10 +66,27 @@
       --zen-webview-border-radius 0px !impo
rtant;
       --zen-native-inner-radius: 0px !impor
tant;
 
+      --zen-branding-paper: var(--clr-fg) !
important;
+      --zen-branding-dark: var(--clr-menu) 
!important;
+      --zen-branding-coral: var(--clr-orang
e) !important;
+
+      --button-background-color-primary: va
r(--clr-primary) !important;
+      --button-text-color-primary: var(--cl
r-menu) !important;
+      --in-content-primary-button-backgroun
d: var(--clr-primary) !important;
+      --in-content-page-color: var(--clr-fg
) !important;
+      --in-content-info-background: red !im
portant;
+      --in-content-table-background: red !i
mportant;
+
+      --input-color: var(--clr-fg) !importa
nt;
+      --urlbarView-highlight-color: var(--c
lr-fg) !important;
+      --focus-outline-color: var(--clr-fg) 
!important;
+      --background-color-box: var(--clr-bg)
 !important;
       font-family: var(--font-base) !import
ant;
       border-radius: 0px !important;
     }
 
+
+
     .dialogBox {
 
       border-radius: 0px !important;
@@ -83,15 +104,22 @@
       border: var(--border-inactive) !impor
tant;
       font-family: var(--font-base) !import
ant;
       margin: 10px !important;
-    }
-    .urlbarView-row[selected] {
-      background-color: var(--clr-bg) !impo
rtant;
-      border: var(--border-active) !importa
nt;
-    }
-
-    .urlbarView-row:hover:not([selected]) {
-      background-color: var(--clr-bg) !impo
rtant;
-      border: var(--border-active) !importa
nt;
+      &[selected] {
+        background-color: var(--clr-bg) !im
portant;
+        color: red !important;
+        border: var(--border-active) !impor
tant;
+        & *,
+        & .urlbarView-title-seperator::befo
re {
+          color: var(--clr-fg) !important;
+        }
+        & .urlbarView-favicon {
+          background-color: transparent !im
portant;
+        }
+      }
+      &:hover:not([selected]) {
+        background-color: var(--clr-bg) !im
portant;
+        border: var(--border-active) !impor
tant;
+      }
     }
 
     .urlbar-input {
@@ -136,6 +164,16 @@
     }
 
 
+      /*
+      hide the workspace indicator, I dont 
want it.
+      potential regression? about:config ze
n.workspace.show-workspace-indicator = false
 no longer works.
+      */
+      #zen-current-workspace-indicator-cont
ainer {
+        display: none !important;
+      }
+
+    /* if I want the indicator, make it loo
k how I want it */
+
     .zen-current-workspace-indicator::befor
e {
       border-radius: 0px !important;
       background-color: var(--clr-menu) !im
portant;
@@ -149,7 +187,6 @@
       background-color: var(--clr-menu) !im
portant;
     }
 
-
     .zen-current-workspace-indicator-name {
       border-radius: 0px !important;
       width: 100% !important;
@@ -174,7 +211,16 @@
     }
     toolbaritem {
       background: var(--clr-menu) !importan
t;
+      border-radius: 0px !important;
+      box-shadow: 0px 0px 0px 0px transpare
nt !important;
     }
-  }
 
+      #sidebar-box {
+        border: var(--border-active) !impor
tant;
+      }
+
+      #titleText {
+        color: var(--clr-fg) !important;
+      }
+  }
 ''

 
[ BACK TO LOG ]
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET