fix(home:firefox) use correct option
This commit is contained in:
parent
17e2ecccdd
commit
cedeb52103
3 changed files with 159 additions and 160 deletions
|
|
@ -7,6 +7,8 @@
|
||||||
...
|
...
|
||||||
}: let
|
}: let
|
||||||
inherit (lib) mkIf mkMerge;
|
inherit (lib) mkIf mkMerge;
|
||||||
|
fonts = config.ooknet.fonts;
|
||||||
|
palette = config.colorscheme.palette;
|
||||||
|
|
||||||
addons = inputs.firefox-addons.packages.${pkgs.system};
|
addons = inputs.firefox-addons.packages.${pkgs.system};
|
||||||
cfg = config.ooknet.browser.firefox;
|
cfg = config.ooknet.browser.firefox;
|
||||||
|
|
@ -44,7 +46,7 @@ in {
|
||||||
# onepassword-password-manager # cannot get this to work unfree issue.
|
# onepassword-password-manager # cannot get this to work unfree issue.
|
||||||
];
|
];
|
||||||
settings = import ./settings/ooksJs.nix;
|
settings = import ./settings/ooksJs.nix;
|
||||||
userChrome = import ./theme/ooksfox.nix;
|
userChrome = import ./theme/ooksfox.nix {inherit fonts palette;};
|
||||||
userContent = import ./theme/penguinFoxContent.nix;
|
userContent = import ./theme/penguinFoxContent.nix;
|
||||||
};
|
};
|
||||||
profiles.testing = {
|
profiles.testing = {
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,7 @@
|
||||||
"browser.newtabpage.activity-stream.default.sites" = "";
|
"browser.newtabpage.activity-stream.default.sites" = "";
|
||||||
"browser.aboutConfig.showWarning" = false;
|
"browser.aboutConfig.showWarning" = false;
|
||||||
|
|
||||||
#Disable recommendations
|
#Disable Recommendations
|
||||||
"extensions.getAddons.showPane" = false;
|
"extensions.getAddons.showPane" = false;
|
||||||
"extensions.htmlaboutaddons.recommendations.enabled" = false;
|
"extensions.htmlaboutaddons.recommendations.enabled" = false;
|
||||||
"browser.discovery.enabled" = false;
|
"browser.discovery.enabled" = false;
|
||||||
|
|
|
||||||
|
|
@ -1,178 +1,175 @@
|
||||||
{config, ...}: let
|
{
|
||||||
inherit (config.colorscheme) pallete;
|
palette,
|
||||||
inherit (config.ooknet.theme) fonts;
|
fonts,
|
||||||
in
|
...
|
||||||
/*
|
}: ''
|
||||||
css
|
/* minimal firefox css ooks */
|
||||||
*/
|
|
||||||
''
|
|
||||||
/* minimal firefox css ooks */
|
|
||||||
|
|
||||||
/* ===== Color Variables and Root Styles ===== */
|
/* ===== Color Variables and Root Styles ===== */
|
||||||
:root {
|
:root {
|
||||||
/* Base colors */
|
/* Base colors */
|
||||||
--base00: #${pallete.base00}; /* ---- */
|
--base00: #${palette.base00}; /* ---- */
|
||||||
--base01: #${pallete.base01}; /* --- */
|
--base01: #${palette.base01}; /* --- */
|
||||||
--base02: #${pallete.base02}; /* -- */
|
--base02: #${palette.base02}; /* -- */
|
||||||
--base03: #${pallete.base03}; /* - */
|
--base03: #${palette.base03}; /* - */
|
||||||
--base04: #${pallete.base04}; /* + */
|
--base04: #${palette.base04}; /* + */
|
||||||
--base05: #${pallete.base05}; /* ++ */
|
--base05: #${palette.base05}; /* ++ */
|
||||||
--base06: #${pallete.base06}; /* +++ */
|
--base06: #${palette.base06}; /* +++ */
|
||||||
--base07: #${pallete.base07}; /* ++++ */
|
--base07: #${palette.base07}; /* ++++ */
|
||||||
|
|
||||||
/* Accent colors */
|
/* Accent colors */
|
||||||
--base08: #${pallete.base08}; /* red */
|
--base08: #${palette.base08}; /* red */
|
||||||
--base09: #${pallete.base09}; /* orange */
|
--base09: #${palette.base09}; /* orange */
|
||||||
--base0A: #${pallete.base0A}; /* yellow */
|
--base0A: #${palette.base0A}; /* yellow */
|
||||||
--base0B: #${pallete.base0B}; /* green */
|
--base0B: #${palette.base0B}; /* green */
|
||||||
--base0C: #${pallete.base0C}; /* aqua/cyan */
|
--base0C: #${palette.base0C}; /* aqua/cyan */
|
||||||
--base0D: #${pallete.base0D}; /* blue */
|
--base0D: #${palette.base0D}; /* blue */
|
||||||
--base0E: #${pallete.base0E}; /* purple */
|
--base0E: #${palette.base0E}; /* purple */
|
||||||
--base0F: #${pallete.base0F}; /* brown */
|
--base0F: #${palette.base0F}; /* brown */
|
||||||
|
|
||||||
/* UI-specific colors */
|
/* UI-specific colors */
|
||||||
--toolbar-bgcolor: red;
|
--toolbar-bgcolor: red;
|
||||||
--tab-active-bg-color: red;
|
--tab-active-bg-color: red;
|
||||||
|
|
||||||
/* Fonts */
|
/* Fonts */
|
||||||
--font-mono: ${fonts.monospace.family}, monospace;
|
--font-mono: ${fonts.monospace.family}, monospace;
|
||||||
}
|
|
||||||
|
|
||||||
/* ===== General UI Modifications ===== */
|
|
||||||
/* Hide status panel */
|
|
||||||
#statuspanel { display: none !important; }
|
|
||||||
|
|
||||||
/* Remove border radius from menus */
|
|
||||||
menupopup, panel { --panel-border-radius: 0px !important; }
|
|
||||||
menu, menuitem, menucaption { border-radius: 0px !important; }
|
|
||||||
|
|
||||||
/* Hide navigation context menu items */
|
|
||||||
menupopup > #context-navigation,
|
|
||||||
menupopup > #context-sep-navigation { display: none !important; }
|
|
||||||
|
|
||||||
/* Hide various toolbar buttons */
|
|
||||||
#back-button,
|
|
||||||
#forward-button,
|
|
||||||
#reload-button,
|
|
||||||
#stop-button,
|
|
||||||
#home-button,
|
|
||||||
#library-button,
|
|
||||||
#PanelUI-button,
|
|
||||||
#unified-extensions-button,
|
|
||||||
#star-button,
|
|
||||||
#reader-mode-button,
|
|
||||||
#save-to-pocket-button,
|
|
||||||
#tracking-protection-icon-container,
|
|
||||||
#page-action-buttons,
|
|
||||||
#fxa-toolbar-menu-button,
|
|
||||||
#identity-box { display: none !important; }
|
|
||||||
|
|
||||||
/* Hide customizable UI springs */
|
|
||||||
#customizableui-special-spring1,
|
|
||||||
#customizableui-special-spring2 { display: none; }
|
|
||||||
|
|
||||||
/* Hide Personal Toolbar */
|
|
||||||
#PersonalToolbar { display: none !important; }
|
|
||||||
|
|
||||||
/* ===== URL Bar Styling ===== */
|
|
||||||
/* Style input box */
|
|
||||||
moz-input-box {
|
|
||||||
background: var(--base01) !important;
|
|
||||||
color: var(--base07) !important;
|
|
||||||
border: solid 1px var(--base05) !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Style input box */
|
/* ===== General UI Modifications ===== */
|
||||||
#urlbar-input-container {
|
/* Hide status panel */
|
||||||
background: var(--base08) !important;
|
#statuspanel { display: none !important; }
|
||||||
color: var(--base07) !important;
|
|
||||||
border: none !important;
|
|
||||||
border-radius: 5 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hide URL bar go button */
|
/* Remove border radius from menus */
|
||||||
.urlbar-go-button { display: none !important; }
|
menupopup, panel { --panel-border-radius: 0px !important; }
|
||||||
|
menu, menuitem, menucaption { border-radius: 0px !important; }
|
||||||
|
|
||||||
/* Remove navigation bar background */
|
/* Hide navigation context menu items */
|
||||||
#nav-bar.browser-toolbar { background: none !important; }
|
menupopup > #context-navigation,
|
||||||
|
menupopup > #context-sep-navigation { display: none !important; }
|
||||||
|
|
||||||
/* Position and style navigation bar */
|
/* Hide various toolbar buttons */
|
||||||
#nav-bar {
|
#back-button,
|
||||||
opacity: 0;
|
#forward-button,
|
||||||
text-align: center;
|
#reload-button,
|
||||||
position: fixed !important;
|
#stop-button,
|
||||||
border: solid 1px var(--nix-fg1) !important;
|
#home-button,
|
||||||
top: 30px;
|
#library-button,
|
||||||
left: 25%;
|
#PanelUI-button,
|
||||||
right: 25%;
|
#unified-extensions-button,
|
||||||
z-index: 1;
|
#star-button,
|
||||||
}
|
#reader-mode-button,
|
||||||
|
#save-to-pocket-button,
|
||||||
|
#tracking-protection-icon-container,
|
||||||
|
#page-action-buttons,
|
||||||
|
#fxa-toolbar-menu-button,
|
||||||
|
#identity-box { display: none !important; }
|
||||||
|
|
||||||
/* Expand navigation bar on focus */
|
/* Hide customizable UI springs */
|
||||||
#nav-bar:focus-within,
|
#customizableui-special-spring1,
|
||||||
#nav-bar:hover {
|
#customizableui-special-spring2 { display: none; }
|
||||||
opacity: 1;
|
|
||||||
max-height: 40px !important;
|
|
||||||
height: 60px !important;
|
|
||||||
min-height: 15px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ===== Tab Bar Styling ===== */
|
/* Hide Personal Toolbar */
|
||||||
/* Hide title bar buttons and spacer */
|
#PersonalToolbar { display: none !important; }
|
||||||
.titlebar-close,
|
|
||||||
.titlebar-spacer { display: none !important; }
|
|
||||||
|
|
||||||
/* Remove tab margin */
|
/* ===== URL Bar Styling ===== */
|
||||||
#titlebar {
|
/* Style input box */
|
||||||
--proton-tab-block-margin: 0px !important;
|
moz-input-box {
|
||||||
--tab-block-margin: 0px !important;
|
background: var(--base01) !important;
|
||||||
}
|
color: var(--base07) !important;
|
||||||
|
border: solid 1px var(--base05) !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Remove tab shadows */
|
/* Style input box */
|
||||||
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
|
#urlbar-input-container {
|
||||||
box-shadow: none !important;
|
background: var(--base08) !important;
|
||||||
}
|
color: var(--base07) !important;
|
||||||
|
border: none !important;
|
||||||
|
border-radius: 5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Hide tab-related buttons */
|
/* Hide URL bar go button */
|
||||||
#alltabs-button,
|
.urlbar-go-button { display: none !important; }
|
||||||
#tabs-newtab-button,
|
|
||||||
#firefox-view-button,
|
|
||||||
#new-tab-button,
|
|
||||||
.tab-close-button { display: none !important; }
|
|
||||||
|
|
||||||
/* Style tabs */
|
/* Remove navigation bar background */
|
||||||
tab {
|
#nav-bar.browser-toolbar { background: none !important; }
|
||||||
font-family: var(--font-mono);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Set tab and tab bar height */
|
/* Position and style navigation bar */
|
||||||
#TabsToolbar, .tabbrowser-tab {
|
#nav-bar {
|
||||||
max-height: 35px !important;
|
opacity: 0;
|
||||||
background: var(--base00) !important;
|
text-align: center;
|
||||||
padding-bottom:0 !important;
|
position: fixed !important;
|
||||||
border: none;
|
border: solid 1px var(--nix-fg1) !important;
|
||||||
}
|
top: 30px;
|
||||||
|
left: 25%;
|
||||||
|
right: 25%;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
/* Center tabs when not overflowing */
|
/* Expand navigation bar on focus */
|
||||||
#tabbrowser-arrowscrollbox:not([overflowing]) {
|
#nav-bar:focus-within,
|
||||||
--uc-flex-justify: center;
|
#nav-bar:hover {
|
||||||
}
|
opacity: 1;
|
||||||
|
max-height: 40px !important;
|
||||||
|
height: 60px !important;
|
||||||
|
min-height: 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
scrollbox[orient="horizontal"] {
|
/* ===== Tab Bar Styling ===== */
|
||||||
justify-content: var(--uc-flex-justify, initial);
|
/* Hide title bar buttons and spacer */
|
||||||
}
|
.titlebar-close,
|
||||||
|
.titlebar-spacer { display: none !important; }
|
||||||
|
|
||||||
/* Style selected tabs */
|
/* Remove tab margin */
|
||||||
#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
|
#titlebar {
|
||||||
border: solid 1px var(--base05) !important;
|
--proton-tab-block-margin: 0px !important;
|
||||||
color: var(--base07);
|
--tab-block-margin: 0px !important;
|
||||||
background: var(--base02)
|
}
|
||||||
}
|
|
||||||
|
|
||||||
/* Style non-selected tabs */
|
/* Remove tab shadows */
|
||||||
tab:not([selected="true"]) {
|
#tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
|
||||||
/* border: solid 1px var(--base05) !important; */
|
box-shadow: none !important;
|
||||||
background: var(--base01) !important;
|
}
|
||||||
}
|
|
||||||
''
|
/* Hide tab-related buttons */
|
||||||
|
#alltabs-button,
|
||||||
|
#tabs-newtab-button,
|
||||||
|
#firefox-view-button,
|
||||||
|
#new-tab-button,
|
||||||
|
.tab-close-button { display: none !important; }
|
||||||
|
|
||||||
|
/* Style tabs */
|
||||||
|
tab {
|
||||||
|
font-family: var(--font-mono);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Set tab and tab bar height */
|
||||||
|
#TabsToolbar, .tabbrowser-tab {
|
||||||
|
max-height: 35px !important;
|
||||||
|
background: var(--base00) !important;
|
||||||
|
padding-bottom:0 !important;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Center tabs when not overflowing */
|
||||||
|
#tabbrowser-arrowscrollbox:not([overflowing]) {
|
||||||
|
--uc-flex-justify: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
scrollbox[orient="horizontal"] {
|
||||||
|
justify-content: var(--uc-flex-justify, initial);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Style selected tabs */
|
||||||
|
#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
|
||||||
|
border: solid 1px var(--base05) !important;
|
||||||
|
color: var(--base07);
|
||||||
|
background: var(--base02)
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Style non-selected tabs */
|
||||||
|
tab:not([selected="true"]) {
|
||||||
|
/* border: solid 1px var(--base05) !important; */
|
||||||
|
background: var(--base01) !important;
|
||||||
|
}
|
||||||
|
''
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue