aboutsummaryrefslogtreecommitdiff
path: root/modules/firefox.home/chrome/userChrome.css
diff options
context:
space:
mode:
authorAkshay Nair <phenax5@gmail.com>2026-02-08 13:15:45 +0530
committerAkshay Nair <phenax5@gmail.com>2026-02-08 13:15:45 +0530
commit653b19aa1e732f56453db383504fe8a5438bda5a (patch)
tree5681f12f0b1c8086e03abcf5577ca6c191d917d1 /modules/firefox.home/chrome/userChrome.css
parent168884c4515b77f946b76b55fce207e13ceb217c (diff)
downloadnixos-config-653b19aa1e732f56453db383504fe8a5438bda5a.tar.gz
nixos-config-653b19aa1e732f56453db383504fe8a5438bda5a.zip
Enable firefox
Diffstat (limited to '')
-rw-r--r--modules/firefox.home/chrome/userChrome.css72
1 files changed, 31 insertions, 41 deletions
diff --git a/modules/firefox.home/chrome/userChrome.css b/modules/firefox.home/chrome/userChrome.css
index e845194..2746e21 100644
--- a/modules/firefox.home/chrome/userChrome.css
+++ b/modules/firefox.home/chrome/userChrome.css
@@ -26,16 +26,15 @@ toolbarbutton {
min-height: 0;
}
-/* Rounded browser content window */
+/* browser content window */
#browser {
background-color: var(--ff-bg-color);
}
#appcontent {
- margin: 4px;
+ margin: 0 !important;
margin-top: 0;
- border-radius: 6px;
- border: 1px solid rgba(255,255,255,0.06);
- overflow: hidden;
+ border-radius: 0 !important;
+ border: none !important;
}
@@ -103,7 +102,7 @@ toolbarbutton#alltabs-button {
#nav-bar {
border-top: none !important;
background-color: var(--toolbar-bgcolor) !important;
- padding: 3px 2px 0 !important;
+ padding: 0 2px 0 !important;
}
#TabsToolbar {
visibility: collapse !important;
@@ -137,20 +136,34 @@ toolbarbutton#alltabs-button {
color: var(--ff-accent-color-1) !important;
}
.urlbarView {
- background-color: var(--ff-bg-color-2) !important;
+ background-color: var(--ff-bg-color-1) !important;
+ margin-inline: 0 !important;
+ width: 100% !important;
+}
+.urlbarView-row {
+ border-radius: 0 !important;
}
.urlbar-input-container {
- background-color: var(--ff-bg-color-2) !important;
+ background-color: var(--ff-bg-color) !important;
+ border-radius: 0 !important;
border-color: transparent !important;
min-height: 0 !important;
padding-inline: 0 !important;
padding-block: 0 !important;
height: var(--ff-urlbar-height) !important;
}
-
+#urlbar {
+ top: 0 !important;
+}
+#urlbar[breakout-extend] {
+ top: 0 !important;
+}
+#urlbar:not([breakout-extend]), .urlbar-input-container {
+ height: 26px !important;
+}
#urlbar[breakout-extend] .urlbar-input-container {
- background-color: var(--ff-bg-color-2) !important;
+ background-color: var(--ff-bg-color-1) !important;
padding-inline: 0 !important;
}
#urlbar[breakout-extend] .urlbar-input-container #identity-box {
@@ -164,55 +177,32 @@ toolbarbutton#alltabs-button {
/* Sidebar + tab */
+#browser { background-color: red !important; }
#sidebar-main {
background: var(--ff-bg-color) !important;
}
#sidebar-box {
- background: var(--ff-bg-color) !important;
+ background: var(--ff-bg-color-1) !important;
margin: 3px 0 !important;
}
#sidebar {
- background: var(--ff-bg-color-2) !important;
+ background: var(--ff-bg-color) !important;
+ border-radius: 0 !important;
+ border: none !important;
+ outline: none !important;
}
#tabbrowser-tabbox {
- border-radius: 6px !important;
- overflow: hidden !important;
- margin: 4px !important;
+ border-radius: 0 !important;
+ margin: 0 !important;
}
-/* URL bar progress indicator */
-/* #urlbar[data-page-progress="loaded"]::before {
- display: none !important;
-} */
-
@keyframes ucLoadingSnimation {
0% { background-position: 130% 50%; }
100% { background-position: -70% 50%; }
}
-/* #urlbar[data-page-progress]::before {
- display: block;
- content: " ";
- pointer-events: none;
- width: 100%;
- height: 100%;
- position: absolute;
- bottom: 0;
- left: 0;
- z-index: 1;
- background: linear-gradient(
- 140deg,
- rgba(255, 255, 255, 0) 35%,
- rgba(255, 255, 255, .25) 50%,
- rgba(255, 255, 255, 0) 65%
- ) rgba(255, 255, 255, 0.05);
- background-size: 200% 200%;
- animation: ucLoadingSnimation 2.2s ease-in-out infinite;
- border-bottom: 2px solid var(--ff-accent-color);
-} */
-
/* Key mode indicator */
#navigator-toolbox[data-key-mode=""]::after {