Change update URLs

src/sites/duolingo.user.css

@@ -5,11 +5,12 @@
 @description    Gruvbox Theme for Duolingo
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/duolingo.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/duolingo.user.css
 @license MIT
 ==/UserStyle== */
 
 @-moz-document domain("duolingo.com") {
+
   /*~~~~~ Base Colors ~~~~~*/
   :root {
     --color-snow: var(--rgb-bg);
@@ -51,6 +52,7 @@
     --color-sea-sponge: var(--rgb-green);
     --color-blue: var(--rgb-blue);
   }
+
   ._2-Cde ._1lJDk {
     color: var(--rgb-fg);
   }
@@ -60,23 +62,25 @@
   ._2BGPP {
     filter: var(--filter-reset) var(--filter-green);
   }
+
   /*Lock icon*/
   ._1reas {
     filter: var(--filter-reset) var(--filter-fg3);
   }
+
   /*Up-Arrow*/
   .fs2FI {
     filter: var(--filter-reset) var(--filter-blue);
   }
+
   /*Close & Back Button*/
   ._2F37r,
   ._2sPx0 {
-    filter: brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(442%)
+    filter: brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(442%) hue-rotate(349deg) brightness(88%) contrast(88%);
-      hue-rotate(349deg) brightness(88%) contrast(88%);
   }
+
   ._2Yfwa {
-    filter: brightness(0) saturate(100%) invert(70%) sepia(16%) saturate(419%)
+    filter: brightness(0) saturate(100%) invert(70%) sepia(16%) saturate(419%) hue-rotate(105deg) brightness(89%) contrast(80%);
-      hue-rotate(105deg) brightness(89%) contrast(80%);
   }
 
   /*Hide Ads*/
@@ -84,4 +88,4 @@
   ._3bfsh {
     display: none;
   }
-}
+}

src/sites/github.user.css

@@ -5,11 +5,12 @@
 @description    A dark Theme for Gubmlz
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/github.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/github.user.css
 @license MIT
 ==/UserStyle== */
 
 @-moz-document domain("github.com") {
+
   [data-color-mode="light"][data-light-theme="light"],
   [data-color-mode="dark"][data-dark-theme="light"],
   [data-color-mode="light"][data-light-theme="dark"],
@@ -22,4 +23,4 @@
   [data-color-mode="auto"][data-light-theme*="dark"] {
     --color-header-bg: var(--bg4);
   }
-}
+}

src/sites/headscaleui.user.css

@@ -5,7 +5,7 @@
 @description    A dark Theme for Headscale-UI
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/headscaleui.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/headscaleui.user.css
 @license MIT
 ==/UserStyle== */
 
@@ -13,68 +13,84 @@
   .modal-trigger {
     color: var(--yellow);
   }
+
   img[src="static/img/headscale3-dots.png"] {
     filter: invert(100%) sepia(100%);
     -webkit-filter: invert(100%) sepia(100%);
   }
+
   .red.darken-1 {
     background-color: var(--bg3) !important;
   }
+
   body {
     background-color: var(--bg);
     color: var(--fg);
   }
+
   .modal,
   .card {
     background-color: var(--bg1);
   }
+
   .modal .modal-close {
     color: var(--fg);
   }
+
   .modal-footer {
     background-color: var(--bg_h) !important;
     color: var(--fg);
   }
+
   .collection.with-header .collection-header,
   .collapsible-header,
   .collection .collection-item {
     background-color: var(--bg1);
     border-bottom: 1px solid var(--bg3);
   }
+
   .dropdown-content {
     background-color: var(--bg2);
   }
+
   .collection {
     border: 1px solid var(--bg3);
   }
+
   tr:hover {
     background-color: var(--bg4) !important;
   }
+
   .btn,
   .btn-small,
   .btn-large {
     color: var(--fg);
     background-color: var(--green);
   }
+
   .btn:hover,
   .btn-small:hover,
   .btn-large:hover {
     background-color: var(--green-dim);
   }
+
   .material-icons,
   nav ul a,
   nav .brand-logo,
   .btn-floating i {
     color: var(--fg);
   }
+
   .grey.lighten-2 {
     background-color: var(--fg4) !important;
     color: var(--fg);
   }
+
   .z-depth-1 {
     box-shadow: 0 2px 2px 0 rgba(40, 40, 40, 0.14),
       0 3px 1px -2px rgba(40, 40, 40, 0.12), 0 1px 5px 0 rgba(40, 40, 40, 0.2);
   }
+
   nav ul a:hover {
     background-color: rgba(40, 40, 40, 0.1);
   }
@@ -83,69 +99,84 @@
   .yellow-text {
     color: var(--yellow) !important;
   }
-  .card
+
-    .card-action
+  .card .card-action a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
-    a:not(.btn):not(.btn-small):not(.btn-large):not(.btn-large):not(
-      .btn-floating
-    ):hover {
     color: var(--yellow-dim) !important;
   }
+
   .green-text,
   .input-field .prefix.active {
     color: var(--green) !important;
   }
+
   .red.darken-3,
   .green {
     background-color: var(--green) !important;
   }
+
   .white-text {
     color: var(--fg) !important;
   }
+
   .blue-grey.lighten-1 {
     background-color: var(--blue-dim) !important;
   }
+
   .blue-grey-text.text-lighten-1 {
     color: var(--blue-dim) !important;
   }
+
   .teal-text.text-lighten-1 {
     color: var(--aqua) !important;
   }
+
   .teal.lighten-1 {
     background-color: var(--aqua) !important;
   }
+
   .grey-text {
     color: var(--gray) !important;
   }
+
   .green-text.text-lighten-2 {
     color: var(--green-dim) !important;
   }
+
   .material-tooltip {
     color: var(--fg);
     background-color: var(--bg2);
   }
+
   .dropdown-content li {
     color: var(--fg);
   }
+
   .collection .collection-item.avatar i.circle {
     color: var(--fg);
     background-color: var(--bg3);
   }
-  .dropdown-content li > a,
+
-  .dropdown-content li > span {
+  .dropdown-content li>a,
+  .dropdown-content li>span {
     color: var(--fg);
   }
+
   .divider {
     background-color: var(--bg4);
   }
-  #dropdown1 > li:nth-child(3) {
+
+  #dropdown1>li:nth-child(3) {
     background-color: var(--bg1);
   }
