Add firefox chrome folder (will update firefox theme later)

.config/btop/btop.conf

@@ -1,4 +1,4 @@
-#? Config file for btop v. 1.2.9
+#? Config file for btop v. 1.2.13
 
 #* Name of a btop++/bpytop/bashtop formatted ".theme" file, "Default" and "TTY" for builtin themes.
 #* Themes should be placed in "../share/btop/themes" relative to binary or "$HOME/.config/btop/themes"
@@ -16,7 +16,7 @@ force_tty = False
 
 #* Define presets for the layout of the boxes. Preset 0 is always all boxes shown with default settings. Max 9 presets.
 #* Format: "box_name:P:G,box_name:P:G" P=(0 or 1) for alternate positions, G=graph symbol to use for box.
-#* Use withespace " " as separator between different presets.
+#* Use whitespace " " as separator between different presets.
 #* Example: "cpu:0:default,mem:0:tty,proc:1:default cpu:0:braille,proc:0:tty"
 presets = "cpu:1:default,proc:0:default cpu:0:default,mem:0:default,net:0:default cpu:0:block,net:0:tty"
 
@@ -54,7 +54,7 @@ update_ms = 2000
 
 #* Processes sorting, "pid" "program" "arguments" "threads" "user" "memory" "cpu lazy" "cpu direct",
 #* "cpu lazy" sorts top process over time (easier to follow), "cpu direct" updates top process directly.
-proc_sorting = "user"
+proc_sorting = "memory"
 
 #* Reverse sorting order, True or False.
 proc_reversed = False

.config/firefox/chrome/JS/pywalHotkey.uc.js

@@ -0,0 +1,48 @@
+const pywalUtils = {
+    updateSheet(win, _key) {
+        if (win !== window) return;
+        if (this.sss.sheetRegistered(this.ssUri, this.sss.USER_SHEET))
+            this.sss.unregisterSheet(this.ssUri, this.sss.USER_SHEET);
+        this.sss.loadAndRegisterSheet(this.ssUri, this.sss.USER_SHEET);
+        console.log(
+            this.sss.sheetRegistered(this.ssUri, this.sss.USER_SHEET)
+                ? "stylesheet registered"
+                : "stylesheet not registered"
+        );
+    },
+
+    init() {
+        console.log("script loaded, initializing");
+        this.sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(
+            Ci.nsIStyleSheetService
+        );
+        var io = Cc["@mozilla.org/network/io-service;1"].getService(Ci.nsIIOService);
+        var ds = Cc["@mozilla.org/file/directory_service;1"].getService(Ci.nsIProperties);
+
+        // Get the chrome directory in the current profile
+        var chromepath = ds.get("UChrm", Ci.nsIFile);
+
+        // Specific file: userChrome.css or userContent.css
+        chromepath.append("userChrome.css");
+
+        // Morph to a file URI 
+        this.ssUri = io.newFileURI(chromepath);
+        this.key = document.getElementById("bookmarkAllTabsKb");
+
+        this.key.setAttribute("oncommand", "pywalUtils.updateSheet(window);");
+        this.updateSheet(window);
+    },
+};
+
+if (gBrowserInit.delayedStartupFinished) {
+    pywalUtils.init();
+} else {
+    let delayedListener = (subject, topic) => {
+        if (topic == "browser-delayed-startup-finished" && subject == window) {
+            Services.obs.removeObserver(delayedListener, topic);
+            pywalUtils.init();
+        }
+    };
+    Services.obs.addObserver(delayedListener, "browser-delayed-startup-finished");
+}
+

.config/firefox/chrome/JS/test.uc.js

@@ -0,0 +1 @@
+console.log("Hi mom, I'm loaded!");

.config/firefox/chrome/JS/userChrome_ag_css.uc.js

@@ -0,0 +1,22 @@
+// ==UserScript==
+// @name           userChrome_agent_css
+// @namespace      userChrome_Agent_Sheet_CSS
+// @version        0.0.6
+// @description    Load userChrome.ag.css as agent sheet from resources folder using chrome: uri
+// @backgroundmodule
+// ==/UserScript==
+
+let EXPORTED_SYMBOLS = [];
+(function () {
+  const {Services} = ChromeUtils.import('resource:https://gre/modules/Services.jsm');
+	let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
+
+  // Try to load userChrome.ag.css as agent sheet
+  // WARNING - agent sheets loaded like this affect each and every document you load including web sites. So be careful with your custom styles.
+
+  try{
+    sss.loadAndRegisterSheet(Services.io.newURI("chrome:https://userChrome/content/userChrome.ag.css"), sss.AGENT_SHEET);
+  }catch(e){
+    console.error(`Could not load userChrome.ag.css: ${e.name}`)
+  }
+})();

.config/firefox/chrome/JS/userChrome_au_css.uc.js

