joy/nix
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

lol

Browse source
This commit is contained in:
joy 2024-10-04 21:30:39 +02:00
parent de4c7fd45e
commit 91adc695e7
3 changed files with 182 additions and 214 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
modules/apps/gui/firefox/default.nix
View file

@ -1,13 +1,22 @@
{inputs,...}: {inputs,...}:
let let
userChrome = builtins.readFile (./. + "/userChrome"); userChrome = builtins.readFile (./. + "/userChrome");
userContent = builtins.readFile (./. + "/userContent");
in in
{ {
home-manager.users.joy = { home-manager.users.joy = {
programs.firefox = { programs.firefox = {
enable = true; enable = true;
profiles.joy = { profiles.joy = {
userChrome = userChrome;
extensions = with inputs.firefox-addons.packages."x86_64-linux"; [
ublock-origin
darkreader
libredirect
search-by-image
terms-of-service-didnt-read
istilldontcareaboutcookies
decentraleyes
];
search.engines = { search.engines = {
"4get" = { "4get" = {
urls = [ urls = [
@ -91,18 +100,6 @@ in
]; ];
} }
]; ];
extensions = with inputs.firefox-addons.packages."x86_64-linux"; [
ublock-origin
darkreader
libredirect
search-by-image
terms-of-service-didnt-read
istilldontcareaboutcookies
decentraleyes
];
userChrome = userChrome;
userContent = userContent;
settings = { settings = {
"dom.security.https_only_mode" = true; "dom.security.https_only_mode" = true;
"browser.download.panel.shown" = true; "browser.download.panel.shown" = true;

209
modules/apps/gui/firefox/userChrome
View file

@ -1,120 +1,111 @@
/*================== Gruvbox Theme for Firefox ==================
Author: kmason
Based on the color scheme of calvinchd's Gruvbox Dark Firefox Theme - https://gitlab.com/calvinchd/gruvbox-dark-firefox-theme
*/
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
:root { :root {
--background: #1d2021; --background: #1d2021;
--secondary: #282828; --secondary: #282828;
--foreground: #EBDBB2; --foreground: #EBDBB2;
--orange-highlight: #fe8019; --orange-highlight: #fe8019;
--sound-border: #68217A; --sound-border: #68217A;
--separator: #665e54; --separator: #665e54;
--toolbar-bgcolor: var(--secondary) !important; --toolbar-bgcolor: var(--secondary) !important;
--tab: var(--background); --tab: var(--background);
--tab-btn: var(--tab-inactive); --tab-btn: var(--tab-inactive);
--tab-inactive: var(--secondary); --tab-inactive: var(--secondary);
--tab-btn-inactive: var(--tab-inactive); --tab-btn-inactive: var(--tab-inactive);
--tab-hover: #32302f; --tab-hover: #32302f;
--tab-btn-hover: #3C3836; --tab-btn-hover: #3C3836;
--toolbar-btn-hover: #49463f; --toolbar-btn-hover: #49463f;
--url-bar: #3C3836; --url-bar: #3C3836;
--url-focus: #504945; --url-focus: #504945;
--url-bar-item-hover: #6a6257; --url-bar-item-hover: #6a6257;
--sidebar: #3C3836; --sidebar: #3C3836;
--sidebar-button-hover: #5A544B; --sidebar-button-hover: #5A544B;
--sidebar-highlight: #458588; --sidebar-highlight: #458588;
} }
/*
SEARCH AND POPUPS/MENUS .titlebar-buttonbox-container {
*/ display: none !important;
}
.panel-arrowcontainer { .panel-arrowcontainer {
background-color: var(--secondary) !important; background-color: var(--secondary) !important;
} }
#PopupAutoComplete, #PopupAutoComplete,
#PopupSearchAutoComplete #PopupSearchAutoComplete {
{
background-color: var(--url-focus) !important; background-color: var(--url-focus) !important;
color: var(--foreground) !important; color: var(--foreground) !important;
} }
panelview { panelview {
background-color: var(--sidebar) !important; background-color: var(--sidebar) !important;
color: var(--foreground) !important; color: var (--foreground) !important;
}
panelview toolbarbutton.subviewbutton:hover {
background-color: var(--sidebar-button-hover) !important;
} }
panel[type="autocomplete-richlistbox"] { panel[type="autocomplete-richlistbox"] {
--panel-background: none !important; --panel-background: none !important;
border-radius: 4px !important; border-radius: 4px !important;
color: var(--foreground) !important; color: var(--foreground) !important;
} }
/*
_____ ___ ___ _ ___ _ ___
|_ _/ _ \ / _ \| | | _ ) / \ | _ \
| || (_) | (_) | |__| _ \/ = \| /
|_| \___/ \___/|____|___/_/ \_\_|\_\
*/
toolbarseparator, toolbarseparator,
menuseparator menuseparator {
{
border-color: var(--separator) !important; border-color: var(--separator) !important;
border-image: none !important; border-image: none !important;
} }
toolbar { toolbar {
background-color: var(--secondary); background-color: var(--secondary);
} }
toolbar#TabsToolbar { toolbar#TabsToolbar {
background-color: var(--background); background-color: var(--background);
} }
toolbar#TabsToolbar:-moz-window-inactive { toolbar#TabsToolbar:-moz-window-inactive {
background-color: var(--toolbar-bgcolor) !important; background-color: var(--toolbar-bgcolor) !important;
} }
#titlebar, #titlebar,
#titlebar-spacer, #titlebar-spacer,
#titlebar-buttonbox-container #titlebar-buttonbox-container {
{
background-color: var(--background) !important; background-color: var(--background) !important;
border: none !important; border: none !important;
} }
#navigator-toolbox { #navigator-toolbox {
--tabs-border-color: var(--orange-highlight) !important; --tabs-border-color: var(--orange-highlight) !important;
} }
/* Remove border under navbar */
#navigator-toolbox::after { #navigator-toolbox::after {
border-bottom: 0px !important; border-bottom: 0px !important;
} }
/* remove some borders */
#navigator-toolbox { #navigator-toolbox {
border: none !important; border: none !important;
} }
/*
_ _ ___ _ ___ _ ___
| | | | _ \| | | _ ) / \ | _ \
| |_| | /| |__| _ \/ = \| /
\___/|_|\_\____|___/_/ \_\_|\_\
*/
#urlbar, #urlbar,
#searchbar #searchbar {
{
box-shadow: none !important; box-shadow: none !important;
border: none !important; border: none !important;
border-radius: 4px; border-radius: 4px;
color : var(--foreground) !important; color: var(--foreground) !important;
background-color: var(--url-bar) !important; background-color: var(--url-bar) !important;
--autocomplete-popup-separator-color: var(--separator) !important; --autocomplete-popup-separator-color: var(--separator) !important;
} }
#urlbar-input, #urlbar-input,
#urlbar-input-container #urlbar-input-container {
{
color: var(--foreground) !important; color: var(--foreground) !important;
background-color: var(--url-bar) !important; background-color: var(--url-bar) !important;
} }
#urlbar:not([open]) #urlbar-input-container:focus-within, #urlbar:not([open]) #urlbar-input-container:focus-within,
#searchbar:focus-within #searchbar:focus-within {
{ border: 2px solid var (--orange-highlight) !important;
border: 2px solid var(--orange-highlight) !important;
} }
#urlbar:focus-within, #urlbar:focus-within,
#urlbar[open], #urlbar[open],
#urlbar[open] #urlbar-input-container, #urlbar[open] #urlbar-input-container,
@ -124,176 +115,170 @@ toolbar#TabsToolbar:-moz-window-inactive {
#urlbar-background, #urlbar-background,
.urlbarView, .urlbarView,
#searchbar:focus-within, #searchbar:focus-within,
menupop menupop {
{
background-color: var(--url-focus) !important; background-color: var(--url-focus) !important;
} }
#searchbar:focus-within { #searchbar:focus-within {
outline: none !important; outline: none !important;
} }
:is(panel, menupopup)::part(content) { :is(panel, menupopup)::part(content) {
background: none !important; background: none !important;
} }
.urlbarView button:hover, .urlbarView button:hover,
#searchbar button:hover, #searchbar button:hover,
.urlbarView-row:hover .urlbarView-row-inner, .urlbarView-row:hover .urlbarView-row-inner,
.search-autocomplete-richlistbox-popup .autocomplete-richlistitem:hover .search-autocomplete-richlistbox-popup .autocomplete-richlistitem:hover {
{
background-color: var(--url-bar-item-hover) !important; background-color: var(--url-bar-item-hover) !important;
} }
.urlbarView-row[type="switchtab"] > span{
.urlbarView-row[type="switchtab"] > span {
color: var(--orange-highlight) !important; color: var(--orange-highlight) !important;
} }
#PopupSearchAutoComplete .autocomplete-richlistitem[selected], #PopupSearchAutoComplete .autocomplete-richlistitem[selected],
.searchbar-engine-one-off-item[selected], .searchbar-engine-one-off-item[selected],
.urlbarView-row[selected], .urlbarView-row[selected],
.urlbarView-row[aria-selected="true"], .urlbarView-row[aria-selected="true"],
.urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner,
.urlbarView-row-inner[selected] .urlbarView-row-inner[selected] {
{
color: var(--foreground) !important; color: var(--foreground) !important;
background-color: var(--sidebar-highlight) !important; background-color: var(--sidebar-highlight) !important;
border-radius: 4px !important; border-radius: 4px !important;
} }
/*
BOOKMARKS BAR
*/
#PersonalToolbar { #PersonalToolbar {
background-color: var(--secondary) !important; background-color: var(--secondary) !important;
} }
/*
_____ _ ___ ___
|_ _/ \ | _ ) __|
| |/ = \| _ \__ \
|_/_/ \_\___/___/
*/
.tab-background[selected="true"] { .tab-background[selected="true"] {
background-color: transparent !important; background-color: transparent !important;
background-image: none !important; background-image: none !important;
} }
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]):not([multiselected]){
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]):not([multiselected]) {
background-color: transparent !important; background-color: transparent !important;
} }
.tabbrowser-tab[soundplaying="true"] { .tabbrowser-tab[soundplaying="true"] {
--lwt-tab-line-color: var(--sound-border) !important; --lwt-tab-line-color: var(--sound-border) !important;
} }
.tab-content[selected="true"] { .tab-content[selected="true"] {
border-color: var(--orange-highlight) !important; border-color: var(--orange-highlight) !important;
--sound-border: var(--orange-highlight) !important; --sound-border: var(--orange-highlight) !important;
} }
.tab-text { .tab-text {
color: var(--foreground); color: var(--foreground);
} }
tab, tab,
#tabbrowser-tabs #tabbrowser-tabs {
{
background-color: var(--background) !important; background-color: var(--background) !important;
color : var(--foreground) !important; color: var(--foreground) !important;
} }
tab:-moz-window-inactive, tab:-moz-window-inactive,
#tabbrowser-tabs:-moz-window-inactive, #tabbrowser-tabs:-moz-window-inactive,
#nav-bar-customization-target #nav-bar-customization-target {
{
background-color: var(--secondary) !important; background-color: var(--secondary) !important;
} }
.tabbrowser-tab[selected]{
.tabbrowser-tab[selected] {
opacity: 1; opacity: 1;
} }
.tab-loading-burst { .tab-loading-burst {
background-color: inherit; background-color: inherit;
} }
.tab-content
{ .tab-content {
border-radius: 4px; border-radius: 4px;
margin: 5px 0px 5px 0px !important; margin: 5px 0px 5px 0px !important;
border: 1px solid transparent !important; border: 1px solid transparent !important;
} }
.tab-content[selected="true"]
{ .tab-content[selected="true"] {
background-color: var(--secondary) !important; background-color: var(--secondary) !important;
color : var(--foreground) !important; color: var(--foreground) !important;
border: 1px solid var(--orange-highlight) !important; border: 1px solid var(--orange-highlight) !important;
} }
.tab-content:not([selected="true"]):hover { .tab-content:not([selected="true"]):hover {
background-color: var(--tab-hover) !important; background-color: var(--tab-hover) !important;
} }
/*
___ _____ ___ _ ___
| _ )_ _| \| |/ __|
| _ \ | | | |\ | |\__ \
|___/ |_| |_| \__|/___/
*/
/*
Toolbar buttons
*/
toolbarbutton { toolbarbutton {
fill: var(--foreground) !important; fill: var(--foreground) !important;
background-color: transparent !important; background-color: transparent !important;
} }
/*
TAB BAR BUTTONS
*/
#TabsToolbar toolbarbutton { #TabsToolbar toolbarbutton {
border-radius: 4px; border-radius: 4px;
border: 1px solid transparent !important; border: 1px solid transparent !important;
} }
#TabsToolbar toolbarbutton:-moz-window-inactive { #TabsToolbar toolbarbutton:-moz-window-inactive {
opacity: 0.7 !important; opacity: 0.7 !important;
} }
#alltabs-button > .toolbarbutton-badge-stack, #alltabs-button > .toolbarbutton-badge-stack,
#tabs-newtab-button > .toolbarbutton-icon { #tabs-newtab-button > .toolbarbutton-icon {
background-image: none; background-image: none;
border-radius: 6px; border-radius: 6px;
} }
#alltabs-button:hover > .toolbarbutton-badge-stack, #alltabs-button:hover > .toolbarbutton-badge-stack,
#tabs-newtab-button:hover > .toolbarbutton-icon { #tabs-newtab-button:hover > .toolbarbutton-icon {
background-color: var(--tab-btn-hover) !important; background-color: var(--tab-btn-hover) !important;
} }
/* Firefox View button */
#TabsToolbar #firefox-view-button > .toolbarbutton-icon #TabsToolbar #firefox-view-button > .toolbarbutton-icon {
{
background-image: none !important; background-image: none !important;
border-radius: 4px; border-radius: 4px;
} }
#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon
{ #TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon {
background-color: var(--secondary) !important; background-color: var(--secondary) !important;
color : var(--foreground) !important; color: var(--foreground) !important;
padding: 9px !important; padding: 9px !important;
border: 1px solid var(--orange-highlight) !important; border: 1px solid var(--orange-highlight) !important;
} }
#TabsToolbar #firefox-view-button:not([open]):hover > .toolbarbutton-icon { #TabsToolbar #firefox-view-button:not([open]):hover > .toolbarbutton-icon {
background-color: var(--tab-hover) !important; background-color: var(--tab-hover) !important;
} }
/*
MIDDLE BAR (url bar) BUTTONS
*/
#nav-bar toolbarbutton > .toolbarbutton-icon, #nav-bar toolbarbutton > .toolbarbutton-icon,
#nav-bar toolbarbutton > .toolbarbutton-badge-stack { #nav-bar toolbarbutton > .toolbarbutton-badge-stack {
border-radius: 6px; border-radius: 6px;
} }
#nav-bar toolbarbutton:hover > .toolbarbutton-icon, #nav-bar toolbarbutton:hover > .toolbarbutton-icon,
#nav-bar toolbarbutton:hover > .toolbarbutton-badge-stack { #nav-bar toolbarbutton:hover > .toolbarbutton-badge-stack {
background-color: var(--toolbar-btn-hover) !important; background-color: var(--toolbar-btn-hover) !important;
} }
#back-button { #back-button {
padding-right: 2px !important; padding-right: 2px !important;
padding-left: 2px !important; padding-left: 2px !important;
margin-left: 6px !important; margin-left: 6px !important;
} }
/* Hamburger Menu */
#PanelUI-menu-button { #PanelUI-menu-button {
background-color: var(--secondary) !important; background-color: var(--secondary) !important;
padding-right: 2px !important; padding-right: 2px !important;
margin-right: 6px !important; margin-right: 6px !important;
} }
/*
BOOKMARK BUTTONS
*/
#PersonalToolbar toolbarbutton { #PersonalToolbar toolbarbutton {
margin: 3px 0px 3px 3px !important; margin: 3px 0px 3px 3px !important;
border-radius: 4px; border-radius: 4px;
} }
#PersonalToolbar toolbarbutton:hover { #PersonalToolbar toolbarbutton:hover {
background-color: var(--toolbar-btn-hover) !important; background-color: var(--toolbar-btn-hover) !important;
} }

14
modules/apps/gui/firefox/userContent
View file

@ -1,14 +0,0 @@
''
:root {
--background: #1d2021;
--secondary: #282828;
--newtab-body: #32302f;
--foreground: #EBDBB2;
}
@-moz-document url-prefix("about:"), url-prefix("about:newtab"), url-prefix("about:home") {
html, body {
color: var(--foreground) !important;
background-color: var(--newtab-body) !important;
}
}
''