-  table.striped > tbody > tr:nth-child(2n + 1) {
+
+  table.striped>tbody>tr:nth-child(2n + 1) {
     background-color: var(--bg4);
   }
-  .input-field > label {
+
+  .input-field>label {
     color: var(--fg3);
   }
+
   input:not([type]):not(.browser-default),
   input[type="text"]:not(.browser-default),
   input[type="password"]:not(.browser-default),
@@ -163,21 +194,21 @@
     border-bottom: 1px solid var(--fg3);
     background-color: var(--bg3);
   }
-  input:not([type]):not(.browser-default):focus:not([readonly]) + label,
+
-  input[type="text"]:not(.browser-default):focus:not([readonly]) + label,
+  input:not([type]):not(.browser-default):focus:not([readonly])+label,
-  input[type="password"]:not(.browser-default):focus:not([readonly]) + label,
+  input[type="text"]:not(.browser-default):focus:not([readonly])+label,
-  input[type="email"]:not(.browser-default):focus:not([readonly]) + label,
+  input[type="password"]:not(.browser-default):focus:not([readonly])+label,
-  input[type="url"]:not(.browser-default):focus:not([readonly]) + label,
+  input[type="email"]:not(.browser-default):focus:not([readonly])+label,
-  input[type="time"]:not(.browser-default):focus:not([readonly]) + label,
+  input[type="url"]:not(.browser-default):focus:not([readonly])+label,
-  input[type="date"]:not(.browser-default):focus:not([readonly]) + label,
+  input[type="time"]:not(.browser-default):focus:not([readonly])+label,
-  input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label,
+  input[type="date"]:not(.browser-default):focus:not([readonly])+label,
-  input[type="datetime-local"]:not(.browser-default):focus:not([readonly])
+  input[type="datetime"]:not(.browser-default):focus:not([readonly])+label,
-    + label,
+  input[type="datetime-local"]:not(.browser-default):focus:not([readonly])+label,
-  input[type="month"]:not(.browser-default):focus:not([readonly]) + label,
+  input[type="month"]:not(.browser-default):focus:not([readonly])+label,
-  input[type="tel"]:not(.browser-default):focus:not([readonly]) + label,
+  input[type="tel"]:not(.browser-default):focus:not([readonly])+label,
-  input[type="number"]:not(.browser-default):focus:not([readonly]) + label,
+  input[type="number"]:not(.browser-default):focus:not([readonly])+label,
-  input[type="search"]:not(.browser-default):focus:not([readonly]) + label,
+  input[type="search"]:not(.browser-default):focus:not([readonly])+label,
-  textarea.materialize-textarea:focus:not([readonly]) + label,
+  textarea.materialize-textarea:focus:not([readonly])+label,
   a {
     color: var(--green);
   }
@@ -201,18 +232,22 @@
     border-bottom: 1px solid var(--green);
     box-shadow: 0 1px 0 0 var(--green);
   }
+
   .keyboard-focused .collapsible-header:focus {
     background-color: var(--bg2);
   }
+
   .chip {
     color: var(--fg);
     background-color: var(--fg4);
   }
+
   .chip:focus {
     color: var(--fg);
     background-color: var(--green);
   }
+
   .red.lighten-2 {
     background-color: var(--red) !important;
   }
-}
+}

src/sites/jellyfin.user.css

@@ -5,7 +5,7 @@
 @description    Base Jellyfin Theme
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/jellyfin.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/jellyfin.user.css
 @license MIT
 ==/UserStyle== */
 @-moz-document domain("media.m3.fyi") {
@@ -13,14 +13,17 @@
     background: var(--bg-road) !important;
     background-size: cover !important;
   }
+
   .backdropImage {
     display: none;
   }
+
   .fab,
   .raised {
     background: var(--bg);
     color: var(--fg);
   }
+
   .backgroundContainer {
     background-color: rgba(0, 0, 0, 0);
     background-image: var(--bg-road);
@@ -32,6 +35,7 @@
     color: var(--fg);
     background-color: var(--green);
   }
+
   .checkboxListLabel,
   .inputLabel,
   .inputLabelUnfocused,
@@ -47,42 +51,51 @@
   .secondaryText {
     color: var(--fg2);
   }
+
   .checkboxIcon,
   body,
   .emby-tab-button-active,
   .material-icons {
     color: var(--fg);
   }
-  .emby-checkbox:checked + span + .checkboxOutline,
+
+  .emby-checkbox:checked+span+.checkboxOutline,
   .itemProgressBarForeground {
     background-color: var(--green);
   }
-  .emby-checkbox:checked + span + .checkboxOutline {
+
+  .emby-checkbox:checked+span+.checkboxOutline {
     border-color: var(--green);
   }
+
   .button-submit:focus {
     background: var(--green-dim);
     color: var(--fg1);
   }
+
   .emby-input,
   .emby-textarea {
     background: var(--bg);
     color: var(--fg);
     border: 0.16em solid var(--bg);
   }
+
   .inputLabelFocused,
   .selectLabelFocused,
   .textareaLabelFocused,
   .emby-tab-button:hover {
     color: var(--green);
   }
+
   .emby-input:focus,
   .emby-textarea:focus {
     border-color: var(--green);
   }
+
   .pageTitleWithDefaultLogo {
     background-image: url("https://cdn.m3.fyi/moe_gruv.gif");
   }
+
   .pageTitleWithDefaultLogo::after {
     margin-left: 2em;
     color: var(--fg);
@@ -93,12 +106,14 @@
     background: none;
     background-color: rgba(0, 0, 0, 0);
   }
+
   .skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.noHomeButtonHeader {
     background: none;
     background-color: rgba(0, 0, 0, 0);
   }
+
   .paper-icon-button-light:hover:not(:disabled) {
     color: var(--green);
     background-color: var(--rgb-green-dim);
   }
-}
+}

src/sites/keybr.user.css

