From 91adc695e745ddd7325b5f547c56933699176ca9 Mon Sep 17 00:00:00 2001
From: joy <mail@joygnu.org>
Date: Fri, 4 Oct 2024 21:30:39 +0200
Subject: [PATCH] lol

---
 modules/apps/gui/firefox/default.nix |  23 +-
 modules/apps/gui/firefox/userChrome  | 359 +++++++++++++--------------
 modules/apps/gui/firefox/userContent |  14 --
 3 files changed, 182 insertions(+), 214 deletions(-)
 delete mode 100644 modules/apps/gui/firefox/userContent

diff --git a/modules/apps/gui/firefox/default.nix b/modules/apps/gui/firefox/default.nix
index a4b4ec1..bdaf11f 100644
--- a/modules/apps/gui/firefox/default.nix
+++ b/modules/apps/gui/firefox/default.nix
@@ -1,13 +1,22 @@
 {inputs,...}: 
 let 
   userChrome = builtins.readFile (./. + "/userChrome");
-  userContent = builtins.readFile (./. + "/userContent");
 in
 {
   home-manager.users.joy = {
     programs.firefox = {
       enable = true;
       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 = {
           "4get" = {
             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 = {
           "dom.security.https_only_mode" = true;
           "browser.download.panel.shown" = true;
diff --git a/modules/apps/gui/firefox/userChrome b/modules/apps/gui/firefox/userChrome
index 3891bc1..4501ed7 100644
--- a/modules/apps/gui/firefox/userChrome
+++ b/modules/apps/gui/firefox/userChrome
@@ -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";
 :root {
---background: #1d2021;
---secondary: #282828;
---foreground: #EBDBB2;
---orange-highlight: #fe8019;
---sound-border: #68217A;
---separator: #665e54;
---toolbar-bgcolor: var(--secondary) !important;
---tab: var(--background);
---tab-btn: var(--tab-inactive);
---tab-inactive: var(--secondary);
---tab-btn-inactive: var(--tab-inactive);
---tab-hover: #32302f;
---tab-btn-hover: #3C3836;
---toolbar-btn-hover: #49463f;
---url-bar: #3C3836;
---url-focus: #504945;
---url-bar-item-hover: #6a6257;
---sidebar: #3C3836;
---sidebar-button-hover: #5A544B;
---sidebar-highlight: #458588;
+    --background: #1d2021;
+    --secondary: #282828;
+    --foreground: #EBDBB2;
+    --orange-highlight: #fe8019;
+    --sound-border: #68217A;
+    --separator: #665e54;
+    --toolbar-bgcolor: var(--secondary) !important;
+    --tab: var(--background);
+    --tab-btn: var(--tab-inactive);
+    --tab-inactive: var(--secondary);
+    --tab-btn-inactive: var(--tab-inactive);
+    --tab-hover: #32302f;
+    --tab-btn-hover: #3C3836;
+    --toolbar-btn-hover: #49463f;
+    --url-bar: #3C3836;
+    --url-focus: #504945;
+    --url-bar-item-hover: #6a6257;
+    --sidebar: #3C3836;
+    --sidebar-button-hover: #5A544B;
+    --sidebar-highlight: #458588;
 }
-/*
-SEARCH AND POPUPS/MENUS
-*/
+
+.titlebar-buttonbox-container { 
+    display: none !important; 
+}
+
 .panel-arrowcontainer {
-  background-color: var(--secondary) !important;
+    background-color: var(--secondary) !important;
 }
+
 #PopupAutoComplete,
-#PopupSearchAutoComplete
-{
-  background-color: var(--url-focus) !important;
-  color: var(--foreground) !important;
+#PopupSearchAutoComplete {
+    background-color: var(--url-focus) !important;
+    color: var(--foreground) !important;
 }
+
 panelview {
-  background-color: var(--sidebar) !important;
-  color: var(--foreground) !important;
-}
-panelview toolbarbutton.subviewbutton:hover {
-  background-color: var(--sidebar-button-hover) !important;
+    background-color: var(--sidebar) !important;
+    color: var (--foreground) !important;
 }
+
 panel[type="autocomplete-richlistbox"] {
-  --panel-background: none !important;
-  border-radius: 4px !important;
-  color: var(--foreground) !important;
+    --panel-background: none !important;
+    border-radius: 4px !important;
+    color: var(--foreground) !important;
 }
-/*
- _____ ___   ___  _    ___   _   ___
-|_   _/ _ \ / _ \| |  | _ ) / \ | _ \
-  | || (_) | (_) | |__| _ \/ = \|   /
-  |_| \___/ \___/|____|___/_/ \_\_|\_\
-*/
+
 toolbarseparator,
-menuseparator
-{
-  border-color: var(--separator) !important;
-  border-image: none !important;
+menuseparator {
+    border-color: var(--separator) !important;
+    border-image: none !important;
 }
+
 toolbar {
-  background-color: var(--secondary);
+    background-color: var(--secondary);
 }
+
 toolbar#TabsToolbar {
-  background-color: var(--background);
+    background-color: var(--background);
 }
+
 toolbar#TabsToolbar:-moz-window-inactive {
-  background-color: var(--toolbar-bgcolor) !important;
+    background-color: var(--toolbar-bgcolor) !important;
 }
+
 #titlebar,
 #titlebar-spacer,
-#titlebar-buttonbox-container
-{
-  background-color: var(--background) !important;
-  border: none !important;
+#titlebar-buttonbox-container {
+    background-color: var(--background) !important;
+    border: none !important;
 }
+
 #navigator-toolbox {
-  --tabs-border-color: var(--orange-highlight) !important;
+    --tabs-border-color: var(--orange-highlight) !important;
 }
-/* Remove border under navbar */
+
 #navigator-toolbox::after {
-  border-bottom: 0px !important;
+    border-bottom: 0px !important;
 }
-/* remove some borders */
+
 #navigator-toolbox {
-  border: none !important;
+    border: none !important;
 }
-/*
- _   _ ___  _    ___   _   ___
-| | | | _ \| |  | _ ) / \ | _ \
-| |_| |   /| |__| _ \/ = \|   /
- \___/|_|\_\____|___/_/ \_\_|\_\
-*/
+
 #urlbar,
-#searchbar
-{
-	box-shadow: none !important;
-	border: none !important;
-  border-radius: 4px;
-	color : var(--foreground) !important;
-  background-color: var(--url-bar) !important;
-  --autocomplete-popup-separator-color: var(--separator) !important;
+#searchbar {
+    box-shadow: none !important;
+    border: none !important;
+    border-radius: 4px;
+    color: var(--foreground) !important;
+    background-color: var(--url-bar) !important;
+    --autocomplete-popup-separator-color: var(--separator) !important;
 }
+
 #urlbar-input,
-#urlbar-input-container
-{
-  color: var(--foreground) !important;
-  background-color: var(--url-bar) !important;
+#urlbar-input-container {
+    color: var(--foreground) !important;
+    background-color: var(--url-bar) !important;
 }
+
 #urlbar:not([open]) #urlbar-input-container:focus-within,
-#searchbar:focus-within
-{
-	border: 2px solid var(--orange-highlight) !important;
+#searchbar:focus-within {
+    border: 2px solid var (--orange-highlight) !important;
 }
+
 #urlbar:focus-within,
 #urlbar[open],
 #urlbar[open] #urlbar-input-container,
@@ -124,176 +115,170 @@ toolbar#TabsToolbar:-moz-window-inactive {
 #urlbar-background,
 .urlbarView,
 #searchbar:focus-within,
-menupop
-{
-  background-color: var(--url-focus) !important;
+menupop {
+    background-color: var(--url-focus) !important;
 }
+
 #searchbar:focus-within {
-  outline: none !important;
+    outline: none !important;
 }
+
 :is(panel, menupopup)::part(content) {
-  background: none !important;
+    background: none !important;
 }
+
 .urlbarView button:hover,
 #searchbar button:hover,
 .urlbarView-row:hover .urlbarView-row-inner,
-.search-autocomplete-richlistbox-popup .autocomplete-richlistitem:hover
-{
-	background-color: var(--url-bar-item-hover) !important;
+.search-autocomplete-richlistbox-popup .autocomplete-richlistitem:hover {
+    background-color: var(--url-bar-item-hover) !important;
 }
-.urlbarView-row[type="switchtab"] > span{
-  color: var(--orange-highlight) !important;
+
+.urlbarView-row[type="switchtab"] > span {
+    color: var(--orange-highlight) !important;
 }
+
 #PopupSearchAutoComplete .autocomplete-richlistitem[selected],
 .searchbar-engine-one-off-item[selected],
 .urlbarView-row[selected],
 .urlbarView-row[aria-selected="true"],
 .urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner,
-.urlbarView-row-inner[selected]
-{
-  color: var(--foreground) !important;
-	background-color: var(--sidebar-highlight) !important;
-  border-radius: 4px !important;
+.urlbarView-row-inner[selected] {
+    color: var(--foreground) !important;
+    background-color: var(--sidebar-highlight) !important;
+    border-radius: 4px !important;
 }
-/*
-BOOKMARKS BAR
-*/
+
 #PersonalToolbar {
-  background-color: var(--secondary) !important;
+    background-color: var(--secondary) !important;
 }
-/*
-  _____ _   ___ ___
- |_   _/ \ | _ ) __|
-   | |/ = \| _ \__ \
-   |_/_/ \_\___/___/
-*/
+
 .tab-background[selected="true"] {
-  background-color: transparent !important;
-  background-image: none !important;
+    background-color: transparent !important;
+    background-image: none !important;
 }
-.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]):not([multiselected]){
-  background-color: transparent !important;
+
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]):not([multiselected]) {
+    background-color: transparent !important;
 }
+
 .tabbrowser-tab[soundplaying="true"] {
-  --lwt-tab-line-color: var(--sound-border) !important;
+    --lwt-tab-line-color: var(--sound-border) !important;
 }
+
 .tab-content[selected="true"] {
-  border-color: var(--orange-highlight) !important;
-  --sound-border: var(--orange-highlight) !important;
+    border-color: var(--orange-highlight) !important;
+    --sound-border: var(--orange-highlight) !important;
 }
+
 .tab-text {
-  color: var(--foreground);
+    color: var(--foreground);
 }
+
 tab,
-#tabbrowser-tabs
-{
-  background-color: var(--background) !important;
-  color : var(--foreground) !important;
+#tabbrowser-tabs {
+    background-color: var(--background) !important;
+    color: var(--foreground) !important;
 }
+
 tab:-moz-window-inactive,
 #tabbrowser-tabs:-moz-window-inactive,
-#nav-bar-customization-target
-{
-  background-color: var(--secondary) !important;
+#nav-bar-customization-target {
+    background-color: var(--secondary) !important;
 }
-.tabbrowser-tab[selected]{
-  opacity: 1;
+
+.tabbrowser-tab[selected] {
+    opacity: 1;
 }
+
 .tab-loading-burst {
-  background-color: inherit;
+    background-color: inherit;
 }
-.tab-content
-{
-  border-radius: 4px;
-  margin: 5px 0px 5px 0px !important;
-  border: 1px solid transparent !important;
+
+.tab-content {
+    border-radius: 4px;
+    margin: 5px 0px 5px 0px !important;
+    border: 1px solid transparent !important;
 }
-.tab-content[selected="true"]
-{
-  background-color: var(--secondary) !important;
-  color : var(--foreground) !important;
-  border: 1px solid var(--orange-highlight) !important;
+
+.tab-content[selected="true"] {
+    background-color: var(--secondary) !important;
+    color: var(--foreground) !important;
+    border: 1px solid var(--orange-highlight) !important;
 }
+
 .tab-content:not([selected="true"]):hover {
-  background-color: var(--tab-hover) !important;
+    background-color: var(--tab-hover) !important;
 }
-/*
-   ___ _____ ___  _  ___
-  | _ )_   _|   \| |/ __|
-  | _ \ | | | |\ | |\__ \
-  |___/ |_| |_| \__|/___/
-*/
-/*
-Toolbar buttons
-*/
+
 toolbarbutton {
-  fill: var(--foreground) !important;
-  background-color: transparent !important;
+    fill: var(--foreground) !important;
+    background-color: transparent !important;
 }
-/*
-TAB BAR BUTTONS
-*/
+
 #TabsToolbar toolbarbutton {
-  border-radius: 4px;
-  border: 1px solid transparent !important;
+    border-radius: 4px;
+    border: 1px solid transparent !important;
 }
+
 #TabsToolbar toolbarbutton:-moz-window-inactive {
-  opacity: 0.7 !important;
+    opacity: 0.7 !important;
 }
+
 #alltabs-button > .toolbarbutton-badge-stack,
 #tabs-newtab-button > .toolbarbutton-icon {
-  background-image: none;
-  border-radius: 6px;
+    background-image: none;
+    border-radius: 6px;
 }
+
 #alltabs-button:hover > .toolbarbutton-badge-stack,
 #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
-{
-  background-image: none !important;
-  border-radius: 4px;
+
+#TabsToolbar #firefox-view-button > .toolbarbutton-icon {
+    background-image: none !important;
+    border-radius: 4px;
 }
-#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon
-{
-  background-color: var(--secondary) !important;
-  color : var(--foreground) !important;
-  padding: 9px !important;
-  border: 1px solid var(--orange-highlight) !important;
+
+#TabsToolbar #firefox-view-button[open] > .toolbarbutton-icon {
+    background-color: var(--secondary) !important;
+    color: var(--foreground) !important;
+    padding: 9px !important;
+    border: 1px solid var(--orange-highlight) !important;
 }
+
 #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-badge-stack {
-  border-radius: 6px;
+    border-radius: 6px;
 }