@@ -0,0 +1,30 @@
+// ==UserScript==
+// @name           userChrome_author_css
+// @namespace      userChrome_Author_Sheet_CSS
+// @version        0.0.5
+// @description    Load userChrome.au.css file as author sheet from resources folder using chrome: uri. The file is loaded only into the document where this script runs which by default is browser.xhtml
+// @onlyonce
+// @startup        preloadedAuthorSheet
+// ==/UserScript==
+
+(function () {
+  // define a startup object for the script loader to execute
+  // wherever this script is loaded
+  _ucUtils.sharedGlobal.preloadedAuthorSheet = {
+    sheet: null,
+    _startup: function(win){
+      if(!win || !this.sheet){
+        return
+      }
+      win.windowUtils.addSheet(this.sheet,Ci.nsIDOMWindowUtils.AUTHOR_SHEET);
+    }
+  };
+  // The next things execute only once per sessions because of @onlyonce in the header
+	let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
+  try{
+    // Try to preload the file and save it to global area
+    _ucUtils.sharedGlobal.preloadedAuthorSheet.sheet = sss.preloadSheet(makeURI("chrome:https://userChrome/content/userChrome.au.css"), sss.AUTHOR_SHEET);
+  }catch(e){
+    console.error(`Could not pre-load userChrome.au.css: ${e.name}`)
+  }
+})();

.config/firefox/chrome/config.css