@@ -5,10 +5,11 @@
 @description    Gruvbox Theme for Keybr
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/keybr.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/keybr.user.css
 @license MIT
 ==/UserStyle== */
 @-moz-document domain("keybr.com") {
+
   /*~~~~~ Base Colors ~~~~~*/
   html[data-theme="dark"] {
     --text-color: var(--fg4);
@@ -93,12 +94,15 @@
   [data-key="KeyA"] {
     --KeyboardKey-button__color: var(--yellow);
   }
+
   [data-key="KeyS"] {
     --KeyboardKey-button__color: var(--blue);
   }
+
   [data-key="KeyD"] {
     --KeyboardKey-button__color: var(--green);
   }
+
   [data-key="KeyF"] {
     --KeyboardKey-button__color: var(--red);
   }
@@ -107,12 +111,15 @@
   [data-key="KeyJ"] {
     --KeyboardKey-button__color: var(--purple);
   }
+
   [data-key="KeyK"] {
     --KeyboardKey-button__color: var(--green);
   }
+
   [data-key="KeyL"] {
     --KeyboardKey-button__color: var(--blue);
   }
+
   [data-key="Semicolon"] {
     --KeyboardKey-button__color: var(--yellow);
   }
@@ -131,11 +138,13 @@
   [data-key="KeyX"] {
     --KeyboardKey-button__color: var(--blue-dim);
   }
+
   [data-key="Digit3"],
   [data-key="KeyE"],
   [data-key="KeyC"] {
     --KeyboardKey-button__color: var(--green-dim);
   }
+
   [data-key="Digit4"],
   [data-key="Digit5"],
   [data-key="KeyR"],
@@ -162,11 +171,13 @@
   [data-key="Comma"] {
     --KeyboardKey-button__color: var(--green-dim);
   }
+
   [data-key="Digit9"],
   [data-key="KeyO"],
   [data-key="Period"] {
     --KeyboardKey-button__color: var(--blue-dim);
   }
+
   [data-key="Digit0"],
   [data-key="Minus"],
   [data-key="Equal"],
@@ -178,48 +189,50 @@
   [data-key="KeyP"] {
     --KeyboardKey-button__color: var(--yellow-dim);
   }
-    
-    [data-key="Insert"],
-    [data-key="Home"],
-    [data-key="PageUp"],
-    [data-key="PageDown"],
-    [data-key="Delete"],
-    [data-key="End"],
-    [data-key="ArrowUp"],
-    [data-key="ArrowDown"],
-    [data-key="ArrowLeft"],
-    [data-key="ArrowRight"],
-    [data-key="NumLock"],
-    [data-key="NumpadDivide"],
-    [data-key="NumpadMultiply"],
-    [data-key="NumpadSubtract"],
-    [data-key="NumpadPlus"],
-    [data-key="NumpadAdd"],
-    [data-key="NumpadEnter"],
-    [data-key="Numpad0"],
-    [data-key="NumpadDecimal"],
-    [data-key="Numpad1"],
-    [data-key="Numpad2"],
-    [data-key="Numpad3"],
-    [data-key="Numpad4"],
-    [data-key="Numpad5"],
-    [data-key="Numpad6"],
-    [data-key="Numpad7"],
-    [data-key="Numpad8"],
-    [data-key="Numpad9"],
-    nav
-    {
-        display:none
-    }
-    .wipo7Tkji5 {
-        margin-left: 25rem;
-    }
-    .mBA4zfMAKB {
-        margin-left: 20rem;
-    }
-    svg,
-    .FSsZIBl8b9 {
-        width: 150%;
-	}
 
-}
+  [data-key="Insert"],
+  [data-key="Home"],
+  [data-key="PageUp"],
+  [data-key="PageDown"],
+  [data-key="Delete"],
+  [data-key="End"],
+  [data-key="ArrowUp"],
+  [data-key="ArrowDown"],
+  [data-key="ArrowLeft"],
+  [data-key="ArrowRight"],
+  [data-key="NumLock"],
+  [data-key="NumpadDivide"],
+  [data-key="NumpadMultiply"],
+  [data-key="NumpadSubtract"],
+  [data-key="NumpadPlus"],
+  [data-key="NumpadAdd"],
+  [data-key="NumpadEnter"],
+  [data-key="Numpad0"],
+  [data-key="NumpadDecimal"],
+  [data-key="Numpad1"],
+  [data-key="Numpad2"],
+  [data-key="Numpad3"],
+  [data-key="Numpad4"],
+  [data-key="Numpad5"],
+  [data-key="Numpad6"],
+  [data-key="Numpad7"],
+  [data-key="Numpad8"],
+  [data-key="Numpad9"],
+  nav {
+    display: none
+  }
+
+  .wipo7Tkji5 {
+    margin-left: 25rem;
+  }
+
+  .mBA4zfMAKB {
+    margin-left: 20rem;
+  }
+
+  svg,
+  .FSsZIBl8b9 {
+    width: 150%;
+  }
+
+}

src/sites/material-base.user.css

