+Commit changes to apply Gruvbox theme to Searx

src/moodle.user.css

@@ -188,7 +188,8 @@
   .navbar.fixed-top {
     border-color: var(--bg2) !important;
   }
-  .logo {
+  .logo,
+  .atto_image_button_text-bottom {
     filter: invert(86%) sepia(100%) !important;
   }
 
@@ -287,4 +288,7 @@
     color: var(--fg1);
     background-color: var(--blue);
   }
+  span[style="color: #000099"] {
+    color: var(--blue) !important;
+  }
 }

src/searx.user.css

@@ -0,0 +1,126 @@
+/* ==UserStyle==
+@name           Gruvbox for Searx
+@namespace      git.m3.fyi/Marsn3
+@version        1.0.3
+@description    Gruvbox Theme for Searx
+@author         Marsn3
+@homepageURL https://git.m3.fyi/Marsn3/userstyles
+@updateURL https://git.m3.fyi/Marsn3/userstyles/~raw/main/src/searx.user.css
+@license MIT
+==/UserStyle== */
+@-moz-document domain("search.m3.fyi") {
+  :root.theme-auto {
+    --color-base-font: var(--fg);
+    --color-base-font-rgb: 187, 187, 187;
+    --color-base-background: var(--bg);
+    --color-base-background-mobile: var(--bg);
+    --color-url-font: var(--green);
+    --color-url-visited-font: var(--purple);
+    --color-header-background: var(--bg1);
+    --color-header-border: var(--bg2);
+    --color-footer-background: var(--bg1);
+    --color-footer-border: var(--bg2);
+    --color-sidebar-border: var(--fg1);
+    --color-sidebar-font: var(--fg);
+    --color-sidebar-background: var(--bg3);
+    --color-backtotop-font: var(--fg);
+    --color-backtotop-border: var(--bg2);
+    --color-backtotop-background: var(--bg);
+    --color-btn-background: var(--green);
+    --color-btn-font: var(--bg1);
+    --color-show-btn-background: var(--bg3);
+    --color-show-btn-font: var(--fg);
+    --color-search-border: var(--fg1);
+    --color-search-shadow: 0 2px 8px rgba(34, 38, 46, 0.25);
+    --color-search-background: var(--bg2);
+    --color-search-font: var(--fg);
+    --color-search-background-hover: var(--green);
+    --color-error: var(--red);
+    --color-error-background: var(--bg_h);
+    --color-warning: var(--yellow);
+    --color-warning-background: var(--bg_h);
+    --color-success: var(--green);
+    --color-success-background: var(--bg_h);
+    --color-categories-item-selected-font: var(--green);
+    --color-categories-item-border-selected: var(--green);
+    --color-autocomplete-font: var(--fg);
+    --color-autocomplete-border: var(--fg1);
+    --color-autocomplete-shadow: 0 2px 8px rgba(34, 38, 46, 0.25);
+    --color-autocomplete-background: var(--bg);
+    --color-autocomplete-background-hover: var(--bg1);
+    --color-answer-font: var(--fg);
+    --color-answer-background: var(--bg);
+    --color-result-background: var(--bg);
+    --color-result-border: var(--bg2);
+    --color-result-url-font: var(--fg);
+    --color-result-vim-selected: #1f1f23cc;
+    --color-result-vim-arrow: var(--green);
+    --color-result-description-highlight-font: var(--fg);
+    --color-result-link-font: var(--green);
+    --color-result-link-font-highlight: var(--green);
+    --color-result-link-visited-font: var(--purple);
+    --color-result-publishdate-font: var(--fg4);
+    --color-result-engines-font: var(--fg3);
+    --color-result-search-url-border: var(--fg1);
+    --color-result-search-url-font: var(--fg);
+    --color-result-detail-font: var(--fg);
+    --color-result-detail-label-font: var(--fg2);
+    --color-result-detail-background: var(--bg2);
+    --color-result-detail-hr: var(--fg1);
+    --color-result-detail-link: var(--green);
+    --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);
+    --color-result-detail-loader-borderleft: rgba(0, 0, 0, 0);
+    --color-result-image-span-font: var(--fg);
+    --color-result-image-span-font-selected: var(--bg1);
+    --color-result-image-background: var(--bg1);
+    --color-settings-tr-hover: var(--fg4);
+    --color-settings-engine-description-font: var(--fg1);
+    --color-settings-engine-group-background: var(--bg3);
+    --color-toolkit-badge-font: var(--fg);
+    --color-toolkit-badge-background: var(--fg1);
+    --color-toolkit-kbd-font: var(--fg);
+    --color-toolkit-kbd-background: var(--fg);
+    --color-toolkit-dialog-border: var(--fg1);
+    --color-toolkit-dialog-background: var(--bg1);
+    --color-toolkit-tabs-label-border: var(--bg1);
+    --color-toolkit-tabs-section-border: var(--fg1);
+    --color-toolkit-select-background: var(--bg4);
+    --color-toolkit-select-border: var(--fg1);
+    --color-toolkit-select-background-hover: var(--fg2);
+    --color-toolkit-input-text-font: var(--fg);
+    --color-toolkit-checkbox-onoff-off-background: var(--bg4);
+    --color-toolkit-checkbox-onoff-on-background: var(--bg4);
+    --color-toolkit-checkbox-onoff-on-mark-background: var(--green);
+    --color-toolkit-checkbox-onoff-on-mark-color: var(--bg1);
+    --color-toolkit-checkbox-onoff-off-mark-background: var(--fg2);
+    --color-toolkit-checkbox-onoff-off-mark-color: var(--bg1);
+    --color-toolkit-checkbox-label-background: var(--bg1);
+    --color-toolkit-checkbox-label-border: var(--bg2);
+    --color-toolkit-checkbox-input-border: var(--green);
+    --color-toolkit-engine-tooltip-border: var(--bg2);
+    --color-toolkit-engine-tooltip-background: var(--bg1);
+    --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);
+    --color-toolkit-loader-borderleft: rgba(0, 0, 0, 0);
+    --color-doc-code: var(--red);
+    --color-doc-code-background: var(--bg_h);
+  }
+  .logo,
+  .index .title,
+  #search_logo svg {
+    filter: var(--filter-reset) var(--filter-green);
+  }
+  .search_filters select {
+    filter: var(--filter-reset) var(--filter-fg) !important;
+  }
+  * {
+    scrollbar-color: var(--fg2) var(--bg3) !important;
+  }
+  #main_index {
+    margin-top: 0em;
+  }
+  #links_on_top a:visited,
+  footer a:visited {
+    color: var(--green);
+    text-decoration: none;
+  }
+}