ooks/ooknet
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
ooks-io 2024-08-12 19:13:57 +12:00
parent 8f3a3a8be8
commit 3d4b7f6b40
1 changed files with 122 additions and 145 deletions
Download patch file Download diff file Expand all files Collapse all files

65
home/modules/desktop/browser/firefox/theme/ooksfox.nix
View file

@ -3,36 +3,13 @@
fonts, fonts,
... ...
}: }:
with palette;
#css #css
'' ''
/* minimal firefox css ooks */ /* minimal firefox css ooks */
/* ===== Color Variables and Root Styles ===== */ /* ===== Color Variables and Root Styles ===== */
:root { :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 */ /* Fonts */
--font-mono: ${fonts.monospace.family}, monospace; --font-mono: ${fonts.monospace.family}, monospace;
} }
@ -74,19 +51,24 @@
#PersonalToolbar { display: none !important; } #PersonalToolbar { display: none !important; }
/* ===== URL Bar Styling ===== */ /* ===== URL Bar Styling ===== */
/* Style input box */
moz-input-box { #urlbar-container {
background: var(--base01) !important; margin-left: 0 !important;
color: var(--base07) !important; margin-right: 0 !important;
border: solid 1px var(--base05) !important; padding-top: 0 !important;
padding-bottom: 0!important;
} }
/* Style input box */ #urlbar-background {
#urlbar-input-container { border: solid 1px !important;
background: var(--base08) !important; border-radius: 0 !important;
color: var(--base07) !important; outline: none !important;
background: #${crust} !important;
}
#navigator-toolbox {
border: none !important; border: none !important;
border-radius: 5 !important; border-bottom: solid 1px !important;\
} }
/* Hide URL bar go button */ /* Hide URL bar go button */
@ -96,20 +78,16 @@
#nav-bar.browser-toolbar { background: none !important; } #nav-bar.browser-toolbar { background: none !important; }
/* Position and style navigation bar */ /* Position and style navigation bar */
#nav-bar { #nav-bar {
opacity: 0;
text-align: center; text-align: center;
position: fixed !important; min-height: 0 !important;
border: solid 1px var(--nix-fg1) !important; max-height: 0 !important;
top: 30px; height: 0 !important;
left: 25%;
right: 25%;
z-index: 1;
} }
/* Expand navigation bar on focus */ /* Expand navigation bar on focus */
#nav-bar:focus-within { #nav-bar:focus-within {
opacity: 1;
max-height: 40px !important; max-height: 40px !important;
height: 60px !important; height: 60px !important;
min-height: 15px !important; min-height: 15px !important;
@ -147,8 +125,7 @@
/* Set tab and tab bar height */ /* Set tab and tab bar height */
#TabsToolbar, .tabbrowser-tab { #TabsToolbar, .tabbrowser-tab {
max-height: 35px !important; max-height: 35px !important;
background: var(--base00) !important; background: #${crust} !important;
padding-bottom:0 !important;
border: none; border: none;
} }