diff options
Diffstat (limited to 'chrome')
| -rw-r--r-- | chrome/userChrome.css | 115 |
1 files changed, 79 insertions, 36 deletions
diff --git a/chrome/userChrome.css b/chrome/userChrome.css index a446b19..0b25aca 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -1,51 +1,67 @@ :root { - --bg: #080808; - --fg: #b2b2b2; - --bold: #eeeeee; - --cursor: #9e9e9e; - --cursor-txt: #080808; - --sel: #b2ceee; - --sel-txt: #080808; - --black-light: #949494; - --black: #323437; - --blue-light: #74b2ff; - --blue: #80a0ff; - --cyan-light: #85dc85; - --cyan: #79dac8; - --green-light: #36c692; - --green: #8cc85f; - --purple-light: #ae81ff; - --purple: #cf87e8; - --red-light: #ff5189; - --red: #ff5454; - --white-light: #e4e4e4; - --white: #c6c6c6; - --yellow-light: #c2c292; - --yellow: #e3c78a; + --black: #1e2326; + --red: #4c3743; + --green: #3c4841; + --yellow: #45443c; + --blue: #384b55; + --purple: #5f4598; + --cyan: #148588; + --white: #9da9a0; + + --black-light: #414b50; + --red-light: #e67e80; + --green-light: #a7c080; + --yellow-light: #dbbc7f; + --blue-light: #7fbbb3; + --purple-light: #d699b6; + --cyan-light: #83c092; + --white-light: #ffffff; + + --bg: #4f5b58; + --fg: #d3c6aa; + --bold: #eeeeee; + --cursor: var(--green-light); + --cursor-txt: var(--black); + --sel: #493b40; + --sel-txt: var(--black); - --accent-color: var(--purple-light); + --accent-color: var(--green-light); --tab-color: var(--bg); --tab-text-color: var(--fg); - --secondary-accent-color: var(--purple); - --secondary-tab-color: var(--red); + --secondary-accent-color: var(--green); + --secondary-tab-color: var(--red-light); --secondary-tab-text-color: var(--fg); - --url-bg: var(--black); + --url-bg: var(--bg); + --url-fg: var(--fg); /* override colors */ - + + --tab-hover-outline-color: #495156 !important; + /*--tab-hover-background-color: #495157 !important;*/ --tab-selected-bgcolor: var(--accent-color) !important; - --tab-selected-outline-color: var(--secondary-accent-color) !important; + --tab-selected-outline-color: var(--accent-color) !important; + --tab-selected-shadow: none !important; - --toolbar-field-background-color: var(--bg) !important; - --toolbar-bgcolor: var(--black) !important; + --toolbar-field-background-color: #495156 !important; + --toolbar-field-color: var(--fg) !important; + --toolbar-field-focus-background-color: var(--black) !important; + --toolbar-field-focus-color: var(--fg) !important; + --toolbar-bgcolor: var(--bg) !important; --toolbar-color: var(--fg) !important; --toolbarbutton-outer-padding: 0 0 !important; - - --toolbox-bgcolor: var(--black) !important; - --toolbox-bgcolor-inactive: var(--black) !important; - + + --toolbox-bgcolor: var(--bg) !important; + --toolbox-bgcolor-inactive: var(--bg) !important; + --inactive-titlebar-opacity: 0.5 !important; + + --toolbar-start-end-padding: 2pt !important; + +} + +#nav-bar-customization-target { + gap: var(--toolbar-start-end-padding); } #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])[orient="horizontal"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) { @@ -85,4 +101,31 @@ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"], .titlebar-buttonbox-container { display: none !important; -}
\ No newline at end of file +} + +#tabbrowser-tabs[orient="vertical"] { + & .tab-background { + margin-inline: unset !important; + } +} + +#tabbrowser-tabs[orient="vertical"] { + &:not([expanded]) { + & .tab-background { + width: unset !important; + } + } +} + +#tabbrowser-tabs[orient="vertical"] { + & .tabbrowser-tab { + padding-block: 0px 2px !important; + } +} + +.tab-background { + margin-block: unset; + border-radius: 0px !important; + box-shadow: none; + outline-color: unset; +} |