@@ -5,83 +5,87 @@
 @description    Base Gruvbox Theme
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/base.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/base.user.css
 @license MIT
 ==/UserStyle== */
 /* AGENT_SHEET */
 @-moz-document url-prefix(http: //), url-prefix(https://), url-prefix(ftp://), url-prefix(file://), url(about:blank), 
-/* Best effort to exclude about pages that conflict with Australis-native styling   */
+  /* Best effort to exclude about pages that conflict with Australis-native styling   */
-regexp("about:(?!addons|app-manager|config|customizing|stylish-edit|downloads|permissions|preferences|sync-tabs|webrtc).*")/*url-prefix("about:neterror")*/
+  regexp("about:(?!addons|app-manager|config|customizing|stylish-edit|downloads|permissions|preferences|sync-tabs|webrtc).*")
-/* url-prefix("about:"),   */ {
+
-  /*
+  /*url-prefix("about:neterror")*/
+  /* url-prefix("about:"),   */
+    {
+
+    /*
  * Drop the below regex, after a comma, just before the opening curly bracket above, to exclude websites from solarization: 
  * ,regexp("https?://(www\.)?(?!(userstyles\.org|docs\.google|github)\..*).*")
  */
-  :root {
+    :root {
-    --bg_dim: #1b1b1b !important;
+      --bg_dim: #1b1b1b !important;
 
-    --bg_current_word: #3c3836 !important;
+      --bg_current_word: #3c3836 !important;
 
-    --bg_statusline1: #32302f !important;
+      --bg_statusline1: #32302f !important;
-    --bg_statusline2: #3a3735 !important;
+      --bg_statusline2: #3a3735 !important;
-    --bg_statusline3: #504945 !important;
+      --bg_statusline3: #504945 !important;
 
-    --bg0: #282828 !important;
+      --bg0: #282828 !important;
-    --bg1: #32302f !important;
+      --bg1: #32302f !important;
-    --bg2: #32302f !important;
+      --bg2: #32302f !important;
-    --bg3: #45403d !important;
+      --bg3: #45403d !important;
-    --bg4: #45403d !important;
+      --bg4: #45403d !important;
-    --bg5: #5a524c !important;
+      --bg5: #5a524c !important;
 
-    --grey0: #7c6f64 !important;
+      --grey0: #7c6f64 !important;
-    --grey1: #928374 !important;
+      --grey1: #928374 !important;
-    --grey2: #a89984 !important;
+      --grey2: #a89984 !important;
 
-    --bg_diff_green: #34381b !important;
+      --bg_diff_green: #34381b !important;
-    --bg_visual_green: #3b4439 !important;
+      --bg_visual_green: #3b4439 !important;
-    --bg_diff_red: #402120 !important;
+      --bg_diff_red: #402120 !important;
-    --bg_visual_red: #4c3432 !important;
+      --bg_visual_red: #4c3432 !important;
-    --bg_diff_blue: #0e363e !important;
+      --bg_diff_blue: #0e363e !important;
-    --bg_visual_blue: #374141 !important;
+      --bg_visual_blue: #374141 !important;
-    --bg_visual_yellow: #4f422e !important;
+      --bg_visual_yellow: #4f422e !important;
 
-    --fg: #fbf1c7 !important;
+      --fg: #fbf1c7 !important;
-    --fg0: #d4be98 !important;
+      --fg0: #d4be98 !important;
-    --fg1: #ddc7a1 !important;
+      --fg1: #ddc7a1 !important;
 
-    --red: #ea6962 !important;
+      --red: #ea6962 !important;
-    --green: #a9b665 !important;
+      --green: #a9b665 !important;
-    --yellow: #d8a657 !important;
+      --yellow: #d8a657 !important;
-    --blue: #7daea3 !important;
+      --blue: #7daea3 !important;
-    --purple: #d3869b !important;
+      --purple: #d3869b !important;
-    --aqua: #89b482 !important;
+      --aqua: #89b482 !important;
-    --orange: #e78a4e !important;
+      --orange: #e78a4e !important;
 
-    --bg_red: var(--red) !important;
+      --bg_red: var(--red) !important;
-    --bg_green: var(--green) !important;
+      --bg_green: var(--green) !important;
-    --bg_yellow: var(--yellow) !important;
+      --bg_yellow: var(--yellow) !important;
 
-    /*Compatibility*/
+      /*Compatibility*/
-    --bg_h: var(--bg_dim) !important;
+      --bg_h: var(--bg_dim) !important;
-    --bg: var(--bg0) !important;
+      --bg: var(--bg0) !important;
-    --bg_s: var(--bg1) !important;
+      --bg_s: var(--bg1) !important;
 
-    --fg2: var(--grey2) !important;
+      --fg2: var(--grey2) !important;
-    --fg3: var(--grey1) !important;
+      --fg3: var(--grey1) !important;
-    --fg4: var(--grey0) !important;
+      --fg4: var(--grey0) !important;
 
-    --gray: var(--grey1) !important;
+      --gray: var(--grey1) !important;
-    --gray-dim: var(--grey0) !important;
+      --gray-dim: var(--grey0) !important;
 
-    --red-dim: var(--bg_red) !important;
+      --red-dim: var(--bg_red) !important;
-    --green-dim: var(--bg_green) !important;
+      --green-dim: var(--bg_green) !important;
-    --yellow-dim: var(--bg_yellow) !important;
+      --yellow-dim: var(--bg_yellow) !important;
-    --blue-dim: var(--blue) !important;
+      --blue-dim: var(--blue) !important;
-    --purple-dim: var(--purple) !important;
+      --purple-dim: var(--purple) !important;
-    --aqua-dim: var(--aqua) !important;
+      --aqua-dim: var(--aqua) !important;
-    --orange-dim: var(--orange) !important;
+      --orange-dim: var(--orange) !important;
 
-    /*
+      /*
         --red-dim: #cc2412 !important;
         --green-dim: #98971a !important;
         --yellow-dim: #d79921 !important;
@@ -91,5 +95,5 @@ regexp("about:(?!addons|app-manager|config|customizing|stylish-edit|downloads|pe
         --gray-dim: #a89984 !important;
         --orange-dim: #d65d0e !important;
         */
-  }
+    }
-}
+  }

src/sites/moodle.user.css

@@ -5,10 +5,11 @@
 @description    Gruvbox Theme for Moodle
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/moodle.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/moodle.user.css
 @license MIT
 ==/UserStyle== */
 @-moz-document domain("moodle.rbs-ulm.de") {
+
   /*~~~~~ Base Colors ~~~~~*/
   html {
     --base: var(--bg) !important;
@@ -45,6 +46,7 @@
     --activitycontent: var(--blue) !important;
     --activityinterface: var(--purple) !important;
   }
+
   body,
   .pagelayout-login #page,
   body.pagelayout-login #page,
@@ -55,6 +57,7 @@
     background: var(--bg) !important;
     color: var(--fg) !important;
   }
+
   #page.drawers .main-inner,
   .moremenu .nav-tabs,
   #region-main,
@@ -66,9 +69,11 @@
     border-color: var(--fg4);
     background-color: var(--bg1);
   }
+
   .userpicture {
     display: none;
   }
+
   .moremenu .nav-link.active {
     border-bottom-color: var(--primary);
   }
@@ -89,51 +94,63 @@
   .path-mod .activity-header:not(:empty) {
     background-color: var(--bg4);
   }
+
   .activity-item:not(.activityinline) {
     border-color: var(--fg4);
   }
+
   .badge-light {
     background-color: var(--fg3);
     color: var(--bg);
   }
+
   .alert-success {
     background-color: var(--green-dim);
     color: var(--bg);
     border-color: var(--green);
   }
+
   .btn-primary {
     color: var(--bg) !important;
     background-color: var(--green);
     border-color: var(--green-dim);
   }
+
   .btn-primary:hover,
   .btn-primary:not(:disabled):not(.disabled):active {
     background-color: var(--green-dim);
     border-color: var(--green-dim);
   }
+
   .btn-primary:focus,
   .btn-primary:active {
     background-color: var(--aqua-dim);
     color: var(--bg);
   }
+
   .btn.btn-icon:hover,
   .btn.btn-icon:focus {
     background-color: var(--fg4);
   }
+
   .btn {
     color: var(--bg4);
   }
+
   .btn:hover {
     color: var(--bg);
   }
+
   .bg-secondary,
   .drawer-toggles .drawer-toggler .btn {
     background-color: var(--bg4) !important;
     color: var(--fg);
   }
+
   #user-menu-toggle:hover {
     color: var(--fg4);
   }
+
   button.bg-secondary:hover,
   button.bg-secondary:focus,
   .btn-secondary:hover,
@@ -145,25 +162,31 @@
     background-color: var(--bg3) !important;
     color: var(--fg2) !important;
   }
+
   caption {
     color: var(--fg4);
   }
+
   .moremenu .nav-link.active:focus {
     border-bottom-color: var(--green);
     background-color: var(--bg2);
   }
+
   .text-primary {
     color: var(--green) !important;
   }
+
   .courseindex .courseindex-item.pageitem:hover,
   .courseindex .courseindex-item.pageitem:focus {
     background-color: var(--green-dim);
     color: var(--fg) !important;
   }
+
   .courseindex .courseindex-item.pageitem {
     background-color: var(--green);
     color: var(--fg);
   }
