summary refs log tree commit diff
path: root/.mozilla/firefox/hibiki.default/chrome/userChrome.css
diff options
context:
space:
mode:
Diffstat (limited to '.mozilla/firefox/hibiki.default/chrome/userChrome.css')
-rw-r--r--.mozilla/firefox/hibiki.default/chrome/userChrome.css175
1 files changed, 98 insertions, 77 deletions
diff --git a/.mozilla/firefox/hibiki.default/chrome/userChrome.css b/.mozilla/firefox/hibiki.default/chrome/userChrome.css
index bdbcf53..1f0cb3d 100644
--- a/.mozilla/firefox/hibiki.default/chrome/userChrome.css
+++ b/.mozilla/firefox/hibiki.default/chrome/userChrome.css
@@ -6,164 +6,185 @@
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 @namespace html "http://www.w3.org/1999/xhtml";
 
-@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
-  :root {
-    --toolbar-non-lwt-bgcolor: #040405 !important;
-    --toolbar-bgcolor: #040405 !important;
-    --toolbar-color: #fffffb !important;
-  }
+@media (-moz-toolbar-prefers-color-scheme: dark),
+(prefers-color-scheme: dark) {
+    :root {
+        --toolbar-non-lwt-bgcolor: #040405 !important;
+        --toolbar-bgcolor: #040405 !important;
+        --toolbar-color: #fffffb !important;
+    }
 }
 
 :root {
-  --urlbar-box-bgcolor: var(--toolbar-bgcolor) !important;
-  --urlbar-icon-fill-opacity: 0.8 !important;
-  --arrowpanel-background: var(--toolbar-bgcolor) !important;
+    --urlbar-box-bgcolor: var(--toolbar-bgcolor) !important;
+    --urlbar-icon-fill-opacity: 0.8 !important;
+    --arrowpanel-background: var(--toolbar-bgcolor) !important;
 
-  --chrome-content-separator-color: #70649ab0 !important;
+    --chrome-content-separator-color: #70649ab0 !important;
 }
 
 * {
-  font-family: Iosevka Aile, Sarasa Fixed J, monospace !important;
+    font-family: Iosevka Aile, monospace !important;
 }
 
 /* prevent pre-load flash bang */
-.browserContainer { background-color: var(--toolbar-bgcolor) !important; }
-.tabbrowser tabpanels { background-color: var(--toolbar-bgcolor) !important; }
+.browserContainer {
+    background-color: var(--toolbar-bgcolor) !important;
+}
+
+.tabbrowser tabpanels {
+    background-color: var(--toolbar-bgcolor) !important;
+}
 
 #titlebar {
-  display: none !important;
+    display: none !important;
 }
 
 /* Makes urlbar and many other things sharper on the edges */
 :root {
-  --any-border-radius: 0;
-  --toolbarbutton-border-radius: var(--any-border-radius) !important;
-  --urlbar-icon-border-radius: var(--any-border-radius) !important;
-  --arrowpanel-menuitem-border-radius: var(--any-border-radius) !important;
-  --arrowpanel-border-radius: var(--any-border-radius) !important;
+    --any-border-radius: 0;
+    --toolbarbutton-border-radius: var(--any-border-radius) !important;
+    --urlbar-icon-border-radius: var(--any-border-radius) !important;
+    --arrowpanel-menuitem-border-radius: var(--any-border-radius) !important;
+    --arrowpanel-border-radius: var(--any-border-radius) !important;
 }
-menupopup, panel {
-  --panel-padding: 0 !important;
-  --panel-border-radius: var(--any-border-radius) !important;
+
+menupopup,
+panel {
+    --panel-padding: 0 !important;
+    --panel-border-radius: var(--any-border-radius) !important;
 }
+
 .dialogBox {
-  border-radius: var(--any-border-radius) !important;
+    border-radius: var(--any-border-radius) !important;
 }
 
 /* Hide the back and forward buttons */
 #main-window :-moz-any(#back-button, #forward-button) {
-  display: none !important;
+    display: none !important;
 }
 
 /* Disable statuspanel completely, remove this if you want to keep the statuspanel */
 statuspanel {
-  display: none !important;
+    display: none !important;
 }
 
 /* = URLBAR STUFF =========================================================== */
 
 #urlbar-container {
-  --urlbar-container-height: 29px !important;
-  --urlbar-container-padding: 0px !important;
-  /* --lwt-toolbar-field-background-color: transparent !important; */
+    --urlbar-container-height: 29px !important;
+    --urlbar-container-padding: 0px !important;
+    /* --lwt-toolbar-field-background-color: transparent !important; */
 }
+
 #urlbar {
-  --urlbar-height: var(--urlbar-container-height) !important;
-  --urlbar-toolbar-height: var(--urlbar-container-height) !important;
+    --urlbar-height: var(--urlbar-container-height) !important;
+    --urlbar-toolbar-height: var(--urlbar-container-height) !important;
 }