+
 #nav-bar toolbarbutton:hover > .toolbarbutton-icon,
 #nav-bar toolbarbutton:hover > .toolbarbutton-badge-stack {
-  background-color: var(--toolbar-btn-hover) !important;
+    background-color: var(--toolbar-btn-hover) !important;
 }
+
 #back-button {
-  padding-right: 2px !important;
-  padding-left: 2px !important;
-  margin-left: 6px !important;
+    padding-right: 2px !important;
+    padding-left: 2px !important;
+    margin-left: 6px !important;
 }
-/* Hamburger Menu */
+
 #PanelUI-menu-button {
-  background-color: var(--secondary) !important;
-  padding-right: 2px !important;
-  margin-right: 6px !important;
+    background-color: var(--secondary) !important;
+    padding-right: 2px !important;
+    margin-right: 6px !important;
 }
-/*
-BOOKMARK BUTTONS
-*/
+
 #PersonalToolbar toolbarbutton {
-  margin: 3px 0px 3px 3px !important;
-  border-radius: 4px;
+    margin: 3px 0px 3px 3px !important;
+    border-radius: 4px;
 }
+
 #PersonalToolbar toolbarbutton:hover {
-  background-color: var(--toolbar-btn-hover) !important;
+    background-color: var(--toolbar-btn-hover) !important;
 }
diff --git a/modules/apps/gui/firefox/userContent b/modules/apps/gui/firefox/userContent
deleted file mode 100644
index 45add7d..0000000
--- a/modules/apps/gui/firefox/userContent
+++ /dev/null
@@ -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;
-  }
-}
-''