+
   .text-dark,
   .courseindex .courseindex-item:hover .courseindex-link,
   .courseindex .courseindex-item:hover .courseindex-chevron,
@@ -171,33 +194,44 @@
   .courseindex .courseindex-item:focus .courseindex-chevron {
     color: var(--fg4) !important;
   }
+
   .text-dark:hover {
     color: var(--bg3) !important;
   }
+
   .moremenu .nav-link.active:hover {
     border-bottom-color: var(--green);
   }
+
   .btn-secondary {
     background-color: var(--bg3) !important;
     color: var(--fg2) !important;
     border-color: var(--bg4) !important;
   }
+
   .course-section,
   .dropdown-divider {
     border-color: var(--bg3);
   }
+
   .text-body,
   .dropdown-menu,
   .courseindex .courseindex-item .courseindex-link,
-  .courseindex .courseindex-item .courseindex-chevron, .generaltable {
+  .courseindex .courseindex-item .courseindex-chevron,
+  .generaltable {
     color: var(--fg) !important;
   }
+
   .bg-white {
     background-color: var(--bg) !important;
   }
-  .primary-navigation .navigation .nav-link, .path-mod-assign td.submissionnotgraded, .path-mod-assign div.submissionnotgraded {
+
+  .primary-navigation .navigation .nav-link,
+  .path-mod-assign td.submissionnotgraded,
+  .path-mod-assign div.submissionnotgraded {
     color: var(--fg);
   }
+
   .navbar.fixed-top #usernavigation .nav-link,
   .text-dark,
   .courseindex .courseindex-item:hover .courseindex-link,
@@ -206,10 +240,12 @@
   .courseindex .courseindex-item:focus .courseindex-chevron {
     color: var(--fg) !important;
   }
+
   .border-left,
   .navbar.fixed-top {
     border-color: var(--bg2) !important;
   }
+
   .logo,
   .atto_image_button_text-bottom {
     filter: invert(86%) sepia(100%) !important;
@@ -265,35 +301,44 @@
   .dropdown-menu {
     background-color: var(--bg2);
   }
+
   .dropdown-item {
     color: var(--fg);
     background: none !important;
   }
+
   .btn-outline-secondary {
     border-color: var(--fg4);
   }
+
   .activityiconcontainer {
     background-color: var(--green);
   }
+
   .activityiconcontainer.assessment {
     background-color: var(--purple-dim);
   }
+
   .activityiconcontainer.communication {
     background-color: var(--aqua-dim);
   }
+
   .btn-outline-secondary:not(:disabled):not(.disabled):active,
   .btn-outline-secondary:hover {
     color: var(--fg);
     background-color: var(--gray);
     border-color: var(--gray-dim);
   }
+
   .block .block-cards span.categoryname,
   .block .block-cards .btn-link {
     color: var(--bg3);
   }
+
   .login-container .login-divider {
     border-color: var(--bg2);
   }
+
   .form-control,
   .activity-add,
   .block-add {
@@ -301,52 +346,65 @@
     color: var(--fg3);
     border: 1px solid var(--bg1);
   }
+
   .form-control:focus {
     background-color: var(--bg4);
     color: var(--bg);
     border-color: var(--bg1);
   }
+
   .form-control::placeholder {
     color: var(--bg4);
   }
+
   a:not([class]):focus {
     color: var(--fg);
     background-color: var(--bg3);
     box-shadow: none;
   }
+
   .mform fieldset,
   .border-bottom {
     border-bottom: 1px solid var(--bg3) !important;
   }
+
   .border-top {
     border-top: 1px solid var(--bg3) !important;
   }
+
   .btn-primary:focus {
     outline: none;
     border-color: var(--fg4);
   }
+
   .invalid-feedback {
     color: var(--red);
   }
+
   .form-control.is-invalid {
     border-color: var(--red);
   }
+
   .alert-danger {
     background-color: var(--red-dim);
     color: var(--fg);
     border-color: var(--fg);
   }
+
   .activityiconcontainer.content {
     background-color: var(--blue-dim);
   }
+
   .activityiconcontainer.collaboration {
     background-color: var(--red-dim);
   }
+
   .alert-info {
     color: var(--fg1);
     background-color: var(--blue);
   }
+
   span[style="color: #000099"] {
     color: var(--blue) !important;
   }
-}
+}

src/sites/onedev.user.css

@@ -5,7 +5,7 @@
 @description    Gruvbox Theme for OneDev
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/onedev.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/onedev.user.css
 @license MIT
 ==/UserStyle== */
 @-moz-document domain("git.m3.fyi"),
@@ -36,9 +36,11 @@ domain("code.onedev.io") {
     --dark-mode-light-info: var(--bg);
     --dark-mode-dark-gray: var(--bg3);
   }
+
   .CodeMirror {
     font-family: var(--monospaceFontFamily);
   }
+
   .nav .nav-link {
     color: var(--fg4);
   }
@@ -56,22 +58,26 @@ domain("code.onedev.io") {
   textarea::placeholder {
     color: var(--fg4) !important;
   }
-  .dark-mode .blob-text-diff > tbody > tr > td.new.number,
+
-  .dark-mode .text-diff > tbody > tr > td.new.content,
+  .dark-mode .blob-text-diff>tbody>tr>td.new.number,
-  .dark-mode .text-diff > tbody > tr > td.new.operation {
+  .dark-mode .text-diff>tbody>tr>td.new.content,
+  .dark-mode .text-diff>tbody>tr>td.new.operation {
     background: #999c2654;
     border-color: var(--green-dim);
   }
-  .dark-mode .blob-text-diff > tbody > tr > td.old.number,
+
-  .dark-mode .text-diff > tbody > tr > td.old.content,
+  .dark-mode .blob-text-diff>tbody>tr>td.old.number,
-  .dark-mode .text-diff > tbody > tr > td.old.operation {
+  .dark-mode .text-diff>tbody>tr>td.old.content,
+  .dark-mode .text-diff>tbody>tr>td.old.operation {
     background: #fb493457;
     border-color: var(--red-dim);
   }
-  .dark-mode .text-diff > tbody > tr > td.new .insert {
+
+  .dark-mode .text-diff>tbody>tr>td.new .insert {
     background-color: #689d6a5c;
   }
-  .dark-mode .text-diff > tbody > tr > td.old .delete {
+
+  .dark-mode .text-diff>tbody>tr>td.old .delete {
     background-color: #cc2412a8;
   }
 
@@ -82,8 +88,9 @@ domain("code.onedev.io") {
   .dark-mode .CodeMirror-simplescroll-vertical div {
     background: var(--bg1);
   }
-  .dark-mode .blob-text-diff > tbody > tr.expander > td.skipped,
+
-  .dark-mode .blob-text-diff > tbody > tr.expander > td.expander a {
+  .dark-mode .blob-text-diff>tbody>tr.expander>td.skipped,
+  .dark-mode .blob-text-diff>tbody>tr.expander>td.expander a {
     background: var(--bg1);
   }
 
@@ -95,7 +102,7 @@ domain("code.onedev.io") {
   .sidebar-menu .menu-body .menu-link:focus,
   .sidebar-menu .menu-body .menu-link.open,
   .sidebar-menu .menu-body .menu-link.active,
-  .dark-mode .switch input:empty ~ span:after {
+  .dark-mode .switch input:empty~span:after {
     background-color: var(--bg3);
   }
 
@@ -125,10 +132,7 @@ domain("code.onedev.io") {
 
   .dark-mode .btn.btn-outline-secondary,
   .dark-mode .form-control,
-  .dark-mode
+  .dark-mode .btn.btn-outline-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-    .btn.btn-outline-secondary:hover:not(.disabled):not(:disabled):not(
-      [disabled]
-    ):not(.btn-text),
   .dark-mode .select2-container-active .select2-choice,
   .dark-mode li.selectable.active a,
   .dark-mode a.selectable.active,
@@ -142,9 +146,7 @@ domain("code.onedev.io") {
   }
 
   .dark-mode .form-control:focus,
-  .btn.btn-outline-secondary:focus:not(.disabled):not(:disabled):not(
+  .btn.btn-outline-secondary:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
-      [disabled]
-    ):not(.btn-text) {
     border-color: var(--fg4) !important;
   }
 
@@ -205,19 +207,11 @@ domain("code.onedev.io") {
     color: var(--fg);
   }
 
-  .btn.btn-primary:hover:not(.disabled):not(:disabled):not([disabled]):not(
+  .btn.btn-primary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-      .btn-text
+  .btn.btn-primary:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-    ),
+  .btn.btn-primary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-  .btn.btn-primary:focus:not(.disabled):not(:disabled):not([disabled]):not(
+  .btn.btn-primary.active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-      .btn-text
+  .show>.btn.btn-primary.dropdown-toggle,
-    ),
-  .btn.btn-primary:active:not(.disabled):not(:disabled):not([disabled]):not(
-      .btn-text
-    ),
-  .btn.btn-primary.active:not(.disabled):not(:disabled):not([disabled]):not(
-      .btn-text
-    ),
-  .show > .btn.btn-primary.dropdown-toggle,
   .show .btn.btn-primary.btn-dropdown,
   .btn.btn-primary {
     border-color: var(--green);
@@ -300,10 +294,7 @@ domain("code.onedev.io") {
 
   .select2-search input,
   .dark-mode .select2-search input,
-  .dark-mode
+  .dark-mode .btn.btn-light:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
-    .btn.btn-light:hover:not(.disabled):not(:disabled):not([disabled]):not(
-      .btn-text
-    ) {
     background: var(--bg1) !important;
     border-color: var(--bg4) !important;
     color: var(--fg2) !important;
@@ -342,47 +333,22 @@ domain("code.onedev.io") {
   .sidebar-menu .menu-link:focus .menu-arrow,
   .sidebar-menu .menu-link.active .menu-arrow,
   .sidebar-menu .menu-link.open .menu-arriw,
-  .dark-mode .card > .card-header .card-title,
+  .dark-mode .card>.card-header .card-title,
   .dark-mode .select2-container .select2-choice {
     color: var(--fg) !important;
   }
 
-  .dark-mode
+  .dark-mode .btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-    .btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(
+  .dark-mode .btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-      .btn-text
+  .dark-mode .btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-    ),
+  .dark-mode .btn.btn-secondary:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-  .dark-mode
+  .dark-mode .btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-    .btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(
+  .dark-mode .btn.btn-secondary.active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-      .btn-text
+  .dark-mode .show>.btn.btn-secondary.dropdown-toggle,
-    ),
-  .dark-mode
-    .btn.btn-secondary:hover:not(.disabled):not(:disabled):not([disabled]):not(
-      .btn-text
-    ),
-  .dark-mode
-    .btn.btn-secondary:focus:not(.disabled):not(:disabled):not([disabled]):not(
-      .btn-text
-    ),
-  .dark-mode
-    .btn.btn-secondary:active:not(.disabled):not(:disabled):not([disabled]):not(
-      .btn-text
-    ),
-  .dark-mode
-    .btn.btn-secondary.active:not(.disabled):not(:disabled):not([disabled]):not(
-      .btn-text
-    ),
-  .dark-mode .show > .btn.btn-secondary.dropdown-toggle,
   .dark-mode .show .btn.btn-secondary.btn-dropdown,
-  .dark-mode
+  .dark-mode .btn.btn-active-secondary.active:not(.btn-text):not(:disabled):not(.disabled):not([disabled]),
-    .btn.btn-active-secondary.active:not(.btn-text):not(:disabled):not(
+  .btn.btn-light:active:not(.disabled):not(:disabled):not([disabled]):not(.btn-text),
-      .disabled
+  .btn.btn-light:focus:not(.disabled):not(:disabled):not([disabled]):not(.btn-text) {
-    ):not([disabled]),
-  .btn.btn-light:active:not(.disabled):not(:disabled):not([disabled]):not(
-      .btn-text
-    ),
-  .btn.btn-light:focus:not(.disabled):not(:disabled):not([disabled]):not(
-      .btn-text
-    ) {
     border-color: var(--bg3) !important;
     background-color: var(--bg1) !important;
   }
@@ -451,4 +417,4 @@ domain("code.onedev.io") {
     background: var(--bg);
     color: var(--fg);
   }
-}
+}

src/sites/paperless.user.css

@@ -5,7 +5,7 @@
 @description    Gruvbox Theme for Paperless
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/paperless.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/paperless.user.css
 @license MIT
 ==/UserStyle== */
 @-moz-document domain("paper.m3.fyi") {
@@ -21,13 +21,16 @@
     --pngx-body-color-accent: var(--fg1);
     --pngx-primary-text-contrast: var(--bg2) !important;
   }
+
   .pagination {
     --bs-pagination-disabled-color: var(--fg3);
   }
+
   .btn-outline-secondary {
     --bs-btn-border-color: var(--fg4);
     --bs-btn-hover-border-color: var(--fg3);
   }
+
   :root {
     --primary: var(--green);
     --secondary: var(--green-dim);
@@ -45,20 +48,25 @@
     --object-tools-bg: var(--bg3);
     --object-tools-fg: var(--fg);
   }
+
   .btn-link {
     --bs-btn-disabled-color: var(--fg3);
   }
+
   .bg-body {
     background-color: var(--bg1) !important;
   }
+
   .text-muted {
     color: var(--fg4) !important;
   }
+
   .btn-primary {
     color: var(--fg);
     background-color: var(--green);
     border-color: var(--green);
   }
+
   .btn-primary:hover,
   .btn-primary:focus,
   .btn-primary:not(:disabled):not(.disabled):active {
@@ -66,45 +74,54 @@
     background-color: var(--green-dim);
     border-color: var(--green-dim);
   }
+
   .btn-primary.focus,
   .form-control:focus,
   .btn-primary:focus {
     box-shadow: none;
   }
+
   path[style="fill:#17541f"] {
     fill: var(--green) !important;
   }
+
   svg.logo .text {
     fill: var(--fg) !important;
   }
+
   body {
     background-color: var(--bg) !important;
     color: var(--fg);
   }
+
   .form-control:not(.btn) {
     color: var(--fg1);
     background-color: var(--bg2);
   }
+
   .form-control:not(.is-invalid):not(.btn) {
     border-color: var(--fg4);
   }
+
   .form-control {
     border: 1px solid var(--fg1);
   }
+
   input::placeholder,
   textarea::placeholder {
     color: var(--fg2) !important;
   }
+
   .form-control:not(.btn):focus {
     color: var(--fg4) !important;
     background-color: var(--bg1) !important;
   }
-  .navbar[_ngcontent-swg-c118]
+
-    .search-form-container[_ngcontent-swg-c118]
+  .navbar[_ngcontent-swg-c118] .search-form-container[_ngcontent-swg-c118] .form-control[_ngcontent-swg-c118] {
-    .form-control[_ngcontent-swg-c118] {
     background-color: var(--bg2);
   }
+
   .bg-secondary {
     background-color: var(--bg4) !important;
   }
-}
+}

src/sites/photopea.user.css

@@ -5,7 +5,7 @@
 @description    Gruvbox Theme for Photopea
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/photopea.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/photopea.user.css
 @license MIT
 @var select accentColor "Accent Color" {
     "Aqua":"var(--aqua)",
@@ -18,6 +18,7 @@
 }
 ==/UserStyle== */
 @-moz-document domain("photopea.com") {
+
   /*~~~~~ Base Colors ~~~~~*/
   html {
     --base: #282a36 !important;
@@ -53,6 +54,7 @@
     background-color: var(--base);
     color: var(--text-color);
   }
+
   .storage .btn {
     background-color: var(--accent);
   }
@@ -70,6 +72,7 @@
   .enab:hover {
     background-color: var(--accent) !important;
   }
+
   .contextpanel hr {
     background: var(--text-color) !important;
   }
@@ -78,13 +81,16 @@
   #cats {
     color: var(--text-color);
   }
+
   body {
     background: var(--bg-canvas);
     color: #9699aa;
   }
+
   #cont {
     background-color: var(--base);
   }
+
   .order {
     color: var(--text-color);
   }
@@ -93,15 +99,18 @@
     color: var(--text-color);
     background-color: var(--bg-input);
   }
+
   .blue,
   .clc:hover,
   .clickable:hover {
     border-color: var(--accent);
     color: var(--accent);
   }
+
   .back {
     background-color: transparent;
   }
+
   .scrollable {
     scrollbar-color: var(--bg-input) var(--base);
   }
@@ -112,6 +121,7 @@
     color: var(--text-color);
     border: none;
   }
+
   input#keyws {
     background: var(--bg-input);
     color: var(--text-color);
@@ -134,26 +144,26 @@
 
   /*~~~~~ Hide Ads ~~~~~*/
   #cap,
-  body > .app > div[style*="z-index: 1"] {
+  body>.app>div[style*="z-index: 1"] {
     display: none !important;
   }
 
-  .mainblock > .block > div,
+  .mainblock>.block>div,
-  body > .app > div > div[style*="width"] {
+  body>.app>div>div[style*="width"] {
     width: unset !important;
     max-width: unset !important;
   }
 
-  body > .app > div > div[style*="width"] > div[style*="left"] {
+  body>.app>div>div[style*="width"]>div[style*="left"] {
     left: 0 !important;
     right: 0 !important;
   }
 
-  body > .app > div {
+  body>.app>div {
     flex-basis: 100% !important;
   }
 
-  body > .app > div > .cmanager .contextpanel[style*="top: 163"] {
+  body>.app>div>.cmanager .contextpanel[style*="top: 163"] {
     left: unset !important;
     right: 32px !important;
   }
@@ -162,7 +172,7 @@
     flex-grow: 1 !important;
   }
 
-  .mainblock > .block > div > div.pbody {
+  .mainblock>.block>div>div.pbody {
     width: max-content;
     margin: auto !important;
   }
@@ -175,4 +185,4 @@
     right: 0 !important;
     margin: auto !important;
   }
-}
+}

src/sites/pocketbase.user.css

@@ -5,11 +5,12 @@
 @description    A dark Theme for Pocketbase
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/pocketbase.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/pocketbase.user.css
 @license MIT
 ==/UserStyle== */
 
 @-moz-document domain("api.m3.fyi") {
+
   /*~~~~~ Base Colors ~~~~~*/
   :root {
     --txtPrimaryColor: var(--fg);
@@ -40,6 +41,7 @@
   .btn-sm .btn-warning {
     background-color: var(--warningColor) !important;
   }
+
   .btn.btn-secondary,
   .btn.btn-outline {
     color: var(--txtHintColor);
@@ -53,6 +55,7 @@
   .alert {
     color: var(--baseColor);
   }
+
   .alert.alert-warning .icon {
     color: var(--baseColor);
   }
@@ -62,33 +65,43 @@
   code {
     background: var(--baseAlt4Color) !important;
   }
+
   .prism-light .token.punctuation {
     color: var(--txtPrimaryColor);
   }
+
   .prism-light .token.property {
     color: var(--infoColor);
   }
+
   .prism-light .token.operator {
     color: var(--dangerColor);
   }
+
   .prism-light .token.keyword {
     color: var(--dangerColor);
   }
+
   .prism-light .token.string {
     color: var(--successColor);
   }
+
   .prism-light .token.boolean {
     color: var(--warningColor);
   }
+
   .prism-light .token.number {
     color: var(--orange);
   }
+
   .prism-light .token.class-name {
     color: var(--blue);
   }
+
   .prism-light .token.comment {
     color: var(--fg4);
   }
+
   .prism-light .token.function {
     color: var(--purple);
   }
@@ -102,7 +115,8 @@
   .ͼb {
     color: var(--purple);
   }
+
   .ͼe {
     color: var(--dangerColor);
   }
-}
+}

src/sites/portainer.user.css

@@ -5,11 +5,12 @@
 @description    A dark Theme for Portainer
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/portainer.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/portainer.user.css
 @license MIT
 ==/UserStyle== */
 
 @-moz-document domain("portainer.m3.fyi") {
+
   /*~~~~~ Base Colors ~~~~~*/
   :root {
     --bg-body-color: var(--bg);
@@ -40,153 +41,189 @@
     --text-cm-default-color: var(--orange);
     --text-cm-string-color: var(--green);
   }
+
   .CodeMirror-linenumber {
     color: var(--fg3);
   }
+
   .label-warning {
     background-color: var(--yellow);
   }
+
   .cm-s-default .cm-comment {
     color: var(--yellow-dim);
   }
+
   .label-primary,
   .label-info {
     background-color: var(--blue);
   }
+
   .text-warning:is([theme="dark"] *) {
     color: var(--orange);
   }
+
   .widget .widget-body table thead th .table-filter {
     color: var(--fg3);
   }
+
   .th-dark\:bg-gray-warm-11:is([theme="dark"] *) {
     background-color: var(--bg3);
   }
+
   .border-green-3,
   .border-gray-5 {
     border-color: var(--bg3) !important;
   }
+
   .text-gray-5 {
     color: var(--fg2);
   }
+
   .th-dark\:hover\:bg-gray-10:hover:is([theme="dark"] *) {
     background-color: var(--bg1);
   }
+
   .th-dark\:bg-gray-iron-10:is([theme="dark"] *),
   .th-dark\:hover\:bg-gray-true-9:hover:is([theme="dark"] *) {
     background-color: var(--bg2);
   }
+
   .bg-green-2,
   .th-dark\:bg-gray-true-8:is([theme="dark"] *) {
     background-color: var(--bg3);
   }
+
   .text-gray-6,
   .\!text-gray-6,
   .form-section-title:is([theme="dark"] *) {
     color: var(--fg3) !important;
   }
+
   .text-gray-3,
   .text-white {
     color: var(--fg);
   }
+
   .text-green-7,
   .\!text-green-7,
   .btn.btn-link:is([theme="dark"] *),
   .th-dark\:text-blue-7:is([theme="dark"] *) {
     color: var(--green) !important;
   }
+
   .icon-orange,
   .icon-warning {
     color: var(--yellow) !important;
   }
+
   .text-gray-7 {
     color: var(--fg2) !important;
   }
+
   .btn.btn-dangerlight:is([theme="dark"] *),
   .btn-danger {
     background-color: var(--red) !important;
     color: var(--fg) !important;
     border-color: var(--red-dim) !important;
   }
+
   .btn-primary {
     background-color: var(--green) !important;
     color: var(--fg) !important;
     border-color: var(--green-dim) !important;
   }
+
   input::placeholder,
   textarea::placeholder,
   .portainer-selector__placeholder {
     color: var(--fg4) !important;
   }
+
   a.hyperlink:hover,
   a:focus,
   a:hover {
     color: var(--fg2) !important;
   }
+
   .form-control:focus {
     border-color: var(--green);
     box-shadow: inset 0 1px 1px rgba(40, 40, 40, 0.075),
       0 0 8px rgba(184, 187, 38, 0.6);
   }
-  input:checked + .slider {
+
+  input:checked+.slider {
     background-color: var(--green) !important;
   }
+
   .th-dark\:bg-blue-3:is([theme="dark"] *) {
     background-color: var(--blue);
   }
+
   .th-dark\:text-green-4:is([theme="dark"] *) {
     color: var(--fg);
   }
+
   .th-dark\:bg-green-4:is([theme="dark"] *) {
     background-color: var(--green);
   }
+
   .icon {
     filter: var(--filter-reset) var(--filter-fg);
     -webkit-filter: var(--filter-reset) var(--filter-fg);
   }
+
   .motd-body,
   .be-indicator,
   .business,
   li[aria-label="Authentication logs"],
-  #sideview > sidebar > div > button,
+  #sideview>sidebar>div>button,
-  #sideview > sidebar > div > nav > div.flex > div > div {
+  #sideview>sidebar>div>nav>div.flex>div>div {
     display: none;
   }
+
   .th-dark\:bg-green-3\/30:is([theme="dark"] *) {
     background-color: var(--blue-dim);
   }
+
   img[alt="docker endpoint"],
   g[clip-path="url(#portainer_logo_svg__a)"],
   path[fill="#0091E2"] {
     filter: var(--filter-reset) var(--filter-blue);
     -webkit-filter: var(--filter-reset) var(--filter-blue);
   }
+
   .app-react-components-datatables-TableHeaderSortIcons-module__sort-icon,
   .portainer-selector__indicator,
   .searchIcon {
     filter: var(--filter-reset) var(--filter-fg2);
     -webkit-filter: var(--filter-reset) var(--filter-fg2);
   }
+
   a,
   a.hyperlink {
     color: var(--green);
   }
+
   .btn.btn-default:is([theme="dark"] *),
   .btn.btn-light:is([theme="dark"] *) {
     color: var(--fg) !important;
     background-color: var(--bg3);
     border-color: var(--bg4);
   }
+
   .th-dark\:text-white:is([theme="dark"] *),
   .control-label:is([theme="dark"] *) {
     color: var(--fg);
   }
+
   .widget .widget-icon:is([theme="dark"] *) {
     border: none;
     background-color: var(--bg4);
     color: var(--fg);
   }
+
   .th-dark\:hover\:bg-gray-9:hover:is([theme="dark"] *) {
     background-color: var(--bg2);
   }
-}
+}

src/sites/proxmox.user.css

@@ -5,7 +5,7 @@
 @description    Gruvbox Theme for Proxmox
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/proxmox.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/proxmox.user.css
 @license MIT
 ==/UserStyle== */
 @-moz-document domain("pve.m3.fyi"), domain("pve.mniermann.de") {

src/sites/searx.user.css

@@ -5,7 +5,7 @@
 @description    Gruvbox Theme for Searx
 @author         Marsn3
 @homepageURL https://git.m3.fyi/Marsn3/userstyles
-@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/searx.user.css
+@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/sites/searx.user.css
 @license MIT
 ==/UserStyle== */
 @-moz-document domain("search.m3.fyi") {
@@ -104,23 +104,28 @@
     --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;
   }
+
   #main_index {
     margin-top: 0em;
   }
+
   #links_on_top a:visited,
   footer a:visited {
     color: var(--green);
     text-decoration: none;
   }
+
   .autocomplete.open {
     border: 1px solid var(--bg1);
   }
-}
+}