+
 #urlbar-background {
-  border: none !important;
+    border: none !important;
 }
-#urlbar:not([focused="true"]) > #urlbar-background {
-  background-color: transparent !important;
+
+#urlbar:not([focused="true"])>#urlbar-background {
+    background-color: transparent !important;
 }
 
 #urlbar-input-container {
-  padding-right: 5px !important;
-  border: none !important;
+    padding-right: 5px !important;
+    border: none !important;
 }
+
 #urlbar-results,
 .urlbarView-row {
-  padding-top: 0px !important;
-  padding-bottom: 0px !important;
+    padding-top: 0px !important;
+    padding-bottom: 0px !important;
 }
+
 .search-one-offs {
-  padding-block: 0px !important;
+    padding-block: 0px !important;
 }
+
 .search-panel-one-offs {
-  padding-left: 7px !important;
+    padding-left: 7px !important;
 }
+
 .searchbar-engine-one-off-item {
-  margin: 0px !important;
+    margin: 0px !important;
 }
 
 
 /* hide the bookmark button */
 #star-button-box,
 #pageActionSeparator {
-  display: none !important;
+    display: none !important;
 }
 
 /* make sure the lock icon aligns with the collapsed sidebar */
 #urlbar-container {
-  padding-block: 0 !important;
-  margin-left: 0 !important;
+    padding-block: 0 !important;
+    margin-left: 0 !important;
 }
+
 #tracking-protection-icon-container {
-	padding: 0 6px !important;
+    padding: 0 6px !important;
 }
+
 #identity-box {
-  margin-inline-start: var(--identity-box-margin-inline);
+    margin-inline-start: var(--identity-box-margin-inline);
 }
+
 #tracking-protection-icon-container {
-  padding-left: 8px !important;
+    padding-left: 8px !important;
 }
 
 /* = SIDEBAR STUFF ========================================================== */
 
 /* sidebar that collapses when not hovered */
 :root {
-  --thin-tab-width: 31px;
-  --wide-tab-width: 280px;
-}
-#sidebar {
-  max-width: none !important;
-  min-width: 0 !important;
-  margin-left: 0 !important;
-}
-#sidebar-box+#sidebar-splitter {
-  display: none !important;
+    --thin-tab-width: 31px;
+    --wide-tab-width: 280px;
 }
-#sidebar-box {
-  overflow-x: hidden !important;
-  position: relative !important;
-  transition: all 40ms !important;
-  min-width: var(--thin-tab-width) !important;
-  max-width: var(--thin-tab-width) !important;
 
-  border-right: 1px solid var(--chrome-content-separator-color);
+#sidebar-box:not([hidden]) {
+    overflow-x: hidden !important;
+    position: relative !important;
+    transition: all 40ms !important;
+    min-width: var(--thin-tab-width) !important;
+    max-width: var(--thin-tab-width) !important;
 
-  /* fix collapsed sidebar background-color */
-  background-color: var(--toolbar-bgcolor) !important;
+    border-right: 1px solid var(--chrome-content-separator-color);
+
+    /* fix collapsed sidebar background-color */
+    background-color: var(--toolbar-bgcolor) !important;
+
+    z-index: 1;
+    opacity: 1.0 !important;
 }
 
-#sidebar-box #sidebar,#sidebar-box:hover {
-  /* transition: all 10ms !important; */
-  min-width: var(--wide-tab-width) !important;
-  max-width: var(--wide-tab-width) !important;
-  z-index: 1;
-  opacity: 1.0 !important;
+#sidebar-box:not([hidden]):hover,
+#sidebar-box:not([hidden]):active,
+#sidebar-box:not([hidden]):focus-within,
+#sidebar-box:not([hidden]):-moz-drag-over {
+    min-width: var(--wide-tab-width) !important;
+    max-width: var(--wide-tab-width) !important;
+    /* for right sidebar change 'margin-right' to 'margin-left' */
+    margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1) !important;
 }
 
-/* For right sidebar change 'margin-right' to 'margin-left' */
-#sidebar-box:hover {
-  margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1) !important;
+/* make sure the contents of the sidebar are not squished */
+#sidebar {
+    min-width: var(--wide-tab-width) !important;
+    max-width: var(--wide-tab-width) !important;
+    margin-left: 0 !important;
 }
+
 /* hide sidebar header */
 #sidebar-header {
-  visibility: collapse;
+    visibility: collapse;
 }
-/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
+
+/* hide sidebar shadow */
 #sidebar-splitter {
-  /* display: none; */
+    display: none !important;
 }
generated by cgit-pink 1.4.1 (git 2.36.1) at 2026-08-05 23:35:44 +0000