@@ -0,0 +1,163 @@
+/* Main sass file that contains the theme */
+@import "icons/extension-icons.css";
+@import "window-controls/wc-without-tabline.css";
+@import "hide-tabline.css";
+@import "userChrome-hover.css";
+:root {
+  --ap-radius-s: 4px;
+  --ap-radius-m: 8px;
+  --ap-radius-l: 10px;
+  --ap-radius-xl: 16px;
+  --ap-primary-h: 15;
+  --ap-primary-s: 64%;
+  --ap-primary-l: 88%;
+  --ap-primary-d: 80%;
+  --ap-primary: hsl(var(--ap-primary-h), var(--ap-primary-s), var(--ap-primary-l));
+  --ap-secondary-h: 157;
+  --ap-secondary-s: 32%;
+  --ap-secondary-l: 58%;
+  --ap-secondary-d: 70%;
+  --ap-secondary: hsl(var(--ap-secondary-h), var(--ap-secondary-s), var(--ap-secondary-l));
+  --ap-base1-h: 249;
+  --ap-base1-s: 33%;
+  --ap-base1-l: 8%;
+  --ap-base1-d: 10%;
+  --ap-base0: hsl(var(--ap-base0-h), var(--ap-base0-s), var(--ap-base0-l));
+  --ap-base0-h: 250;
+  --ap-base0-s: 23%;
+  --ap-base0-l: 5%;
+  --ap-base0-d: 13%;
+  --ap-base1: hsl(var(--ap-base1-h), var(--ap-base1-s), var(--ap-base1-l));
+  --ap-red: #E97193;
+  --ap-green: #AAC5A0;
+  --ap-blue: #A8C5E6;
+  --ap-purple: #DFA7E7;
+  --ap-aqua: #a8e5e6;
+  --ap-yellow: #ece0a8;
+  --ap-orange: #D1A999;
+  --ap-color-strong: #E97193;
+  --ap-color-quote: #E97193;
+  --ap-color-italic: #E97193;
+  --ap-color-tag-background: #2c2537;
+  --ap-color-tag-text: #EEEEEE;
+  --ap-code-gray-1: #5b5c5f;
+  --ap-code-gray-2: #45474c;
+  --ap-code-red: var(--ap-red);
+  --ap-code-green: var(--ap-green);
+  --ap-code-blue: var(--ap-blue);
+  --ap-code-purple: var(--ap-purple);
+  --ap-code-aqua: var(--ap-aqua);
+  --ap-code-yellow: var(--ap-yellow);
+  --ap-code-orange: var(--ap-orange);
+  --ap-color-dp0: hsl(var(--ap-base1-h), var(--ap-base1-s), var(--ap-base1-l));
+  --ap-color-dp1: hsl(var(--ap-base0-h), var(--ap-base0-s), var(--ap-base0-l));
+  --ap-color-dp2: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 5%));
+  --ap-color-dp3: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 10%));
+  --ap-color-dp4: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 15%));
+  --ap-color-dp5: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 40%));
+  --ap-color-dp6: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 50%));
+  --ap-color-dp7: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 60%));
+  --ap-color-dp8: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 70%));
+  --ap-color-dp9: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 80%));
+  --ap-color-dp10: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 85%));
+  --ap-color-dp11: hsl(var(--ap-base0-h), var(--ap-base0-s), calc(var(--ap-base0-l) + 90%));
+  --ap-h1: var(--ap-red);
+  --ap-h2: var(--ap-purple);
+  --ap-h3: var(--ap-blue);
+  --ap-h4: var(--ap-green);
+  --ap-h5: var(--ap-orange);
+  --ap-h6: var(--ap-yellow);
+  --ap-h1-size: 2.5em;
+  --ap-h2-size: 1.9882em;
+  --ap-h3-size: 1.5811em;
+  --ap-h4-size: 1.2574em;
+  --ap-h5-size: 1em;
+  --ap-h6-size: 0.7953em;
+  --ap-size-text: 1em;
+  --ap-size-text-header: 1em;
+  --ap-size-text-item: 1em;
+  --ap-container-padding: 8px;
+  --ap-frame-left: 10px;
+  --ap-font-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
+  --ap-font-interface: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
+  --ap-font-monospace: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
+  --ap-font-title: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
+  --ap-font-header: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
+  --ap-font-hashtag: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif;
+}
+
+/* order of these files is important and should not be changed */
+/*
+WINDOW CONTROLS BEHAVIOUR (buttons to close, minimize, ... firefox)
+* Window control buttons to the right: @import "window-controls/wc-without-tabline-r.css";
+* Window control buttons to the left: @import "window-controls/wc-without-tabline.css";
+* With tabs in top bar: @import "window-controls/wc-with-tabline.css";
+*/
+/*
+SIDEBAR BEHAVIOUR
+for a sidebar which pops out on hover
+ * @import "userChrome-hover.css"
+one that stays (static)
+ * @import "userChrome-static.css"
+*/
+:root {
+  --dark-0: var(--ap-color-dp0);
+  --dark-base: var(--ap-color-dp0);
+  --dark-1: var(--ap-color-dp1);
+  --dark-2: var(--ap-color-dp1);
+  --dark-3: var(--ap-color-dp2);
+  --dark-4: var(--ap-color-dp3);
+  --light-0: var(--ap-color-dp11);
+  --light-base: var(--ap-color-dp11);
+  --light-1: var(--ap-color-dp10);
+  --light-2: var(--ap-color-dp9);
+  --light-3: var(--ap-color-dp8);
+  --light-4: var(--ap-color-dp7);
+  --accent: var(--ap-primary);
+  --yellow: var(--ap-yellow);
+  --green: var(--ap-green);
+  --red: var(--ap-red);
+  /* expanded width of the sidebar. 
+    used for userChrome-static, and hover */
+  --sidebar-width: 250px;
+  /* initial width of the sidebar. 
+    advised not to change since tst css relies on this value*/
+  --sidebar-collapsed-width: 60px;
+  --dividers: 2px;
+  --tl-animation-duration: 200ms;
+  /*--tl-tab-background-gradient: */
+  /* uncomment and add gradient value for selected tab gradient*/
+  /******WINDOW CONTROL PLACEMENT VARS******/
+  --wc-vertical-shift: 16px;
+  /* larger value moves window controls down,*/
+  /* can be negative(moves controls up) */
+  /* Experiemntal: 55px if tabline visible, -25px if tabline hidden */
+  --wc-left-space: 15px; /* add space to the left of window controls*/
+  --wc-right-space: 18px; /* add space to the right of window controls*/
+  /* left-space shifts window-controls */
+  /* if you want to shift window controls to the left: positive value */
+  /* if you want to shift them to the right: smaller or negative value */
+  /* right-space shifts rest of the navbar (forward,backward,urlbar,etc.) to the right */
+  /* if you want to increase/decrease space between window-controls and navbars: */
+  /* set positive/smaller or negative value for right-space*/
+}
+
+:root[privatebrowsingmode=temporary] {
+  --dark-0: #1C0E34;
+  --dark-base: #20103c;
+  --dark-1: #2F1D4E;
+  --dark-2: #38225D;
+  --dark-3: #4A2D7B;
+  --dark-4: #53338A;
+  --light-0: #CC6B9C;
+  --light-base: #B9407C;
+  --light-1: #AB3B73;
+  --light-2: #9C3569;
+  --light-3: #8D305E;
+  --light-4: #7D2B54;
+  --accent: #e9207e;
+  --yellow: #C9B336;
+  --green: #36C987;
+  --red: #C9365D;
+  --extension-icon-mask: grayscale(85%) invert(17%) sepia(42%) saturate(2474%) hue-rotate(241deg) brightness(94%) contrast(92%);
+}

.config/firefox/chrome/content/inner-rounded.css

@@ -0,0 +1,11 @@
+/* make borders from inner content rounded */
+#tabbrowser-tabpanels browser[type="content"] {
+	color-scheme: env(-moz-content-preferred-color-scheme);
+	border-top-left-radius: 16px;
+}
+
+/* comment this out for padding around the content */
+/* .browserContainer{
+	padding-right: 10px !important;
+	padding-bottom: 10px !important;
+} */

.config/firefox/chrome/hide-tabline.css

@@ -0,0 +1,8 @@
+/* /1* hide tabs *1/ */
+.tabbrowser-tab {
+    display: none;
+}
+
+#tabs-newtab-button {
+    display: none;
+}