[
  {
    "settings": {
      "openEditInWindow": false,
      "openEditInWindow.popup": false,
      "windowPosition": {},
      "show-badge": true,
      "disableAll": false,
      "exposeIframes": false,
      "exposeStyleName": false,
      "newStyleAsUsercss": false,
      "styleViaXhr": false,
      "patchCsp": false,
      "urlInstaller": true,
      "config.autosave": true,
      "schemeSwitcher.enabled": "system",
      "schemeSwitcher.nightStart": "18:00",
      "schemeSwitcher.nightEnd": "06:00",
      "popup.breadcrumbs": true,
      "popup.breadcrumbs.usePath": false,
      "popup.enabledFirst": true,
      "popup.stylesFirst": true,
      "popup.autoResort": false,
      "popup.borders": false,
      "popup.findSort": "n",
      "manage.onlyEnabled": false,
      "manage.onlyLocal": false,
      "manage.onlyUsercss": false,
      "manage.onlyEnabled.invert": false,
      "manage.onlyLocal.invert": false,
      "manage.onlyUsercss.invert": false,
      "manage.actions.expanded": true,
      "manage.backup.expanded": true,
      "manage.filters.expanded": true,
      "manage.minColumnWidth": 750,
      "manage.newUI": true,
      "manage.newUI.favicons": false,
      "manage.newUI.faviconsGray": true,
      "manage.newUI.targets": 3,
      "manage.newUI.sort": "title,asc",
      "manage.searchMode": "meta",
      "editor.options": {},
      "editor.toc.expanded": true,
      "editor.options.expanded": true,
      "editor.lint.expanded": true,
      "editor.publish.expanded": true,
      "editor.lineWrapping": true,
      "editor.smartIndent": true,
      "editor.indentWithTabs": false,
      "editor.tabSize": 4,
      "editor.keyMap": "default",
      "editor.theme": "default",
      "editor.beautify": {
        "selector_separator_newline": true,
        "newline_before_open_brace": false,
        "newline_after_open_brace": true,
        "newline_between_properties": true,
        "newline_before_close_brace": true,
        "newline_between_rules": false,
        "preserve_newlines": true,
        "end_with_newline": false,
        "indent_conditional": true,
        "indent_mozdoc": true,
        "space_around_combinator": true,
        "space_around_cmp": false
      },
      "editor.beautify.hotkey": "",
      "editor.lintDelay": 300,
      "editor.linter": "csslint",
      "editor.lintReportDelay": 500,
      "editor.matchHighlight": "token",
      "editor.autoCloseBrackets": true,
      "editor.autocompleteOnTyping": false,
      "editor.contextDelete": false,
      "editor.selectByTokens": true,
      "editor.arrowKeysTraverse": true,
      "editor.appliesToLineWidget": true,
      "editor.autosaveDraft": 10,
      "editor.livePreview": true,
      "editor.colorpicker": true,
      "editor.colorpicker.hexUppercase": false,
      "editor.colorpicker.hotkey": "",
      "editor.colorpicker.color": "",
      "editor.colorpicker.maxHeight": 300,
      "hotkey._execute_browser_action": "",
      "hotkey.openManage": "",
      "hotkey.styleDisableAll": "",
      "sync.enabled": "none",
      "iconset": -1,
      "badgeDisabled": "#8B0000",
      "badgeNormal": "#006666",
      "headerWidth.edit": 280,
      "headerWidth.install": 280,
      "headerWidth.manage": 280,
      "popupWidth": 246,
      "updateInterval": 24
    },
    "order": {
      "main": [],
      "prio": []
    }
  },
  {
    "enabled": true,
    "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css",
    "url": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube",
    "installDate": 1699561197842,
    "sections": [
      {
        "code": ""
      }
    ],
    "sourceCode": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 3.1.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n@var text scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */\n@-moz-document regexp('https?:\\\\/\\\\/(?!gaming\\\\.)(?!consent\\\\.)(?!vr\\\\.)(?!music\\\\.)(?!tv\\\\.)(?!artists\\\\.)(?!studio\\\\.).*youtube(?!kids\\\\.).*\\\\.com\\\\/(?!premium|howyoutubeworks).*$') {\n  /* youtube.com */\n  :root[dark] {\n    #catppuccin(@darkFlavor, @accentColor);\n    #oled(@oledOn);\n    #logo(@logo);\n  }\n  :root {\n    #catppuccin(@lightFlavor, @accentColor);\n    #oled(@oledOn);\n    #logo(@logo);\n  }\n\n  /* for oled monitors */\n  #oled(@oled) when (@oled =0) {\n    #ytd-player #container {\n      background: @base !important;\n    }\n  }\n\n  #logo(@logo) {\n    ytd-topbar-logo-renderer.style-scope a svg > g,\n    svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) {\n      path[fill=\"#FF0000\"] {\n        fill: @accent-color !important;\n      }\n      path[fill=\"white\"] {\n        fill: @base !important;\n      }\n    }\n    & when (@logo =1) {\n      ytd-topbar-logo-renderer,\n      svg.ytd-consent-bump-v2-lightbox {\n        display: none;\n      }\n    }\n  }\n\n  #catppuccin(@lookup, @accent) {\n    @rosewater: @catppuccin[@@lookup][@rosewater];\n    @flamingo: @catppuccin[@@lookup][@flamingo];\n    @pink: @catppuccin[@@lookup][@pink];\n    @mauve: @catppuccin[@@lookup][@mauve];\n    @red: @catppuccin[@@lookup][@red];\n    @maroon: @catppuccin[@@lookup][@maroon];\n    @peach: @catppuccin[@@lookup][@peach];\n    @yellow: @catppuccin[@@lookup][@yellow];\n    @green: @catppuccin[@@lookup][@green];\n    @teal: @catppuccin[@@lookup][@teal];\n    @sky: @catppuccin[@@lookup][@sky];\n    @sapphire: @catppuccin[@@lookup][@sapphire];\n    @blue: @catppuccin[@@lookup][@blue];\n    @lavender: @catppuccin[@@lookup][@lavender];\n    @text: @catppuccin[@@lookup][@text];\n    @subtext1: @catppuccin[@@lookup][@subtext1];\n    @subtext0: @catppuccin[@@lookup][@subtext0];\n    @overlay2: @catppuccin[@@lookup][@overlay2];\n    @overlay1: @catppuccin[@@lookup][@overlay1];\n    @overlay0: @catppuccin[@@lookup][@overlay0];\n    @surface2: @catppuccin[@@lookup][@surface2];\n    @surface1: @catppuccin[@@lookup][@surface1];\n    @surface0: @catppuccin[@@lookup][@surface0];\n    @base: @catppuccin[@@lookup][@base];\n    @mantle: @catppuccin[@@lookup][@mantle];\n    @crust: @catppuccin[@@lookup][@crust];\n    @accent-color: @catppuccin[@@lookup][@@accent];\n\n    /* apply everywhere */\n    &,\n    [dark],\n    html,\n    html[system-icons][dark],\n    html[system-icons] [dark],\n    html[darker-dark-theme][dark],\n    [darker-dark-theme] [dark] {\n      --yt-spec-white-1: @text !important;\n      --yt-spec-white-2: @subtext0 !important;\n      --yt-spec-white-3: @subtext1 !important;\n      --yt-spec-white-4: darken(@subtext1, 5%) !important;\n      --yt-spec-black-1: @overlay1 !important;\n      --yt-spec-black-2: @overlay0 !important;\n      --yt-spec-black-3: @surface2 !important;\n      --yt-spec-black-4: @surface1 !important;\n      --yt-spec-black-pure: @surface0 !important;\n      --yt-spec-grey-1: @text !important;\n      --yt-spec-grey-2: @subtext0 !important;\n      --yt-spec-grey-3: @subtext1 !important;\n      --yt-spec-grey-4: @overlay2 !important;\n      --yt-spec-grey-5: @overlay1 !important;\n      --yt-brand-youtube-red: @accent-color !important;\n      --yt-brand-medium-red: @accent-color !important;\n      --yt-brand-light-red: @accent-color !important;\n      --yt-spec-red-30: @peach !important;\n      --yt-spec-red-70: @red !important;\n      --yt-spec-pale-blue: @sky !important;\n      --yt-spec-light-blue: @sky !important;\n      --yt-spec-dark-blue: @sapphire !important;\n      --yt-spec-navy-blue: @teal !important;\n      --yt-spec-light-green: @green !important;\n      --yt-spec-dark-green: @green !important;\n      --yt-spec-yellow: @peach !important;\n      --yt-spec-black-pure-alpha-5: fadeout(@crust, 0.05) !important;\n      --yt-spec-black-pure-alpha-10: fadeout(@crust, 0.1) !important;\n      --yt-spec-black-pure-alpha-15: fadeout(@crust, 0.15) !important;\n      --yt-spec-black-pure-alpha-30: fadeout(@crust, 0.3) !important;\n      --yt-spec-black-pure-alpha-60: fadeout(@crust, 0.6) !important;\n      --yt-spec-black-pure-alpha-80: fadeout(@crust, 0.8) !important;\n      --yt-spec-black-1-alpha-98: fadeout(@crust, 0.98) !important;\n      --yt-spec-black-1-alpha-95: fadeout(@crust, 0.95) !important;\n      --yt-spec-white-1-alpha-10: fadeout(@text, 0.1) !important;\n      --yt-spec-white-1-alpha-20: fadeout(@text, 0.2) !important;\n      --yt-spec-white-1-alpha-25: fadeout(@text, 0.25) !important;\n      --yt-spec-white-1-alpha-30: fadeout(@text, 0.3) !important;\n      --yt-spec-white-1-alpha-70: fadeout(@text, 0.7) !important;\n      --yt-spec-white-1-alpha-95: fadeout(@text, 0.95) !important;\n      --yt-spec-white-1-alpha-98: fadeout(@text, 0.98) !important;\n      --yt-brand-medium-red-alpha-90: fadeout(@accent-color, 0.9) !important;\n      --yt-brand-medium-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n      --yt-brand-light-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n      --yt-spec-light-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n      --yt-spec-dark-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n\n      --yt-spec-base-background: @base !important;\n      --yt-spec-raised-background: @mantle !important;\n      --yt-spec-menu-background: @mantle !important;\n      --yt-spec-inverted-background: @text !important;\n      --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n      --yt-spec-outline: @surface0 !important;\n      --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n      --yt-spec-text-primary: @text !important;\n      --yt-spec-text-secondary: @subtext0 !important;\n      --yt-spec-text-disabled: @subtext1 !important;\n      --yt-spec-text-primary-inverse: @crust !important;\n      --yt-spec-call-to-action: @accent-color !important;\n      --yt-spec-call-to-action-inverse: @accent-color !important;\n      --yt-spec-suggested-action: fadeout(@accent-color, 80%) !important;\n      --yt-spec-suggested-action-inverse: @text !important;\n      --yt-spec-icon-active-other: @overlay0 !important;\n      --yt-spec-icon-inactive: @overlay1 !important;\n      --yt-spec-icon-disabled: @overlay2 !important;\n      --yt-spec-button-chip-background-hover: @surface1 !important;\n      --yt-spec-touch-response: @surface0 !important;\n\n      --yt-spec-touch-response-inverse: @accent-color !important;\n      --yt-spec-brand-icon-active: @accent-color !important;\n      --yt-spec-brand-icon-inactive: @overlay1 !important;\n      --yt-spec-brand-button-background: @accent-color !important;\n      --yt-spec-brand-link-text: @sapphire !important;\n      --yt-spec-wordmark-text: @text !important;\n      --yt-spec-error-indicator: @red !important;\n      --yt-spec-themed-blue: @sky !important;\n      --yt-spec-themed-green: @green !important;\n      --yt-spec-ad-indicator: @teal !important;\n      --yt-spec-themed-overlay-background: fadeout(@crust, 0.8) !important;\n      --yt-spec-commerce-badge-background: @green !important;\n      --yt-spec-static-brand-red: @accent-color !important;\n      --yt-spec-static-brand-white: @text !important;\n      --yt-spec-static-brand-black: @base !important;\n      --yt-spec-static-clear-color: fadeout(@crust, 0) !important;\n      --yt-spec-static-clear-black: fadeout(@crust, 0) !important;\n      --yt-spec-static-ad-yellow: @peach !important;\n      --yt-spec-static-grey: @subtext0 !important;\n      --yt-spec-static-overlay-background-solid: @crust !important;\n      --yt-spec-static-overlay-background-heavy: @surface0 !important;\n      --yt-spec-static-overlay-background-medium: fadeout(\n        @crust,\n        0.6\n      ) !important;\n      --yt-spec-static-overlay-background-medium-light: fadeout(\n        @crust,\n        0.3\n      ) !important;\n      --yt-spec-static-overlay-background-light: fadeout(\n        @crust,\n        0.1\n      ) !important;\n      --yt-spec-static-overlay-text-primary: @text !important;\n      --yt-spec-static-overlay-text-secondary: fadeout(\n        @subtext0,\n        0.7\n      ) !important;\n      --yt-spec-static-overlay-text-disabled: fadeout(\n        @subtext0,\n        0.3\n      ) !important;\n      --yt-spec-static-overlay-call-to-action: @accent-color !important;\n      --yt-spec-static-overlay-icon-active-other: @text !important;\n      --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n      --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n      --yt-spec-static-overlay-button-primary: @accent-color !important;\n      --yt-spec-static-overlay-button-secondary: @surface0 !important;\n      --yt-spec-static-overlay-touch-response: @overlay1 !important;\n      --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n      --yt-spec-static-overlay-background-brand: @accent-color !important;\n      --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n      --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n      --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n      --yt-spec-brand-background-solid: @base !important;\n      --yt-spec-brand-background-primary: @surface0 !important;\n      --yt-spec-brand-background-secondary: @mantle !important;\n      --yt-spec-general-background-a: @base !important;\n      --yt-spec-general-background-b: @mantle !important;\n      --yt-spec-general-background-c: @crust !important;\n      --yt-spec-error-background: @base !important;\n      --yt-spec-10-percent-layer: @surface2 !important;\n      --yt-spec-snackbar-background: @mantle !important;\n      --yt-spec-snackbar-background-updated: @mantle !important;\n      --yt-spec-badge-chip-background: if(\n        @lookup =latte,\n        @crust,\n        @surface1\n      ) !important;\n      --yt-spec-verified-badge-background: @overlay0 !important;\n      --yt-spec-call-to-action-fadeoutd: fadeout(@sapphire, 0.3) !important;\n      --yt-spec-call-to-action-hover: @accent-color !importantr;\n      --yt-spec-brand-button-background-hover: @accent-color !important;\n      --yt-spec-brand-link-text-fadeoutd: fadeout(\n        @accent-color,\n        0.3\n      ) !important;\n      --yt-spec-filled-button-focus-outline: @surface0 !important;\n      --yt-spec-static-overlay-button-hover: @surface1 !important;\n      --yt-spec-mono-filled-hover: @surface1 !important;\n      --yt-spec-commerce-filled-hover: @accent-color !important;\n      --yt-spec-mono-tonal-hover: @surface1 !important;\n      --yt-spec-commerce-tonal-hover: @surface2 !important;\n      --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n      --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n      --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n      --yt-spec-filled-button-text: @text !important;\n      --yt-spec-selected-nav-text: @text !important;\n      --iron-icon-fill-color: @text !important;\n\n      /* Search bar */\n      --ytd-searchbox-border-color: @surface0 !important;\n      --ytd-searchbox-legacy-border-color: @surface0 !important;\n      --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n      --ytd-searchbox-legacy-button-color: @mantle !important;\n      --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n      --ytd-searchbox-legacy-button-focus-color: @accent-color !important;\n      --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n      --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n      --ytd-searchbox-legacy-button-icon-color: @accent-color !important;\n      --ytd-searchbox-background: @base !important;\n      --ytd-searchbox-text-color: @text !important;\n\n      /* System icons */\n      --yt-spec-icon-inactive: @overlay0 !important;\n      --yt-spec-icon-disabled: @overlay1 !important;\n      --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n      /* Yt video Page */\n      --yt-live-chat-background-color: @base !important;\n      --yt-live-chat-action-panel-background-color: @base !important;\n      --yt-live-chat-action-panel-background-color-transparent: @base !important;\n      --yt-live-chat-secondary-background-color: @surface1;\n      --yt-live-chat-banner-gradient-scrim: linear-gradient(\n        @mantle,\n        transparent\n      ) !important;\n      --yt-live-chat-toast-background-color: @surface2 !important;\n      --yt-live-chat-mode-change-background-color: @base !important;\n      --yt-live-chat-secondary-text-color: @subtext0 !important;\n      --yt-live-chat-tertiary-text-color: fadeout(@text, 0.54) !important;\n      --yt-live-chat-text-input-field-inactive-underline-color: @subtext0 !important;\n      --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n      --yt-live-chat-enabled-send-button-color: @text !important;\n      --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n      --yt-live-chat-picker-button-hover-color: @accent-color !important;\n      --yt-live-chat-mention-background-color: @accent-color !important;\n      --yt-live-chat-mention-text-color: @text !important;\n      --yt-live-chat-deleted-message-color: @subtext0;\n      --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n      --yt-live-chat-reconnect-message-color: @text !important;\n      --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n      --yt-live-chat-sub-panel-background-color: @base !important;\n      --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n      --yt-live-chat-moderator-color: @lavender !important;\n      --yt-live-chat-owner-color: @peach !important;\n      --yt-live-chat-message-highlight-background-color: @base !important;\n      --yt-live-chat-sponsor-color: @green !important;\n      --yt-live-chat-overlay-color: fadeout(@mantle, 0.5);\n      --yt-live-chat-dialog-background-color: @base !important;\n      --yt-emoji-picker-variant-selector-bg-color: @base !important;\n      --yt-live-chat-moderation-mode-hover-background-color: fadeout(\n        @mantle,\n        0.3\n      ) !important;\n      --yt-grey: @subtext0 !important;\n      --yt-live-chat-text-input-field-suggestion-background-color: @subtext0 !important;\n      --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1 !important;\n      --yt-emoji-picker-search-background-color: @surface0 !important;\n      --yt-emoji-picker-search-color: @text !important;\n      --yt-emoji-picker-search-placeholder-color: @accent-color !important;\n      --yt-live-chat-slider-active-color: @accent-color !important;\n      --yt-live-chat-slider-container-color: @surface0 !important;\n      --yt-live-chat-slider-markers-color: @text !important;\n      --yt-live-chat-banner-gradient-scrim: linear-gradient(\n        @mantle,\n        transparent\n      ) !important;\n      --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n        to top,\n        @mantle,\n        transparent\n      ) !important;\n      --yt-live-chat-automod-button-background-color-hover: fadeout(\n        @crust,\n        0.5\n      ) !important;\n      --yt-live-chat-automod-button-explanation-color: fadeout(\n        @accent-color,\n        0.7\n      ) !important;\n      --yt-live-chat-shimmer-background-color: fadeout(@crust, 0.4) !important;\n      --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n        0deg,\n        fadeout(@text, 0.1) 40%,\n        fadeout(@base, 0.3) 50%,\n        fadeout(@text, 0.1) 60%\n      ) !important;\n      --yt-live-chat-vem-background-color: @mantle !important;\n      --yt-live-chat-product-picker-icon-color: fadeout(@text, 0.5) !important;\n      --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n      --yt-live-chat-product-picker-disabled-icon-color: fadeout(\n        @text,\n        0.3\n      ) !important;\n      --yt-live-chat-action-panel-background-color-transparent: (\n        null\n      ) !important;\n\n      /* Tooltip */\n      --paper-tooltip-background: @overlay0 !important;\n      --paper-tooltip-text-color: @text !important;\n\n      /* links */\n      --yt-endpoint-color: @accent-color !important;\n      --yt-endpoint-visited-color: @accent-color !important;\n      --yt-endpoint-hover-color: @accent-color !important;\n\n      --sb-dark-red-outline: @accent-color !important;\n      --sb-main-bg-color: @base !important;\n      --sb-main-fg-color: @text !important;\n      --sb-grey-bg-color: @base !important;\n      --sb-grey-fg-color: @subtext0 !important;\n      --sb-red-bg-color: @accent-color !important;\n    }\n\n    /* general colors */\n    &:not(.style-scope) {\n      --primary-text-color: @text !important;\n      --primary-background-color: @base !important;\n      --secondary-text-color: @subtext0 !important;\n      --disabled-text-color: @subtext1 !important;\n      --divider-color: @overlay0 !important;\n      --error-color: @red !important;\n      --primary-color: @accent-color !important;\n      --light-primary-color: @accent-color !important;\n      --dark-primary-color: @blue !important;\n      --accent-color: @accent-color !important;\n      --light-accent-color: @accent-color !important;\n      --dark-accent-color: @accent-color !important;\n      --light-theme-background-color: @base !important;\n      --light-theme-base-color: @text !important;\n      --light-theme-text-color: @text !important;\n      --light-theme-secondary-color: @subtext0 !important;\n      --light-theme-disabled-color: @subtext1 !important;\n      --light-theme-divider-color: @overlay0 !important;\n      --dark-theme-background-color: @base !important;\n      --dark-theme-base-color: @text !important;\n      --dark-theme-text-color: @text !important;\n      --dark-theme-secondary-color: @subtext0 !important;\n      --dark-theme-disabled-color: @subtext1 !important;\n      --dark-theme-divider-color: @overlay0 !important;\n    }\n\n    #channel-name.ytd-video-meta-block {\n      --yt-endpoint-color: @accent-color !important;\n      --yt-endpoint-visited-color: @accent-color !important;\n      color: @accent-color !important;\n    }\n\n    /* selected chapter */\n    ytd-macro-markers-list-item-renderer {\n      --ytd-macro-markers-list-item-background-color: @surface0 !important;\n      --ytd-macro-markers-list-item-title-color: @text !important;\n      --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n      --ytd-macro-markers-list-item-timestamp-background-color: @surface1 !important;\n    }\n\n    /* playlist selector */\n    ytd-playlist-panel-video-renderer {\n      --yt-lightsource-section2-color: @surface1 !important;\n      --yt-lightsource-section4-color: @surface2 !important;\n      --yt-lightsource-primary-title-color: @text !important;\n      --yt-lightsource-secondary-title-color: @text !important;\n      --yt-active-playlist-panel-background-color: @surface0 !important;\n    }\n\n    ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette]\n      .header.ytd-playlist-panel-renderer {\n      --iron-icon-fill-color: @text !important;\n      background-color: @base !important;\n    }\n\n    /* explandable meta */\n    ytd-expandable-metadata-renderer {\n      --yt-lightsource-section1-color: @base !important;\n      --yt-lightsource-section2-color: @surface0 !important;\n      --yt-lightsource-section3-color: @surface1 !important;\n      --yt-lightsource-section4-color: @surface2 !important;\n      --yt-lightsource-primary-title-color: @text !important;\n      --yt-lightsource-secondary-title-color: @subtext0 !important;\n    }\n\n    yt-live-chat-renderer {\n      --yt-emoji-picker-renderer-height: 180px;\n      --yt-button-default-text-color: @text !important;\n      --yt-button-default-background-color: @base !important;\n      --yt-button-dark-text-color: @base !important;\n      --yt-button-dark-background-color: @accent-color !important;\n      --yt-button-payment-background-color: @accent-color !important;\n    }\n\n    yt-icon.ytd-pinned-comment-badge-renderer * {\n      fill: @text !important;\n    }\n\n    .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n      background: @overlay0 !important;\n    }\n\n    .html5-ypc-purchase {\n      background: @accent-color !important;\n      &:hover {\n        background: ligten(@accent-color, 10%) !important;\n      }\n    }\n\n    yt-notification-action-renderer[darker-dark-theme]\n      tp-yt-paper-toast.yt-notification-action-renderer {\n      background: @overlay0 !important;\n    }\n\n    /* volume bar */\n    .ytp-volume-slider-handle {\n      background: @accent-color !important;\n      &::before {\n        background: @accent-color !important;\n      }\n      &::after {\n        z-index: -1;\n      }\n    }\n\n    /* new videos dot */\n    #newness-dot {\n      background-color: @accent-color !important;\n    }\n\n    /* subtitle */\n    .ytp-chrome-controls .ytp-button[aria-pressed]:after {\n      background-color: @accent-color !important;\n    }\n\n    /* menu items */\n    /* checkbox subitem */\n    .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n      background: @accent-color !important;\n      &::after {\n        background: @overlay1 !important;\n      }\n    }\n    .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n      background: @surface1 !important;\n    }\n    .ytp-settings-button.ytp-hd-quality-badge,\n    .ytp-settings-button.ytp-4k-quality-badge,\n    .ytp-settings-button.ytp-5k-quality-badge,\n    .ytp-settings-button.ytp-8k-quality-badge,\n    .ytp-settings-button.ytp-3d-badge {\n      &::after {\n        background-color: @accent-color !important;\n      }\n    }\n\n    .ytp-panel-menu {\n      color: @text;\n\n      & .ytp-menuitem:not(:last-child) svg > path {\n        fill: @text;\n      }\n\n      & .ytp-menuitem:last-child svg:last-child {\n        fill: @text;\n      }\n    }\n\n    .ytp-right-controls svg path,\n    .ytp-svg-fill {\n      fill: #fff !important;\n    }\n\n    .ytp-time-current,\n    .ytp-time-separator,\n    .ytp-time-duration,\n    .ytp-menu-label-secondary,\n    .ytp-menuitem-label-count {\n      color: #fff;\n    }\n\n    .ytp-tooltip:not([aria-hidden=\"true\"]) {\n      color: @text;\n    }\n\n    .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n      fill: @accent-color !important;\n    }\n\n    .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n      fill: @accent-color !important;\n    }\n\n    .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n      background-color: @accent-color !important;\n      .yt-spec-button-shape-next__icon yt-icon svg g path {\n        fill: @base !important;\n      }\n    }\n\n    /* link */\n    .yt-core-attributed-string__link--call-to-action-color {\n      color: @sapphire !important;\n      &:hover {\n        color: @teal !important;\n      }\n    }\n\n    /* search results */\n    .sbpqs_a:before,\n    .sbqs_c:before {\n      filter: invert(1);\n    }\n\n    /* Results backgrounds */\n    .sbsb_a,\n    .sbdd_b {\n      background: @mantle !important;\n      border: none !important;\n    }\n\n    /* text color */\n    .gsfs {\n      color: @text !important;\n    }\n\n    /* Hover and keyboard select background */\n    .sbsb_c.gsfs:hover,\n    .sbsb_d {\n      background-color: @surface0 !important;\n    }\n\n    .sbfl_b {\n      background-color: @mantle !important;\n      &:hover {\n        background-color: @surface0 !important;\n        color: @accent-color !important;\n      }\n    }\n\n    .sbpqs_a {\n      color: @accent-color !important;\n    }\n\n    .sbfl_a {\n      color: @subtext0 !important;\n    }\n\n    .sbsb_i {\n      color: @subtext0;\n    }\n\n    /* Keyboard select text color and hover text color */\n    .sbsb_c:hover .sbqs_c,\n    .sbsb_c.gsfs.sbsb_d .sbqs_c {\n      color: @accent-color !important;\n    }\n\n    .ytp-swatch-background-color {\n      background-color: @accent-color !important;\n    }\n\n    /* exmplation box */\n    .explanation-box[correct] * {\n      color: @crust !important;\n    }\n\n    /* custom likes + anims */\n    yt-animated-icon[animated-icon-type=\"LIKE\"]\n      > ytd-lottie-player\n      > lottie-component\n      > svg\n      > g:nth-child(2)\n      > g:nth-child(2) {\n      /* not liked */\n      > g:nth-child(2),\n      > g:nth-child(4) {\n        > path:nth-child(1) {\n          stroke: @text !important;\n        }\n      }\n      /* liked */\n      > g:nth-child(1),\n      > g:nth-child(3) {\n        > path:nth-child(1) {\n          fill: @accent-color !important;\n        }\n        > path:nth-child(2) {\n          stroke: @accent-color !important;\n        }\n      }\n    }\n\n    /* iv branding */\n    /* Popup for when you hover over the channel avatar in the video */\n    .iv-branding .branding-context-container-inner {\n      background-color: @base !important;\n    }\n\n    .iv-branding .iv-branding-context-name {\n      color: @text !important;\n      text-shadow: none !important;\n    }\n\n    /* Popup for when you hover over the channel avatar in the video */\n    .iv-branding .branding-context-container-inner {\n      background-color: @base !important;\n    }\n\n    /* Cards */\n    .iv-drawer-content {\n      background-color: fadeout(@mantle, 5%) !important;\n    }\n\n    .iv-drawer-header-text {\n      color: @text !important;\n    }\n\n    .iv-card-content,\n    .ytp-ce-expanding-overlay-background,\n    .ytp-cards-teaser .ytp-cards-teaser-text,\n    .ytp-cards-teaser .ytp-cards-teaser-box {\n      background-color: @base !important;\n    }\n\n    .ytp-cards-teaser .ytp-cards-teaser-box,\n    .iv-card-image {\n      border: 0px !important;\n    }\n\n    .iv-card-content > :first-child,\n    .html5-video-player a,\n    .iv-card h2,\n    .ytp-cards-teaser .ytp-cards-teaser-text {\n      color: @text !important;\n    }\n\n    /*Player tooltip background*/\n    .ytp-tooltip-text {\n      background: @surface0 !important;\n    }\n\n    .iv-card:hover .iv-card-primary-link,\n    .ytp-ce-website-title {\n      color: @accent-color !important;\n    }\n\n    .ytp-popup {\n      background: @surface0 !important;\n    }\n\n    tp-yt-paper-dialog {\n      background-color: @base !important;\n    }\n\n    /* Temporary fix */\n    .yt-core-attributed-string--link-inherit-color {\n      color: @text !important;\n      /*&:hover {\n       * color: @teal !important;\n      }*/\n    }\n\n    /* live badges */\n    .badge-style-type-live-now-alternate,\n    ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n      color: @crust !important;\n      yt-icon svg {\n        g path,\n        path {\n          fill: @crust !important;\n        }\n      }\n    }\n    .ytp-live-badge {\n      &:before {\n        background: @subtext1 !important;\n      }\n      &[disabled]:before {\n        background: @accent-color !important;\n      }\n    }\n\n    /* notification idicator */\n    .yt-spec-icon-badge-shape--type-notification\n      .yt-spec-icon-badge-shape__badge {\n      background-color: @accent-color !important;\n      color: @crust !important;\n    }\n    .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n      color: var(--yt-spec-icon-active-other) !important;\n    }\n\n    /* creator badges */\n    ytd-author-comment-badge-renderer {\n      --yt-basic-background-color: @surface0 !important;\n      --yt-basic-foreground-title-color: @surface0 !important;\n      --ytd-author-comment-badge-background-color: @surface0 !important;\n      --ytd-author-comment-badge-name-color: @text !important;\n      --ytd-author-comment-badge-icon-color: @text !important;\n      padding-right: 6px;\n      padding-left: 8px;\n    }\n\n    /* disable ambient mode */\n    #cinematics > div > canvas {\n      visibility: hidden;\n    }\n\n    /* badges e.g. popular */\n    yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n    yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n      background: @surface0 !important;\n      border: 1px solid @accent-color !important;\n      color: @text !important;\n    }\n\n    /* Search border */\n    ytd-searchbox[has-focus] #container.ytd-searchbox {\n      border-color: @accent-color !important;\n    }\n\n    /* Error page */\n    #error-page {\n      background-color: @base !important;\n    }\n\n    #error-page-content {\n      color: @text !important;\n      text-shadow: none;\n      background-color: @base !important;\n      > p {\n        color: @text !important;\n        text-shadow: none;\n      }\n      #masthead-search-terms.masthead-search-terms-border {\n        border: 1px solid @accent-color !important;\n        box-shadow: none !important;\n      }\n      #yt-masthead {\n        color: @text !important;\n        text-shadow: none;\n        #logo-container {\n          .logo {\n            filter: invert(1) grayscale(1);\n          }\n          .content-region {\n            color: @text !important;\n            text-shadow: none;\n          }\n        }\n        #masthead-search #masthead-search-terms-border {\n          input[type=\"text\"] {\n            color: @text !important;\n            &:focus {\n              color: @accent-color !important;\n            }\n          }\n        }\n        .search-button {\n          background-color: @mantle !important;\n        }\n      }\n    }\n\n    /* channel homepage */\n    /* selected tab */\n    .yt-tab-shape-wiz__tab--tab-selected {\n      color: @accent-color !important;\n    }\n    .yt-tab-group-shape-wiz__slider {\n      background-color: @accent-color !important;\n    }\n\n    /* unselected */\n    .yt-tab-shape-wiz__tab {\n      color: @subtext1;\n    }\n\n    /* hover */\n    .yt-tab-shape-wiz:hover {\n      .yt-tab-shape-wiz__tab {\n        color: lighten(@accent-color, 7.5);\n      }\n\n      .yt-tab-shape-wiz__tab-bar {\n        background-color: lighten(@accent-color, 7.5);\n      }\n    }\n\n    /* hopefully temporary */\n    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n      background-color: @surface0;\n      color: @text;\n    }\n\n    .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n      color: @crust;\n      background-color: @accent-color;\n      &:hover {\n        background-color: darken(@accent-color, 20);\n      }\n    }\n\n    .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n      color: @accent-color;\n      &:hover {\n        background-color: fadeout(@accent-color, 90);\n      }\n    }\n\n    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n    .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n      color: @text;\n      &:hover {\n        background-color: @surface0;\n      }\n    }\n\n    /* Scrollbar */\n    ::-webkit-scrollbar-thumb {\n      background: @accent-color !important;\n    }\n\n    ::-webkit-scrollbar {\n      width: @scrollbar_width !important;\n    }\n\n    ::-webkit-scrollbar-track {\n      background: @base !important;\n    }\n\n    ::-webkit-scrollbar-thumb {\n      background: @accent-color !important;\n    }\n\n    /* text highlight */\n    ::selection {\n      background: fadeout(@accent-color, 80%) !important;\n      color: @text !important;\n    }\n\n    ::-moz-selection {\n      background: fadeout(@accent-color, 80%) !important;\n      color: @text !important;\n    }\n  }\n}\n@-moz-document url-prefix('https://www.youtube.com/redirect')\n{\n  /* youtube.com-redirect */\n  :root[dark] {\n    #catppuccin(@darkFlavor, @accentColor);\n  }\n  :root {\n    #catppuccin(@lightFlavor, @accentColor);\n  }\n\n  #catppuccin(@lookup, @accent) {\n    @rosewater: @catppuccin[@@lookup][@rosewater];\n    @flamingo: @catppuccin[@@lookup][@flamingo];\n    @pink: @catppuccin[@@lookup][@pink];\n    @mauve: @catppuccin[@@lookup][@mauve];\n    @red: @catppuccin[@@lookup][@red];\n    @maroon: @catppuccin[@@lookup][@maroon];\n    @peach: @catppuccin[@@lookup][@peach];\n    @yellow: @catppuccin[@@lookup][@yellow];\n    @green: @catppuccin[@@lookup][@green];\n    @teal: @catppuccin[@@lookup][@teal];\n    @sky: @catppuccin[@@lookup][@sky];\n    @sapphire: @catppuccin[@@lookup][@sapphire];\n    @blue: @catppuccin[@@lookup][@blue];\n    @lavender: @catppuccin[@@lookup][@lavender];\n    @text: @catppuccin[@@lookup][@text];\n    @subtext1: @catppuccin[@@lookup][@subtext1];\n    @subtext0: @catppuccin[@@lookup][@subtext0];\n    @overlay2: @catppuccin[@@lookup][@overlay2];\n    @overlay1: @catppuccin[@@lookup][@overlay1];\n    @overlay0: @catppuccin[@@lookup][@overlay0];\n    @surface2: @catppuccin[@@lookup][@surface2];\n    @surface1: @catppuccin[@@lookup][@surface1];\n    @surface0: @catppuccin[@@lookup][@surface0];\n    @base: @catppuccin[@@lookup][@base];\n    @mantle: @catppuccin[@@lookup][@mantle];\n    @crust: @catppuccin[@@lookup][@crust];\n    @accent-color: @catppuccin[@@lookup][@@accent];\n\n    h1 {\n      color: @text !important;\n    }\n\n    #redirect-main-text {\n      color: @overlay2 !important;\n      .bolded {\n        color: @accent-color !important;\n      }\n    }\n\n    /* search */\n    #masthead-search-terms-border {\n      border-color: @surface0 !important;\n      background-color: @surface0 !important;\n      box-shadow: fadeout(@crust, 10%) !important;\n    }\n\n    /*Community Cross-posting*/\n    ytd-shared-post-renderer[uses-compact-lockup]\n      #repost-context.ytd-shared-post-renderer {\n      background-color: var(--second-background);\n    }\n    #divider-line-container.ytd-shared-post-renderer {\n      background-color: var(--yt-spec-10-percent-layer);\n    }\n\n    #masthead-search-terms {\n      color: @text !important;\n    }\n\n    .search-button {\n      background: @surface0 !important;\n      border-color: @surface0 !important;\n    }\n\n    .search-button-content {\n      filter: invert(1);\n    }\n\n    #redirect-backto-safety-button:hover {\n      color: @text !important;\n    }\n\n    #logo-container .content-region {\n      color: @text !important;\n    }\n\n    /* text highlight */\n    ::selection {\n      background: fadeout(@accent-color, 80%) !important;\n      color: @text !important;\n    }\n\n    ::-moz-selection {\n      background: fadeout(@accent-color, 80%) !important;\n      color: @text !important;\n    }\n  }\n}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\n  /* studio.youtube.com */\n  :root[dark] {\n    #catppuccin(@darkFlavor, @accentColor);\n  }\n  :root {\n    #catppuccin(@lightFlavor, @accentColor);\n  }\n\n  #catppuccin(@lookup, @accent) {\n    @rosewater: @catppuccin[@@lookup][@rosewater];\n    @flamingo: @catppuccin[@@lookup][@flamingo];\n    @pink: @catppuccin[@@lookup][@pink];\n    @mauve: @catppuccin[@@lookup][@mauve];\n    @red: @catppuccin[@@lookup][@red];\n    @maroon: @catppuccin[@@lookup][@maroon];\n    @peach: @catppuccin[@@lookup][@peach];\n    @yellow: @catppuccin[@@lookup][@yellow];\n    @green: @catppuccin[@@lookup][@green];\n    @teal: @catppuccin[@@lookup][@teal];\n    @sky: @catppuccin[@@lookup][@sky];\n    @sapphire: @catppuccin[@@lookup][@sapphire];\n    @blue: @catppuccin[@@lookup][@blue];\n    @lavender: @catppuccin[@@lookup][@lavender];\n    @text: @catppuccin[@@lookup][@text];\n    @subtext1: @catppuccin[@@lookup][@subtext1];\n    @subtext0: @catppuccin[@@lookup][@subtext0];\n    @overlay2: @catppuccin[@@lookup][@overlay2];\n    @overlay1: @catppuccin[@@lookup][@overlay1];\n    @overlay0: @catppuccin[@@lookup][@overlay0];\n    @surface2: @catppuccin[@@lookup][@surface2];\n    @surface1: @catppuccin[@@lookup][@surface1];\n    @surface0: @catppuccin[@@lookup][@surface0];\n    @base: @catppuccin[@@lookup][@base];\n    @mantle: @catppuccin[@@lookup][@mantle];\n    @crust: @catppuccin[@@lookup][@crust];\n    @accent-color: @catppuccin[@@lookup][@@accent];\n\n    &,\n    html,\n    html[dark],\n    html[dark][dark],\n    &[dark],\n    &[light],\n    [light],\n    html[light],\n    html[light][light] {\n      /* disable */\n      --yt-spec-black-pure-alpha-80: (null) !important;\n      --yt-spec-black-pure-alpha-60: (null) !important;\n      --yt-spec-black-1-alpha-98: (null) !important;\n      --yt-spec-black-1-alpha-95: (null) !important;\n\n      /* text */\n      --yt-spec-text-primary: @text !important;\n      --ytcp-text-primary: @text !important;\n      --ytcp-text-primary-inverse: @base !important;\n      --ytcp-static-overlay-text-primary-inverse: @base !important;\n      --ytcp-wordmark-text: @text !important;\n      --ytcp-text-secondary: @subtext0 !important;\n      --ytcp-text-disabled: @subtext1 !important;\n      --ytcp-overlay-text-primary: @overlay2 !important;\n\n      /* main bg */\n      --ytcp-general-background-a: @base !important;\n      --yt-spec-base-background: @base !important;\n      --yt-spec-black-3: @base !important;\n\n      /* secondary bg */\n      --yt-spec-brand-background-solid: @mantle !important;\n      --ytcp-brand-background-solid: @mantle !important;\n      --yt-spec-raised-background: @mantle !important;\n      --ytcp-general-background-b: @mantle !important;\n      --ytcp-analytics-reach-background: @mantle !important;\n      --yt-spec-black-2: @mantle !important;\n\n      /* additional bg */\n      --ytcp-general-background-c: @crust !important;\n\n      /* menu */\n      --ytcp-menu-background: @surface0 !important;\n\n      /* card borders */\n      --ytcp-container-border-color: @surface0 !important;\n      --ytcp-container-hovered-border-color: @surface0 !important;\n      --ytcp-line-divider-solid: @surface0 !important;\n      --ytcp-container-border-color-inverse: @subtext0 !important;\n      --ytcp-line-divider-solid-inverse: @subtext0 !important;\n\n      /* links */\n      --ytcp-call-to-action: @sapphire !important;\n      --ytcp-call-to-action-inverse: @mantle !important;\n\n      /* buttons */\n      --ytcp-call-to-action-raised-background: @accent-color !important;\n      --yt-spec-brand-button-background: @accent-color !important;\n      --ytcp-call-to-action-raised-disabled: @surface2 !important;\n      --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n      --ytcp-call-to-action-raised-background-inverse: @base !important;\n      --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n      --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2 !important;\n\n      /* dropdown */\n      --yt-spec-brand-background-primary: @surface0 !important;\n\n      /* icons */\n      --yt-compact-link-icon-color: @overlay2 !important;\n      --ytcp-icon-active: @accent-color !important;\n      --ytcp-icon-inactive: @overlay2 !important;\n      --ytcp-icon-disabled: @overlay2 !important;\n      --ytcp-icon-active-inverse: @overlay1 !important;\n      --ytcp-icon-disabled-inverse: @subtext1 !important;\n\n      /* colors */\n      --ytcp-error-red: @red !important;\n      --ytcp-badge-red: @red !important;\n      --ytcp-error-red-inverse: @red !important;\n      --ytcp-themed-red-inverse: @red !important;\n      --ytcp-themed-red: @red !important;\n      --ytcp-themed-blue: @blue !important;\n      --ytcp-badge-blue-solid: @blue !important;\n      --ytcp-themed-blue-inverse: @blue !important;\n      --ytcp-themed-green: @green !important;\n      --ytmus-genre-primary-melon: @green !important;\n      --ytcp-themed-green-inverse: @green !important;\n      --ytcp-analytics-pine: @green !important;\n      --ytcp-analytics-pine-inverse: @green !important;\n      --ytcp-analytics-parrot: @green !important;\n      --ytcp-themed-yellow: @peach !important;\n      --ytmus-genre-primary-gold: @peach !important;\n      --ytcp-yellow-inverse: @peach !important;\n      --ytcp-badge-yellow: @peach !important;\n      --ytcp-analytics-yellow: @peach !important;\n      --ytcp-analytics-apricot: @peach !important;\n      --ytcp-suggested-action: @teal !important;\n      --ytcp-analytics-overview: @teal !important;\n      --ytcp-analytics-revenue: @teal !important;\n      --ytcp-analytics-default-secondary: @teal !important;\n      --ytcp-analytics-royal-blue: @lavender !important;\n      --ytcp-analytics-reach: @lavender !important;\n      --ytcp-analytics-audience: @lavender !important;\n      --ytcp-analytics-engagement: @pink !important;\n      --ytcp-analytics-revenue-secondary: @pink !important;\n      --ytcp-analytics-bubblegum: @flamingo !important;\n      --ytmus-genre-primary-ruby: @flamingo !important;\n      --ytmus-genre-primary-salmon: @mauve !important;\n      --ytmus-genre-primary-orange: @maroon !important;\n      --ytmus-genre-primary-sky: @sky !important;\n      --ytmus-genre-primary-sky-inverse: @sky !important;\n\n      /* misc */\n      --yt-spec-badge-chip-background: @surface1 !important;\n      --ytcp-focus-inverse: @accent-color !important;\n      --ytcp-focus: @accent-color !important;\n      --ytcp-selected-item: @accent-color !important;\n      --ytcp-hover-item: @overlay2 !important;\n      --ytcp-chip-active-focus: @accent-color !important;\n      --ytcp-playhead: @overlay2 !important;\n      --ytcp-playhead-inverse: @overlay2 !important;\n    }\n\n    ytcp-button.destructive.ytls-error-dialog {\n      color: @base !important;\n    }\n\n    yt-formatted-string.ytls-error-dialog,\n    tp-yt-iron-icon.ytls-error-dialog {\n      color: @text !important;\n    }\n\n    /* text highlight */\n    ::selection {\n      background: fadeout(@accent-color, 80%) !important;\n      color: @text !important;\n    }\n\n    ::-moz-selection {\n      background: fadeout(@accent-color, 80%) !important;\n      color: @text !important;\n    }\n  }\n}\n\n@catppuccin: {\n  @latte: {\n    @rosewater: #dc8a78;\n    @flamingo: #dd7878;\n    @pink: #ea76cb;\n    @mauve: #8839ef;\n    @red: #d20f39;\n    @maroon: #e64553;\n    @peach: #fe640b;\n    @yellow: #df8e1d;\n    @green: #40a02b;\n    @teal: #179299;\n    @sky: #04a5e5;\n    @sapphire: #209fb5;\n    @blue: #1e66f5;\n    @lavender: #7287fd;\n    @text: #4c4f69;\n    @subtext1: #5c5f77;\n    @subtext0: #6c6f85;\n    @overlay2: #7c7f93;\n    @overlay1: #8c8fa1;\n    @overlay0: #9ca0b0;\n    @surface2: #acb0be;\n    @surface1: #bcc0cc;\n    @surface0: #ccd0da;\n    @base: #eff1f5;\n    @mantle: #e6e9ef;\n    @crust: #dce0e8;\n  };\n  @frappe: {\n    @rosewater: #f2d5cf;\n    @flamingo: #eebebe;\n    @pink: #f4b8e4;\n    @mauve: #ca9ee6;\n    @red: #e78284;\n    @maroon: #ea999c;\n    @peach: #ef9f76;\n    @yellow: #e5c890;\n    @green: #a6d189;\n    @teal: #81c8be;\n    @sky: #99d1db;\n    @sapphire: #85c1dc;\n    @blue: #8caaee;\n    @lavender: #babbf1;\n    @text: #c6d0f5;\n    @subtext1: #b5bfe2;\n    @subtext0: #a5adce;\n    @overlay2: #949cbb;\n    @overlay1: #838ba7;\n    @overlay0: #737994;\n    @surface2: #626880;\n    @surface1: #51576d;\n    @surface0: #414559;\n    @base: #303446;\n    @mantle: #292c3c;\n    @crust: #232634;\n  };\n  @macchiato: {\n    @rosewater: #f4dbd6;\n    @flamingo: #f0c6c6;\n    @pink: #f5bde6;\n    @mauve: #c6a0f6;\n    @red: #ed8796;\n    @maroon: #ee99a0;\n    @peach: #f5a97f;\n    @yellow: #eed49f;\n    @green: #a6da95;\n    @teal: #8bd5ca;\n    @sky: #91d7e3;\n    @sapphire: #7dc4e4;\n    @blue: #8aadf4;\n    @lavender: #b7bdf8;\n    @text: #cad3f5;\n    @subtext1: #b8c0e0;\n    @subtext0: #a5adcb;\n    @overlay2: #939ab7;\n    @overlay1: #8087a2;\n    @overlay0: #6e738d;\n    @surface2: #5b6078;\n    @surface1: #494d64;\n    @surface0: #363a4f;\n    @base: #24273a;\n    @mantle: #1e2030;\n    @crust: #181926;\n  };\n  @mocha: {\n    @rosewater: #f5e0dc;\n    @flamingo: #f2cdcd;\n    @pink: #f5c2e7;\n    @mauve: #cba6f7;\n    @red: #f38ba8;\n    @maroon: #eba0ac;\n    @peach: #fab387;\n    @yellow: #f9e2af;\n    @green: #a6e3a1;\n    @teal: #94e2d5;\n    @sky: #89dceb;\n    @sapphire: #74c7ec;\n    @blue: #89b4fa;\n    @lavender: #b4befe;\n    @text: #cdd6f4;\n    @subtext1: #bac2de;\n    @subtext0: #a6adc8;\n    @overlay2: #9399b2;\n    @overlay1: #7f849c;\n    @overlay0: #6c7086;\n    @surface2: #585b70;\n    @surface1: #45475a;\n    @surface0: #313244;\n    @base: #1e1e2e;\n    @mantle: #181825;\n    @crust: #11111b;\n  };\n};\n",
    "usercssData": {
      "name": "YouTube Catppuccin",
      "namespace": "github.com/catppuccin/userstyles/styles/youtube",
      "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube",
      "version": "3.1.5",
      "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css",
      "description": "Soothing pastel theme for YouTube",
      "author": "Catppuccin",
      "license": "MIT",
      "preprocessor": "less",
      "vars": {
        "lightFlavor": {
          "type": "select",
          "label": "Light Flavor",
          "name": "lightFlavor",
          "value": null,
          "default": "latte",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappe",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "darkFlavor": {
          "type": "select",
          "label": "Dark Flavor",
          "name": "darkFlavor",
          "value": null,
          "default": "mocha",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappe",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "accentColor": {
          "type": "select",
          "label": "Accent",
          "name": "accentColor",
          "value": "lavender",
          "default": "red",
          "options": [
            {
              "name": "rosewater",
              "label": "Rosewater",
              "value": "rosewater"
            },
            {
              "name": "flamingo",
              "label": "Flamingo",
              "value": "flamingo"
            },
            {
              "name": "pink",
              "label": "Pink",
              "value": "pink"
            },
            {
              "name": "mauve",
              "label": "Mauve",
              "value": "mauve"
            },
            {
              "name": "red",
              "label": "Red",
              "value": "red"
            },
            {
              "name": "maroon",
              "label": "Maroon",
              "value": "maroon"
            },
            {
              "name": "peach",
              "label": "Peach",
              "value": "peach"
            },
            {
              "name": "yellow",
              "label": "Yellow",
              "value": "yellow"
            },
            {
              "name": "green",
              "label": "Green",
              "value": "green"
            },
            {
              "name": "teal",
              "label": "Teal",
              "value": "teal"
            },
            {
              "name": "blue",
              "label": "Blue",
              "value": "blue"
            },
            {
              "name": "sapphire",
              "label": "Sapphire",
              "value": "sapphire"
            },
            {
              "name": "sky",
              "label": "Sky",
              "value": "sky"
            },
            {
              "name": "lavender",
              "label": "Lavender",
              "value": "lavender"
            },
            {
              "name": "subtext0",
              "label": "Gray",
              "value": "subtext0"
            }
          ]
        },
        "logo": {
          "type": "checkbox",
          "label": "Logo",
          "name": "logo",
          "value": null,
          "default": "0",
          "options": null
        },
        "oledOn": {
          "type": "checkbox",
          "label": "Enable black bars",
          "name": "oledOn",
          "value": null,
          "default": "0",
          "options": null
        },
        "scrollbar_width": {
          "type": "text",
          "label": "Scrollbar width",
          "name": "scrollbar_width",
          "value": null,
          "default": "8px",
          "options": null
        }
      }
    },
    "author": "Catppuccin",
    "description": "Soothing pastel theme for YouTube",
    "name": "YouTube Catppuccin",
    "originalDigest": "d75447b1735c9a1d67dedb03d3a6b249bcbe013a",
    "_id": "104a3dc8-cf41-44dc-aabc-98bc36cb0661",
    "_rev": 1699561753955,
    "id": 1,
    "etag": "W/\"ae94e54c12dd662dd7ad1d6fa8695b2c37cf861f8abb6e6a3bd422d2f09f8e98\""
  },
  {
    "enabled": true,
    "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css",
    "url": "https://github.com/catppuccin/userstyles/tree/main/styles/github",
    "installDate": 1699561241377,
    "sections": [
      {
        "code": ""
      }
    ],
    "sourceCode": "/* ==UserStyle==\n@name           Github Catppuccin\n@namespace      github.com/catppuccin/userstyles/styles/github\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/github\n@version        1.2.9\n@description    Soothing pastel theme for GitHub\n@author         Catppuccin\n@updateURL      https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n@var checkbox usefont \"Use Inter font\" 0\n==/UserStyle== */\n\n@catppuccin: {\n  @latte: {\n    @rosewater: #dc8a78;\n    @flamingo: #dd7878;\n    @pink: #ea76cb;\n    @mauve: #8839ef;\n    @red: #d20f39;\n    @maroon: #e64553;\n    @peach: #fe640b;\n    @yellow: #df8e1d;\n    @green: #40a02b;\n    @teal: #179299;\n    @sky: #04a5e5;\n    @sapphire: #209fb5;\n    @blue: #1e66f5;\n    @lavender: #7287fd;\n    @text: #4c4f69;\n    @subtext1: #5c5f77;\n    @subtext0: #6c6f85;\n    @overlay2: #7c7f93;\n    @overlay1: #8c8fa1;\n    @overlay0: #9ca0b0;\n    @surface2: #acb0be;\n    @surface1: #bcc0cc;\n    @surface0: #ccd0da;\n    @base: #eff1f5;\n    @mantle: #e6e9ef;\n    @crust: #dce0e8;\n  };\n  @frappe: {\n    @rosewater: #f2d5cf;\n    @flamingo: #eebebe;\n    @pink: #f4b8e4;\n    @mauve: #ca9ee6;\n    @red: #e78284;\n    @maroon: #ea999c;\n    @peach: #ef9f76;\n    @yellow: #e5c890;\n    @green: #a6d189;\n    @teal: #81c8be;\n    @sky: #99d1db;\n    @sapphire: #85c1dc;\n    @blue: #8caaee;\n    @lavender: #babbf1;\n    @text: #c6d0f5;\n    @subtext1: #b5bfe2;\n    @subtext0: #a5adce;\n    @overlay2: #949cbb;\n    @overlay1: #838ba7;\n    @overlay0: #737994;\n    @surface2: #626880;\n    @surface1: #51576d;\n    @surface0: #414559;\n    @base: #303446;\n    @mantle: #292c3c;\n    @crust: #232634;\n  };\n  @macchiato: {\n    @rosewater: #f4dbd6;\n    @flamingo: #f0c6c6;\n    @pink: #f5bde6;\n    @mauve: #c6a0f6;\n    @red: #ed8796;\n    @maroon: #ee99a0;\n    @peach: #f5a97f;\n    @yellow: #eed49f;\n    @green: #a6da95;\n    @teal: #8bd5ca;\n    @sky: #91d7e3;\n    @sapphire: #7dc4e4;\n    @blue: #8aadf4;\n    @lavender: #b7bdf8;\n    @text: #cad3f5;\n    @subtext1: #b8c0e0;\n    @subtext0: #a5adcb;\n    @overlay2: #939ab7;\n    @overlay1: #8087a2;\n    @overlay0: #6e738d;\n    @surface2: #5b6078;\n    @surface1: #494d64;\n    @surface0: #363a4f;\n    @base: #24273a;\n    @mantle: #1e2030;\n    @crust: #181926;\n  };\n  @mocha: {\n    @rosewater: #f5e0dc;\n    @flamingo: #f2cdcd;\n    @pink: #f5c2e7;\n    @mauve: #cba6f7;\n    @red: #f38ba8;\n    @maroon: #eba0ac;\n    @peach: #fab387;\n    @yellow: #f9e2af;\n    @green: #a6e3a1;\n    @teal: #94e2d5;\n    @sky: #89dceb;\n    @sapphire: #74c7ec;\n    @blue: #89b4fa;\n    @lavender: #b4befe;\n    @text: #cdd6f4;\n    @subtext1: #bac2de;\n    @subtext0: #a6adc8;\n    @overlay2: #9399b2;\n    @overlay1: #7f849c;\n    @overlay0: #6c7086;\n    @surface2: #585b70;\n    @surface1: #45475a;\n    @surface0: #313244;\n    @base: #1e1e2e;\n    @mantle: #181825;\n    @crust: #11111b;\n  };\n};\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!\\/(home|marketplace|organizations\\/plan)).*\") {\n  [data-color-mode=\"light\"],\n  [data-color-mode=\"auto\"] > .theme-light {\n    #catppuccin(@lightFlavor, @accentColor);\n  }\n  @media (prefers-color-scheme: light) {\n    [data-color-mode=\"auto\"] {\n      #catppuccin(@lightFlavor, @accentColor);\n    }\n  }\n  [data-color-mode=\"dark\"],\n  [data-color-mode=\"auto\"] > .theme-dark {\n    #catppuccin(@darkFlavor, @accentColor);\n  }\n  @media (prefers-color-scheme: dark) {\n    [data-color-mode=\"auto\"] {\n      #catppuccin(@darkFlavor, @accentColor);\n    }\n  }\n\n  html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n  html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n    position: fixed;\n    top: 0;\n    left: 0;\n    padding: 1rem;\n    margin: 1rem;\n    font-size: 0.9rem;\n    font-weight: 600;\n    border-radius: 0.5rem;\n    max-width: 40ch;\n    background-color: var(--color-danger-fg);\n    color: var(--color-header-bg);\n    content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n    z-index: 9999;\n  }\n\n  #coloredButton(@name, @color) {\n    --color-btn-@{name}-text: @base;\n    --color-btn-@{name}-bg: @color;\n    --color-btn-@{name}-border: transparent;\n    --color-btn-@{name}-shadow: 0 0 transparent;\n    --color-btn-@{name}-inset-shadow: 0 0 transparent;\n    --color-btn-@{name}-hover-bg: mix(@color, @text, 30%);\n    --color-btn-@{name}-hover-border: rgba(240, 246, 252, 0.1);\n    --color-btn-@{name}-selected-bg: mix(@color, @text, 50%);\n    --color-btn-@{name}-selected-shadow: 0 0 transparent;\n    --color-btn-@{name}-disabled-text: @crust;\n    --color-btn-@{name}-disabled-bg: mix(@color, @base, 60%);\n    --color-btn-@{name}-disabled-border: transparent;\n    --color-btn-@{name}-focus-bg: #238636;\n    --color-btn-@{name}-focus-border: rgba(240, 246, 252, 0.1);\n    --color-btn-@{name}-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n    --color-btn-@{name}-icon: @base;\n    --color-btn-@{name}-counter-bg: rgba(255, 255, 255, 0.2);\n  }\n\n  #catppuccin(@lookup, @accent) {\n    @rosewater: @catppuccin[@@lookup][@rosewater];\n    @flamingo: @catppuccin[@@lookup][@flamingo];\n    @pink: @catppuccin[@@lookup][@pink];\n    @mauve: @catppuccin[@@lookup][@mauve];\n    @red: @catppuccin[@@lookup][@red];\n    @maroon: @catppuccin[@@lookup][@maroon];\n    @peach: @catppuccin[@@lookup][@peach];\n    @yellow: @catppuccin[@@lookup][@yellow];\n    @green: @catppuccin[@@lookup][@green];\n    @teal: @catppuccin[@@lookup][@teal];\n    @sky: @catppuccin[@@lookup][@sky];\n    @sapphire: @catppuccin[@@lookup][@sapphire];\n    @blue: @catppuccin[@@lookup][@blue];\n    @lavender: @catppuccin[@@lookup][@lavender];\n    @text: @catppuccin[@@lookup][@text];\n    @subtext1: @catppuccin[@@lookup][@subtext1];\n    @subtext0: @catppuccin[@@lookup][@subtext0];\n    @overlay2: @catppuccin[@@lookup][@overlay2];\n    @overlay1: @catppuccin[@@lookup][@overlay1];\n    @overlay0: @catppuccin[@@lookup][@overlay0];\n    @surface2: @catppuccin[@@lookup][@surface2];\n    @surface1: @catppuccin[@@lookup][@surface1];\n    @surface0: @catppuccin[@@lookup][@surface0];\n    @base: @catppuccin[@@lookup][@base];\n    @mantle: @catppuccin[@@lookup][@mantle];\n    @crust: @catppuccin[@@lookup][@crust];\n    @accent-color: @catppuccin[@@lookup][@@accent];\n\n    &,\n    & body {\n      accent-color: @accent-color;\n      --bgColor-default: @base;\n      --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n      --color-page-header-bg: @base;\n      --color-marketing-icon-primary: @sky;\n      --color-marketing-icon-secondary: @blue;\n      --color-diff-blob-addition-num-text: @text;\n      --color-diff-blob-addition-fg: @text;\n      --color-diff-blob-addition-num-bg: fadeout(@green, 70%);\n      --color-diff-blob-addition-line-bg: fadeout(@green, 85%);\n      --color-diff-blob-addition-word-bg: fadeout(@green, 70%);\n      --color-diff-blob-deletion-num-text: @text;\n      --color-diff-blob-deletion-fg: @text;\n      --color-diff-blob-deletion-num-bg: fadeout(@red, 70%);\n      --color-diff-blob-deletion-line-bg: fadeout(@red, 85%);\n      --color-diff-blob-deletion-word-bg: fadeout(@red, 70%);\n      --color-diff-blob-hunk-num-bg: fadeout(@blue, 60%);\n      --color-diff-blob-expander-icon: #8b949e;\n      --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n      --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n      --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n      --color-diffstat-addition-bg: @green;\n      --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n      --color-prettylights-syntax-comment: @overlay1;\n      --color-prettylights-syntax-constant: @blue;\n      --color-prettylights-syntax-entity: @blue;\n      --color-prettylights-syntax-storage-modifier-import: @peach;\n      --color-prettylights-syntax-entity-tag: @teal;\n      --color-prettylights-syntax-keyword: @pink;\n      --color-prettylights-syntax-string: @green;\n      --color-prettylights-syntax-variable: @peach;\n      --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n      --color-prettylights-syntax-invalid-illegal-text: @red;\n      --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n      --color-prettylights-syntax-carriage-return-text: #f0f;\n      --color-prettylights-syntax-carriage-return-bg: #f0f;\n      --color-prettylights-syntax-string-regexp: #f0f;\n      --color-prettylights-syntax-markup-list: #f0f;\n      --color-prettylights-syntax-markup-heading: @teal;\n      --color-prettylights-syntax-markup-italic: @yellow;\n      --color-prettylights-syntax-markup-bold: @yellow;\n      --color-prettylights-syntax-markup-deleted-text: @text;\n      --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n      --color-prettylights-syntax-markup-inserted-text: @text;\n      --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n      --color-prettylights-syntax-markup-changed-text: @text;\n      --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n      --color-prettylights-syntax-markup-ignored-text: @text;\n      --color-prettylights-syntax-markup-ignored-bg: #f0f;\n      --color-prettylights-syntax-meta-diff-range: @mauve;\n      --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n      --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n      --color-prettylights-syntax-constant-other-reference-link: #f0f;\n      --color-codemirror-text: @text;\n      --color-codemirror-bg: @base;\n      --color-codemirror-gutters-bg: @base;\n      --color-codemirror-guttermarker-text: @base;\n      --color-codemirror-guttermarker-subtle-text: #6e7681;\n      --color-codemirror-linenumber-text: #8b949e;\n      --color-codemirror-cursor: #c9d1d9;\n      --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n      --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n      --color-codemirror-matchingbracket-text: #c9d1d9;\n      --color-codemirror-lines-bg: @base;\n      --color-codemirror-syntax-comment: #8b949e;\n      --color-codemirror-syntax-constant: #79c0ff;\n      --color-codemirror-syntax-entity: #d2a8ff;\n      --color-codemirror-syntax-keyword: #ff7b72;\n      --color-codemirror-syntax-storage: #ff7b72;\n      --color-codemirror-syntax-string: #a5d6ff;\n      --color-codemirror-syntax-support: #79c0ff;\n      --color-codemirror-syntax-variable: #ffa657;\n      --color-checks-bg: @mantle;\n      --color-checks-run-border-width: 1px;\n      --color-checks-container-border-width: 1px;\n      --color-checks-text-primary: @text;\n      --color-checks-text-secondary: @subtext1;\n      --color-checks-text-link: @sapphire;\n      --color-checks-btn-icon: @text;\n      --color-checks-btn-hover-icon: @text;\n      --color-checks-btn-hover-bg: @crust;\n      --color-checks-input-text: @surface1;\n      --color-checks-input-placeholder-text: @subtext1;\n      --color-checks-input-focus-text: @text;\n      --color-checks-input-bg: @surface0;\n      --color-checks-input-shadow: 0 0 0 1px;\n      --color-checks-donut-error: @red;\n      --color-checks-donut-pending: @peach;\n      --color-checks-donut-success: @green;\n      --color-checks-donut-neutral: @overlay2;\n      --color-checks-dropdown-text: @text;\n      --color-checks-dropdown-bg: @surface0;\n      --color-checks-dropdown-border: @surface1;\n      --color-checks-dropdown-shadow: @crust;\n      --color-checks-dropdown-hover-text: @subtext0;\n      --color-checks-dropdown-hover-bg: @mantle;\n      --color-checks-dropdown-btn-hover-text: @text;\n      --color-checks-dropdown-btn-hover-bg: @mantle;\n      --color-checks-scrollbar-thumb-bg: @mantle;\n      --color-checks-header-label-text: @text;\n      --color-checks-header-label-open-text: @accent-color;\n      --color-checks-header-border: @surface0;\n      --color-checks-header-icon: @text;\n      --color-checks-line-text: @subtext0;\n      --color-checks-line-num-text: @subtext0;\n      --color-checks-line-timestamp-text: @subtext0;\n      --color-checks-line-hover-bg: @surface0;\n      --color-checks-line-selected-bg: @surface0;\n      --color-checks-line-selected-num-text: #dc2286;\n      --color-checks-line-dt-fm-text: #dc2286;\n      --color-checks-line-dt-fm-bg: #dc2286;\n      --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n      --color-checks-gate-text: @text;\n      --color-checks-gate-waiting-text: @yellow;\n      --color-checks-step-header-open-bg: @surface0;\n      --color-checks-step-error-text: @maroon;\n      --color-checks-step-warning-text: @peach;\n      --color-checks-logline-text: @text;\n      --color-checks-logline-num-text: @text;\n      --color-checks-logline-debug-text: @mauve;\n      --color-checks-logline-error-text: @text;\n      --color-checks-logline-error-num-text: @maroon;\n      --color-checks-logline-error-bg: fadeout(@maroon, 85%);\n      --color-checks-logline-warning-text: @subtext1;\n      --color-checks-logline-warning-num-text: @peach;\n      --color-checks-logline-warning-bg: fadeout(@peach, 85%);\n      --color-checks-logline-command-text: @blue;\n      --color-checks-logline-section-text: @green;\n      --color-checks-ansi-black: @surface1;\n      --color-checks-ansi-black-bright: @surface2;\n      --color-checks-ansi-white: @subtext1;\n      --color-checks-ansi-white-bright: @subtext0;\n      --divider-color: @surface1;\n      --underlineNav-borderColor-active: @accent-color;\n\n      & when (@lookup =latte) {\n        // When using a light theme use the light colors instead of the dark\n        --color-checks-ansi-black: @subtext1;\n        --color-checks-ansi-black-bright: @subtext0;\n        --color-checks-ansi-white: @surface2;\n        --color-checks-ansi-white-bright: @surface1;\n      }\n\n      --color-checks-ansi-gray: #f0f;\n      --color-checks-ansi-red: @red;\n      --color-checks-ansi-red-bright: @red;\n      --color-checks-ansi-green: @green;\n      --color-checks-ansi-green-bright: @green;\n      --color-checks-ansi-yellow: @yellow;\n      --color-checks-ansi-yellow-bright: @yellow;\n      --color-checks-ansi-blue: @blue;\n      --color-checks-ansi-blue-bright: @blue;\n      --color-checks-ansi-magenta: @pink;\n      --color-checks-ansi-magenta-bright: @pink;\n      --color-checks-ansi-cyan: @teal;\n      --color-checks-ansi-cyan-bright: @teal;\n      --color-project-header-bg: #0d1117;\n      --color-project-sidebar-bg: #161b22;\n      --color-project-gradient-in: #161b22;\n      --color-project-gradient-out: rgba(22, 27, 34, 0);\n      --color-mktg-btn-bg: #f6f8fa;\n      --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n      --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n      --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n        0 100px 80px rgba(255, 255, 255, 0.02),\n        0 42px 33px rgba(255, 255, 255, 0.024),\n        0 22px 18px rgba(255, 255, 255, 0.028),\n        0 12px 10px rgba(255, 255, 255, 0.034),\n        0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n      --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset;\n      --color-avatar-bg: rgba(255, 255, 255, 0.1);\n      --color-avatar-border: rgba(240, 246, 252, 0.1);\n      --color-avatar-stack-fade: #30363d;\n      --color-avatar-stack-fade-more: #21262d;\n      --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n      --color-topic-tag-border: rgba(0, 0, 0, 0);\n      --color-counter-border: rgba(0, 0, 0, 0);\n      --color-select-menu-backdrop-border: #484f58;\n      --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n      --color-select-menu-tap-focus-bg: #0c2d6b;\n      --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n      --color-header-text: var(--subtext2);\n      --color-header-bg: @base;\n\n      & when (@topbar =1) {\n        // If topbar is enabled then make the topbar color different\n        --color-header-bg: @mantle;\n      }\n\n      --color-header-divider: #8b949e;\n      --color-header-logo: @text;\n      --color-header-search-bg: @surface0;\n      --color-header-search-border: @surface1;\n      --color-sidenav-selected-bg: @surface1;\n      --color-menu-bg-active: @surface2;\n      --color-input-disabled-bg: rgba(110, 118, 129, 0);\n      --color-timeline-badge-bg: @surface0;\n      --color-ansi-black: #484f58;\n      --color-ansi-black-bright: #6e7681;\n      --color-ansi-white: #b1bac4;\n      --color-ansi-white-bright: #ffffff;\n      --color-ansi-gray: #6e7681;\n      --color-ansi-red: #ff7b72;\n      --color-ansi-red-bright: #ffa198;\n      --color-ansi-green: #3fb950;\n      --color-ansi-green-bright: #56d364;\n      --color-ansi-yellow: #d29922;\n      --color-ansi-yellow-bright: #e3b341;\n      --color-ansi-blue: #58a6ff;\n      --color-ansi-blue-bright: #79c0ff;\n      --color-ansi-magenta: #bc8cff;\n      --color-ansi-magenta-bright: #d2a8ff;\n      --color-ansi-cyan: #39c5cf;\n      --color-ansi-cyan-bright: #56d4dd;\n      --color-btn-text: @text;\n      --color-btn-bg: @surface0;\n      --color-btn-border: transparent;\n      --color-btn-shadow: 0 0 transparent;\n      --color-btn-inset-shadow: 0 0 transparent;\n      --color-btn-hover-bg: @surface1;\n      --color-btn-hover-border: transparent;\n      --color-btn-active-bg: @surface2;\n      --color-btn-active-border: transparent;\n      --color-btn-selected-bg: @surface2;\n      --color-btn-focus-bg: #21262d;\n      --color-btn-focus-border: #8b949e;\n      --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n      --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n      --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n      --color-btn-counter-bg: @surface2;\n      #coloredButton(primary, @green);\n      --color-btn-outline-text: #58a6ff;\n      --color-btn-outline-hover-text: #58a6ff;\n      --color-btn-outline-hover-bg: #30363d;\n      --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n      --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n      --color-btn-outline-hover-inset-shadow: inset 0 1px 0\n        rgba(255, 255, 255, 0.03);\n      --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n      --color-btn-outline-selected-text: #ffffff;\n      --color-btn-outline-selected-bg: #0d419d;\n      --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n      --color-btn-outline-selected-shadow: 0 0 transparent;\n      --color-btn-outline-disabled-text: @subtext0;\n      --color-btn-outline-disabled-bg: @surface2;\n      --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n      --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n      --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n      --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n      #coloredButton(danger, @red);\n      --color-underlinenav-icon: #6e7681;\n      --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n      --color-action-list-item-inline-divider: @surface2;\n      --color-action-list-item-default-hover-bg: @surface0;\n      --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n      --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n      --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n      --color-action-list-item-default-selected-bg: @surface1;\n      --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n      --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n      --color-action-list-item-danger-hover-text: #ff7b72;\n      --color-switch-track-bg: #010409;\n      --color-switch-track-border: #6e7681;\n      --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n      --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n      --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n      --color-switch-track-checked-border: #58a6ff;\n      --color-switch-knob-checked-bg: #1f6feb;\n      --color-switch-knob-checked-disabled-bg: #484f58;\n      --color-fg-default: @text;\n      --color-fg-muted: @subtext1;\n      --color-fg-subtle: @subtext1;\n      --color-fg-on-emphasis: @base;\n      --color-canvas-default: @base;\n      --color-canvas-overlay: @mantle;\n      --color-canvas-inset: @surface0;\n      --color-canvas-subtle: @mantle;\n      --color-border-default: @surface1;\n      --color-border-muted: @surface0;\n      --color-border-subtle: rgba(240, 246, 252, 0.1);\n      --color-shadow-small: 0 0 transparent;\n      --color-shadow-medium: 0 3px 6px @crust;\n      --color-shadow-large: 0 8px 24px @crust;\n      --color-shadow-extra-large: 0 12px 48px @crust;\n      --color-neutral-emphasis-plus: @overlay0;\n      --color-neutral-emphasis: @overlay2;\n      --color-neutral-muted: rgba(110, 118, 129, 0.4);\n      --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n      --color-accent-fg: @accent-color;\n      --color-accent-emphasis: @accent-color;\n      --color-accent-muted: fadeout(@accent-color, 60%);\n      --color-accent-subtle: fadeout(@accent-color, 85%);\n      --color-success-fg: @green;\n      --color-success-emphasis: @green;\n      --color-success-muted: rgba(46, 160, 67, 0.4);\n      --color-success-subtle: rgba(46, 160, 67, 0.15);\n      --color-attention-fg: @peach;\n      --color-attention-emphasis: @peach;\n      --color-attention-muted: rgba(187, 128, 9, 0.4);\n      --color-attention-subtle: rgba(187, 128, 9, 0.15);\n      --color-severe-fg: @maroon;\n      --color-severe-emphasis: @maroon;\n      --color-severe-muted: rgba(219, 109, 40, 0.4);\n      --color-severe-subtle: rgba(219, 109, 40, 0.15);\n      --color-danger-fg: @red;\n      --color-danger-emphasis: @red;\n      --color-danger-muted: rgba(248, 81, 73, 0.4);\n      --color-danger-subtle: rgba(248, 81, 73, 0.15);\n      --color-open-fg: @green;\n      --color-open-emphasis: @green;\n      --color-open-muted: rgba(46, 160, 67, 0.4);\n      --color-open-subtle: rgba(46, 160, 67, 0.15);\n      --color-closed-fg: @red;\n      --color-closed-emphasis: @red;\n      --color-closed-muted: rgba(248, 81, 73, 0.4);\n      --color-closed-subtle: rgba(248, 81, 73, 0.15);\n      --color-done-fg: @mauve;\n      --color-done-emphasis: @mauve;\n      --color-done-muted: rgba(163, 113, 247, 0.4);\n      --color-done-subtle: rgba(163, 113, 247, 0.15);\n      --color-sponsors-fg: @mauve;\n      --color-sponsors-emphasis: @mauve;\n      --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n      --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n      --color-primer-fg-disabled: fadeout(@accent-color, 50%);\n      --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n      --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n      --color-primer-border-active: @red;\n      --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n      --color-primer-shadow-highlight: 0 0 transparent;\n      --color-primer-shadow-inset: 0 0 transparent;\n      --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n      --color-scale-black: #010409;\n      --color-scale-white: #ffffff;\n      --color-scale-gray-0: #f0f6fc;\n      --color-scale-gray-1: #c9d1d9;\n      --color-scale-gray-2: #b1bac4;\n      --color-scale-gray-3: #8b949e;\n      --color-scale-gray-4: #6e7681;\n      --color-scale-gray-5: #484f58;\n      --color-scale-gray-6: #30363d;\n      --color-scale-gray-7: #21262d;\n      --color-scale-gray-8: #161b22;\n      --color-scale-gray-9: #0d1117;\n      --color-scale-blue-0: #cae8ff;\n      --color-scale-blue-1: #a5d6ff;\n      --color-scale-blue-2: #79c0ff;\n      --color-scale-blue-3: #58a6ff;\n      --color-scale-blue-4: #388bfd;\n      --color-scale-blue-5: #1f6feb;\n      --color-scale-blue-6: #1158c7;\n      --color-scale-blue-7: #0d419d;\n      --color-scale-blue-8: #0c2d6b;\n      --color-scale-blue-9: #051d4d;\n      --color-scale-green-0: #aff5b4;\n      --color-scale-green-1: #7ee787;\n      --color-scale-green-2: #56d364;\n      --color-scale-green-3: #3fb950;\n      --color-scale-green-4: #2ea043;\n      --color-scale-green-5: #238636;\n      --color-scale-green-6: #196c2e;\n      --color-scale-green-7: #0f5323;\n      --color-scale-green-8: #033a16;\n      --color-scale-green-9: #04260f;\n      --color-scale-yellow-0: #f8e3a1;\n      --color-scale-yellow-1: #f2cc60;\n      --color-scale-yellow-2: #e3b341;\n      --color-scale-yellow-3: #d29922;\n      --color-scale-yellow-4: #bb8009;\n      --color-scale-yellow-5: #9e6a03;\n      --color-scale-yellow-6: #845306;\n      --color-scale-yellow-7: #693e00;\n      --color-scale-yellow-8: #4b2900;\n      --color-scale-yellow-9: #341a00;\n      --color-scale-orange-0: #ffdfb6;\n      --color-scale-orange-1: #ffc680;\n      --color-scale-orange-2: #ffa657;\n      --color-scale-orange-3: #f0883e;\n      --color-scale-orange-4: #db6d28;\n      --color-scale-orange-5: #bd561d;\n      --color-scale-orange-6: #9b4215;\n      --color-scale-orange-7: #762d0a;\n      --color-scale-orange-8: #5a1e02;\n      --color-scale-orange-9: #3d1300;\n      --color-scale-red-0: #ffdcd7;\n      --color-scale-red-1: #ffc1ba;\n      --color-scale-red-2: #ffa198;\n      --color-scale-red-3: #ff7b72;\n      --color-scale-red-4: #f85149;\n      --color-scale-red-5: #da3633;\n      --color-scale-red-6: #b62324;\n      --color-scale-red-7: #8e1519;\n      --color-scale-red-8: #67060c;\n      --color-scale-red-9: #490202;\n      --color-scale-purple-0: #eddeff;\n      --color-scale-purple-1: #e2c5ff;\n      --color-scale-purple-2: #d2a8ff;\n      --color-scale-purple-3: #bc8cff;\n      --color-scale-purple-4: #a371f7;\n      --color-scale-purple-5: #8957e5;\n      --color-scale-purple-6: #6e40c9;\n      --color-scale-purple-7: #553098;\n      --color-scale-purple-8: #3c1e70;\n      --color-scale-purple-9: #271052;\n      --color-scale-pink-0: #ffdaec;\n      --color-scale-pink-1: #ffbedd;\n      --color-scale-pink-2: #ff9bce;\n      --color-scale-pink-3: #f778ba;\n      --color-scale-pink-4: #db61a2;\n      --color-scale-pink-5: #bf4b8a;\n      --color-scale-pink-6: #9e3670;\n      --color-scale-pink-7: #7d2457;\n      --color-scale-pink-8: #5e103e;\n      --color-scale-pink-9: #42062a;\n      --color-scale-coral-0: #ffddd2;\n      --color-scale-coral-1: #ffc2b2;\n      --color-scale-coral-2: #ffa28b;\n      --color-scale-coral-3: #f78166;\n      --color-scale-coral-4: #ea6045;\n      --color-scale-coral-5: #cf462d;\n      --color-scale-coral-6: #ac3220;\n      --color-scale-coral-7: #872012;\n      --color-scale-coral-8: #640d04;\n      --color-scale-coral-9: #460701;\n    }\n    --color-workflow-card-connector: @overlay0;\n    --color-workflow-card-connector-bg: @overlay0;\n    --color-workflow-card-connector-inactive: @surface1;\n    --color-workflow-card-connector-inactive-bg: @surface1;\n    --color-workflow-card-connector-highlight: @accent-color;\n    --color-workflow-card-connector-highlight-bg: @accent-color;\n    --color-workflow-card-bg: @surface1;\n    --color-workflow-card-inactive-bg: @surface0;\n    --color-workflow-card-header-shadow: #dc2286;\n    --color-workflow-card-progress-complete-bg: fadeout(@blue, 85%);\n    --color-workflow-card-progress-incomplete-bg: @surface1;\n    --color-discussions-state-answered-icon: var(--color-scale-green-3);\n    --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n    --color-notifications-button-text: var(--color-scale-white);\n    --color-notifications-button-hover-text: var(--color-scale-white);\n    --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n    --color-notifications-row-read-bg: var(--color-canvas-default);\n    --color-notifications-row-bg: var(--color-canvas-subtle);\n    --color-icon-directory: @text;\n    --color-checks-step-error-icon: var(--color-scale-red-4);\n    --color-calendar-halloween-graph-day-L1-bg: #631c03;\n    --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n    --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n    --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n    --color-calendar-graph-day-bg: @surface0;\n    --color-calendar-graph-day-border: transparent;\n    /* These could do with a bit of refining */\n    --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n    --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n    --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n    --color-calendar-graph-day-L4-bg: @green;\n    --color-calendar-graph-day-L1-border: transparent;\n    --color-calendar-graph-day-L2-border: transparent;\n    --color-calendar-graph-day-L3-border: transparent;\n    --color-calendar-graph-day-L4-border: transparent;\n    --color-user-mention-fg: var(--color-scale-yellow-0);\n    --color-user-mention-bg: var(--color-scale-yellow-8);\n    --color-text-white: @text;\n\n    /* Buttons */\n    .btn-danger,\n    .Button--danger {\n      background: var(--color-btn-danger-bg);\n    }\n\n    /* Create PR button & New branch button */\n    .iRoQzU,\n    .ifkUYV,\n    .bOZDzN {\n      background-color: @green;\n      color: @base;\n    }\n\n    /* New branch dialog */\n    .jenxrv {\n      background-color: @mantle;\n      color: @text;\n    }\n\n    /* Branch drop down */\n    .fHiIQb {\n      background-color: @surface0;\n    }\n\n    /* Compare button & Cancel new branch button */\n    .idPXPh,\n    .epAEYw {\n      background-color: @surface0;\n      color: @text;\n      border-color: @surface1;\n    }\n\n    /* search btn */\n    .header-search-button.placeholder {\n      color: @text;\n    }\n\n    /* Issue tags */\n    .hx_IssueLabel {\n      --text: @text;\n    }\n\n    .hx_IssueLabel not when (@lookup =latte) {\n      --lightness-threshold: 0.453;\n      --border-threshold: 0.96;\n      --border-fadeout: max(\n        0,\n        min(\n          calc((var(--perceived-lightness) - var(--border-threshold)) * 100),\n          1\n        )\n      ); //color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)) !important;\n      color: var(--text) !important;\n      background: rgb(\n        var(--label-r),\n        var(--label-g),\n        var(--label-b)\n      ) !important;\n      border-color: hsla(\n        var(--label-h),\n        calc(var(--label-s) * 1%),\n        calc((var(--label-l) - 25) * 1%),\n        var(--border-fadeout)\n      ) !important;\n    }\n\n    .hx_IssueLabel when (@lookup =latte) {\n      --lightness-threshold: 0.6;\n      --background-fadeout: 0.18;\n      --border-fadeout: 0.3;\n      --lighten-by: calc(\n        ((var(--lightness-threshold) - var(--perceived-lightness)) * 100) *\n          var(--lightness-switch)\n      );\n      color: hsl(\n        var(--label-h),\n        calc(var(--label-s) * 1%),\n        calc((var(--label-l) + var(--lighten-by)) * 1%)\n      ) !important;\n      background: rgba(\n        var(--label-r),\n        var(--label-g),\n        var(--label-b),\n        var(--background-fadeout)\n      ) !important;\n      border-color: hsla(\n        var(--label-h),\n        calc(var(--label-s) * 1%),\n        calc((var(--label-l) + var(--lighten-by)) * 1%),\n        var(--border-fadeout)\n      ) !important;\n    }\n\n    /* Labels */\n    .Label {\n      color: var(--color-accent-fg);\n      background-color: @surface0;\n      border-color: transparent;\n    }\n\n    .Label--secondary {\n      background-color: @surface0;\n      color: @text;\n    }\n\n    .Label--success {\n      color: @base;\n      background-color: @green;\n    }\n\n    .Label--danger {\n      background-color: var(--color-danger-emphasis);\n      color: var(--color-btn-danger-text);\n    }\n\n    .timeline-comment-header .Label,\n    .timeline-comment .Label {\n      color: var(--color-fg-muted);\n    }\n\n    /* Search */\n    .header-search-input {\n      color: @text !important;\n    }\n\n    .header-search-input::placeholder {\n      color: @subtext1 !important;\n    }\n\n    /* Tags */\n    .topic-tag {\n      --color-accent-fg: @accent-color;\n      --color-accent-emphasis: @accent-color;\n      --color-accent-muted: fadeout(@accent-color, 60%);\n      --color-accent-subtle: fadeout(@accent-color, 85%);\n    }\n\n    /* Misc */\n    .col-md-8 {\n      background-color: @base;\n    }\n\n    .user-mention,\n    .team-mention {\n      color: @accent-color;\n    }\n\n    .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n      color: @green;\n    }\n    .starred .starred-button-icon {\n      color: @yellow;\n    }\n\n    /* Large notification */\n    .flash {\n      background: @mantle;\n      border-color: transparent;\n    }\n\n    /* Button Fix */\n    .color-bg-subtle {\n      background-color: transparent !important;\n    }\n\n    .command-palette-details-dialog .color-bg-subtle {\n      background-color: @surface0 !important;\n    }\n\n    /* Button selection Fix */\n    .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n      color: @base !important;\n    }\n\n    /* Darker bg for new AppHeader */\n    .AppHeader {\n      background: var(--color-header-bg);\n    }\n\n    /* Headers */\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      color: @subtext1;\n    }\n\n    body,\n    .markdown-body {\n      & when (@usefont=1) {\n        font-family: inter, sans-serif;\n      }\n    }\n\n    #check-step-header-title {\n      color: var(--color-checks-text-link) !important;\n    }\n\n    ::selection {\n      background: @surface2 !important;\n    }\n\n    /* New change visibility box star and watcher preview buttons Fix */\n    .btn.color-fg-danger.cursor-default {\n      color: var(--color-btn-danger-text) !important;\n      background-color: var(--color-btn-danger-bg);\n    }\n\n    .btn.color-fg-danger.cursor-default:hover {\n      background-color: var(--color-btn-danger-hover-bg);\n    }\n\n    .btn.color-fg-danger.cursor-default > svg.octicon {\n      color: var(--color-btn-danger-text) !important;\n    }\n\n    /* New change visibility box danger buttons Fix */\n    :where(\n        #repo-visibility-proceed-button-public,\n        #repo-visibility-proceed-button-private\n      ):not([data-next-stage]) {\n      color: var(--color-btn-danger-text);\n      background-color: var(--color-btn-danger-bg);\n    }\n\n    /* 2FA authentication box header Fix */\n    body.session-authentication div.Box-header {\n      background-color: inherit;\n    }\n\n    /* Footer Logo Fix */\n    .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n      fill: @text;\n    }\n\n    /* Footer text hover fix */\n    .footer nav.col-12 * {\n      color: @subtext1 !important;\n    }\n\n    /* Notifications */\n    .notification-indicator .mail-status {\n      background-image: none;\n      background-color: @accent-color;\n    }\n\n    /* Keyboard hint */\n    .bdgUpN,\n    .hZMmEi .TextInput-icon,\n    .hZMmEi .TextInput-action {\n      color: @text;\n      background-color: @mantle;\n      border-color: @surface0;\n    }\n\n    /* Merge icon */\n    .fMJQEf {\n      color: @text;\n      background-color: @overlay0;\n    }\n\n    /* Branch indicator */\n    .iVNDSi {\n      color: @accent-color;\n      background-color: fade(@accent-color, 10);\n    }\n\n    /* File view */\n    .hwnsNO {\n      color: @text;\n      th {\n        background: @mantle;\n      }\n    }\n\n    .dXveNa[data-no-visuals=\"true\"] {\n      color: @subtext0;\n    }\n\n    .dXveNa,\n    .kbjJSF {\n      background-color: @surface0;\n      border-color: @surface1;\n    }\n\n    .gUecKw,\n    .lcpiaz,\n    .jolsUx,\n    .fsSggy {\n      background-color: @mantle;\n    }\n\n    .Cxvmo,\n    .dhYcqs {\n      color: @red;\n    }\n\n    .byJIBD,\n    .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n      color: @green;\n    }\n\n    .lmmHGT:not(:first-of-type),\n    .fOEJrA,\n    .fnFdxN,\n    .huABLg,\n    .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n    .cwSUxL,\n    .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n    .jvzHAP,\n    .hPIyzG,\n    .gTeenv[data-no-visuals=\"true\"],\n    .VplrY[data-no-visuals=\"true\"],\n    .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n    .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n    .kKFNhh,\n    .lnXbGs,\n    .dTxwit {\n      color: @subtext0;\n    }\n\n    .gssqTz {\n      color: @text !important;\n    }\n\n    .bPgnBp,\n    .jMyfUO,\n    .cBrzIN {\n      color: @text;\n    }\n\n    .eLaeIt:hover:not([disabled]),\n    .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n    .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n    .bDSYgZ:hover:not([disabled]),\n    .icOaJE:hover:not([disabled]) {\n      background-color: @surface0;\n    }\n\n    .icOaJE[aria-pressed=\"true\"] {\n      background-color: @surface0;\n    }\n\n    .cZRqXf {\n      background-color: @surface0;\n      &:active:not([disabled]),\n      &[aria-expanded=\"true\"] {\n        border-color: @surface2;\n      }\n      &:hover:not([disabled]) {\n        border-color: @surface2;\n        background-color: @surface1;\n      }\n    }\n\n    .kdEavw,\n    .ddNLNa,\n    .jepClM,\n    .gTeenv,\n    .VplrY {\n      background-color: @surface0;\n      &:hover:not([disabled]) {\n        border-color: @surface2;\n        background-color: @surface1;\n      }\n    }\n\n    .juEfKr {\n      border-color: @surface2;\n    }\n\n    .eUqMHM,\n    .hSXtjz {\n      background-color: @base;\n    }\n\n    .gtXnmh,\n    .ukUXs,\n    .giEfVQ,\n    .cKvNNO,\n    .evdFFE,\n    .kTUxDY {\n      background-color: @mantle;\n    }\n\n    .hLwWNO .PRIVATE_TreeView-item-container,\n    .hYaoHV,\n    .rLhXz,\n    .gtXnmh,\n    .lmmHGT,\n    .dEmXPQ {\n      color: @text;\n    }\n\n    .bJBoUI,\n    .iJtJJh {\n      color: @accent-color;\n    }\n\n    .lhyFLG {\n      background-color: @mantle;\n      border-top: 1px solid @surface1;\n      border-right-color: @surface1;\n      border-bottom-color: @surface1;\n      border-left-color: @surface1;\n    }\n\n    .hUWqlv,\n    .bJcMWH {\n      color: @blue;\n    }\n    // search menu links\n    .Link__StyledLink-sc-14289xe-0.ifbDxt {\n      color: @blue;\n    }\n    .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n      background-color: fadeout(@blue, 60%);\n    }\n    // Search page buttons\n    .cxcvTj,\n    .Box-sc-g0xbh4-0.grSspY button {\n      background-color: @mantle;\n      border-color: @surface1;\n    }\n\n    .gxGEao {\n      border-bottom-color: @surface0;\n    }\n\n    .hLwWNO\n      .PRIVATE_TreeView-item[aria-current=\"true\"]\n      > .PRIVATE_TreeView-item-container {\n      background-color: @surface0;\n      &::after {\n        background-color: @accent-color;\n      }\n    }\n\n    .dfAUyE,\n    .gKuCoB,\n    .bFrOJy {\n      .segmentedControl-content {\n        background-color: @mantle;\n        color: @text;\n      }\n    }\n\n    .cuqBaK,\n    .fCAAcl,\n    .dAXkSP {\n      color: @text;\n      background-color: @base;\n      &:hover .segmentedControl-content {\n        background: @surface0;\n      }\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      .rLhXz:hover:not([aria-disabled]) {\n        background-color: @surface0;\n      }\n    }\n\n    /* Projects */\n    .ksbilD,\n    .cuaLcW,\n    .joCMLT,\n    .jClMHS,\n    .jhjELj,\n    .diDjDG,\n    .gFuKCf,\n    .dHdESs,\n    .hpfKPO,\n    .jdgyJn,\n    .iInViE,\n    .brqMal,\n    .AbCTW {\n      background-color: @mantle;\n    }\n\n    .jEgFtJ,\n    .lixtXZ:hover,\n    .eNIoFu,\n    .idPXPh:hover,\n    .fdORwV,\n    .cjFogo,\n    .gIOnJa {\n      background-color: @surface0;\n    }\n\n    .jBCpbB {\n      color: @text;\n      background-color: @surface0;\n    }\n\n    .kzrUhn.selected {\n      background-color: @base;\n      border-color: @surface0;\n      color: @text;\n    }\n\n    .esIQoN,\n    .kbjJSF:disabled {\n      color: @subtext1;\n    }\n\n    .eJTCnd,\n    .eTthoV {\n      border-color: @surface0;\n      background-color: @base;\n      color: @text;\n      .fixINc,\n      .eDZJqt {\n        color: @subtext0;\n      }\n      .bniVFX,\n      .jtlytA {\n        color: @text;\n      }\n    }\n\n    .ikTPpF {\n      box-shadow: @base 0px 3px 6px;\n      border-color: @surface0;\n    }\n\n    .cvveTk,\n    .dwoION {\n      background-color: @base;\n    }\n\n    .FKGWN {\n      background-color: @base;\n      border-color: @surface0;\n    }\n\n    .jPHlsW::after {\n      background-color: @accent-color;\n    }\n\n    .khCtfm:hover {\n      background-color: @surface0;\n    }\n    .bWlbEI,\n    .hzIORV {\n      background-color: @mantle;\n    }\n\n    .khCtfm,\n    .khCtfm[data-component=\"leadingVisual\"],\n    .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n      color: @subtext0;\n    }\n\n    .Tnbrt {\n      &:active,\n      &[aria-expanded=\"true\"] {\n        background-color: @surface2;\n      }\n      &:hover {\n        background-color: @surface1;\n      }\n    }\n\n    .imsxCM {\n      color: @text;\n\n      .is-selected::after {\n        background-color: @accent-color;\n      }\n    }\n\n    .pxYjU {\n      background-color: @mantle;\n      color: @text;\n      border-color: @surface0;\n    }\n\n    .ilLRrZ {\n      color: @text;\n      background-color: @surface1;\n    }\n\n    .cnIHxk {\n      background-color: @surface0;\n      color: @text;\n      &:disabled {\n        background-color: @overlay0;\n        color: @crust;\n      }\n    }\n\n    .ghFpol {\n      background-color: @base;\n    }\n\n    .hVmCdl,\n    .fqKZNC,\n    .fZFWUy,\n    .kbjJSF,\n    .flKHtV,\n    .jolsUx,\n    .ekNmOn {\n      color: @text;\n    }\n\n    .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n    .klUZzf:not(:first-of-type) {\n      color: @subtext0;\n    }\n\n    .jvpWzR {\n      &:hover {\n        background-color: @surface1;\n      }\n      &[data-size=\"large\"][data-block=\"block\"] {\n        color: @subtext0;\n      }\n    }\n\n    .fZFWUy,\n    .fzjwje {\n      background-color: @base;\n    }\n\n    .cEYXBH {\n      background-color: @accent-color;\n    }\n\n    .joxhcl,\n    .hXyJIp,\n    .fMkBhb > .segmentedControl-content {\n      background-color: @mantle;\n    }\n\n    .dVFmxu,\n    .gbKtit,\n    .lnKxja,\n    .jzwNMs {\n      color: @subtext0;\n      svg {\n        fill: @subtext0;\n      }\n      &:hover .segmentedControl-content {\n        background-color: @surface1;\n        border-color: @surface0;\n      }\n    }\n\n    .hJMtSk {\n      color: @crust;\n      background-color: @green;\n      &:disabled {\n        color: @crust;\n        background-color: @overlay0;\n      }\n    }\n\n    .iDiUTR {\n      color: @text;\n      background-color: @base;\n      border-color: @surface0;\n      &:hover {\n        border-color: @surface1;\n      }\n    }\n\n    .eQfJKc,\n    .UHWYv {\n      color: @red;\n    }\n\n    .jVIqnb {\n      color: @red;\n      background-color: @surface0;\n      &:hover {\n        color: @base;\n        background-color: @red;\n      }\n    }\n\n    .UHWYv:hover {\n      background-color: fade(@red, 20);\n    }\n\n    .lmmHGT:hover {\n      background-color: @surface0;\n    }\n\n    /* Project table view */\n    .hYdbWk,\n    .gkeKEr,\n    .jzcCeu,\n    .iGxiw,\n    .ixFSpw,\n    .koxWOe,\n    .gkWKRr,\n    .ikaTJo > svg,\n    .dcGHGc,\n    .dzMFih,\n    .hYdbWk::before,\n    .ixFSpw::before,\n    .dSHKOE {\n      background-color: @base;\n    }\n\n    .gkWKRr {\n      border-top-color: @surface0;\n      border-right-color: @surface0;\n      border-left-color: @surface0;\n    }\n\n    .hPQRKh {\n      background-color: @surface0;\n      &:hover:not([disabled]) {\n        background-color: @surface1;\n      }\n      &[data-component=\"IconButton\"][data-no-visuals] {\n        color: @subtext0;\n      }\n    }\n\n    .kfwhFa {\n      &:hover:not([disabled]) {\n        background-color: @surface0;\n      }\n      &[data-size=\"small\"][data-no-visuals=\"true\"] {\n        color: @subtext0;\n      }\n    }\n\n    .jykkjb {\n      background-color: @base;\n      box-shadow:\n        @crust 0px -2px 0px inset,\n        @crust 0px 1px 0px inset;\n    }\n\n    .jhjELj,\n    .ixTUPS {\n      border-color: @surface1;\n    }\n\n    .gmscZx,\n    .fUaEiu {\n      &:hover:not([disabled]) {\n        background-color: @surface1;\n      }\n      &[aria-expanded=\"true\"] {\n        background-color: @surface0;\n      }\n      & [data-component=\"leadingVisual\"],\n      &[data-size=\"small\"],\n      &[data-size=\"small\"][data-no-visuals=\"true\"] {\n        color: @subtext0;\n      }\n    }\n\n    .cBssZb {\n      color: @text;\n    }\n\n    .jhjELj::before {\n      border-color: transparent transparent @surface1;\n    }\n\n    .fHpqaf,\n    .bfQVnA,\n    .iGxiw,\n    .fUzagb,\n    .gisjeK,\n    .iQkwAM {\n      color: @subtext0;\n    }\n\n    smt {\n      background-color: @base;\n      &:hover {\n        background-color: @surface0;\n      }\n    }\n\n    .dtTTcd {\n      background-color: @base;\n      &.hoverable:hover {\n        background-color: @surface0;\n      }\n    }\n\n    .pQcjM {\n      border-color: @surface1;\n      &.hoverable:hover {\n        background-color: @surface0;\n      }\n    }\n\n    .eTSXcP {\n      background-color: @red;\n    }\n\n    .iGxiw {\n      border-bottom-color: @surface1;\n    }\n\n    /* Tree Fix */\n\n    /* Tree Fix */\n\n    /* Weird barely visible outlines | Can be removed if intentional*/\n    .brFBoI,\n    .ldUAkr,\n    .gtXnmh {\n      border-color: @surface1;\n    }\n\n    /* New Repository Overview Fix */\n    .gWjhfa,\n    .jMdYTc {\n      background-color: @mantle;\n    }\n\n    .jMdYTc {\n      border: 1px solid @surface1;\n\n      & button {\n        color: @subtext1;\n\n        &:hover {\n          background-color: @surface0;\n        }\n\n        &[aria-expanded=\"true\"] {\n          background-color: @surface0;\n        }\n      }\n    }\n\n    .gwuIGu > a {\n      &:hover {\n        background-color: @surface0;\n      }\n\n      & span {\n        color: @subtext1;\n      }\n    }\n\n    /* Buttons */\n    .bJYdrf:hover {\n      background-color: @mantle;\n    }\n\n    .dSlCya:hover {\n      color: @accent-color;\n    }\n\n    .hNNRLM,\n    .hGgJQu,\n    .hTcsdJ {\n      background-color: @surface0;\n      border-color: @surface0;\n      color: @text;\n\n      &:hover {\n        background-color: @surface1;\n        border-color: @surface1;\n      }\n    }\n\n    .eOIzRT {\n      background-color: @base;\n\n      &:hover {\n        background-color: @surface0;\n      }\n    }\n\n    .hNNRLM svg {\n      color: @text;\n    }\n\n    .react-last-commit-history-group:hover {\n      background-color: @base;\n      color: @text;\n    }\n    .ContributionCalendar-day {\n      --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n      --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n      --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n      --color-calendar-graph-day-L4-bg: @green;\n      --color-calendar-graph-day-L1-border: transparent;\n      --color-calendar-graph-day-L2-border: transparent;\n      --color-calendar-graph-day-L3-border: transparent;\n      --color-calendar-graph-day-L4-border: transparent;\n      --color-calendar-graph-day-bg: @surface0;\n    }\n\n    .tooltipped.tooltipped-s rect {\n      fill: @green !important;\n    }\n    .hfRvxg {\n      color: @subtext1;\n\n      &:hover {\n        color: @text;\n      }\n    }\n\n    /* Scrolling top menu */\n    .lbYguI {\n      border-radius: 6px;\n    }\n\n    .hPsWZB,\n    .bOUZZs {\n      background-color: @mantle;\n    }\n\n    .react-blob-header-edit-and-raw-actions > div > a,\n    .react-blob-header-edit-and-raw-actions > div > span > a,\n    .react-blob-header-edit-and-raw-actions > div > span > button {\n      background-color: @base;\n      color: @subtext0;\n\n      &:hover {\n        background-color: @surface1;\n      }\n    }\n\n    .hMOAua {\n      color: @subtext1;\n\n      &:hover {\n        background-color: @mantle;\n        border: 1px solid @surface1;\n        color: @text;\n      }\n    }\n\n    /* Fullscreen Sidebar Fixes*/\n    .hMCjFU,\n    .jcKsih,\n    .hpgNiv {\n      background-color: @base;\n      color: @text;\n      border: 1px solid @surface1;\n\n      &:hover {\n        background-color: @surface0;\n      }\n    }\n\n    /* Dropdown Menus */\n    .jfOCiu,\n    .gNXjVV,\n    .iGzDhH,\n    .Overlay {\n      background-color: @mantle;\n      border: 1px solid @surface1;\n      border-radius: 6px;\n      box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n    }\n\n    .jfOCiu li {\n      color: @text;\n    }\n\n    .kRbyXo {\n      color: @text;\n    }\n\n    .VgnWi {\n      background-color: @base;\n      border: 1px solid @surface1;\n\n      &:focus-within {\n        border-color: @accent-color;\n        box-shadow: @accent-color 0px 0px 0px 1px inset;\n      }\n    }\n\n    .bAKGFC {\n      background-color: @surface1;\n    }\n\n    .bdMlHy {\n      border-color: @surface1;\n    }\n\n    .jMyfUO.selected {\n      border-color: @surface1;\n      background-color: @mantle;\n    }\n\n    .bPgnBp {\n      color: @accent-color;\n    }\n\n    kbd {\n      background-color: @surface1;\n    }\n\n    select option,\n    optgroup {\n      background-color: @mantle;\n      border: 1px solid @surface1;\n      border-radius: 6px;\n      box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n    }\n\n    .hUQSCH {\n      background-color: @base;\n      color: @subtext1;\n      border-color: @surface1;\n\n      &:hover {\n        background-color: @mantle;\n        border-color: @surface1;\n      }\n    }\n\n    /* Add File Menu */\n    .dQPLyc {\n      background-color: transparent;\n      border: 1px solid @surface1;\n    }\n\n    .ktGGEf {\n      background-color: @base;\n      border: 1px solid @surface1;\n    }\n\n    .gkfBtX {\n      background-color: @mantle;\n      border-radius: 6px 0px 0px 0px;\n      border-bottom: 1px solid @surface1;\n    }\n\n    .jproXT {\n      background-color: transparent;\n      border-color: transparent;\n      color: @subtext1;\n\n      &:hover {\n        color: @text;\n      }\n\n      &:focus-within {\n        border-color: transparent;\n        box-shadow: none;\n        color: @text;\n      }\n    }\n\n    .wLDmP {\n      background-color: @mantle;\n      border: 1px solid @surface1;\n    }\n\n    .eNSiNz .segmentedControl-content,\n    .gKuCoB .segmentedControl-content {\n      background-color: @base;\n    }\n\n    /* Notification Menu Fix */\n    .notifications-list-item.notification-read,\n    .notifications-list-item.notification-archived {\n      background-color: @base !important;\n\n      &:last-child {\n        border-bottom-left-radius: 6px;\n      }\n    }\n\n    /* Loading Bar Color */\n    .turbo-progress-bar {\n      background-color: @accent-color;\n    }\n    .search-results-page {\n      background-color: @base;\n    }\n  }\n}\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n  :root {\n    #catppuccin(@darkFlavor, @accentColor);\n  }\n\n  #catppuccin(@lookup, @accent) {\n    @rosewater: @catppuccin[@@lookup][@rosewater];\n    @flamingo: @catppuccin[@@lookup][@flamingo];\n    @pink: @catppuccin[@@lookup][@pink];\n    @mauve: @catppuccin[@@lookup][@mauve];\n    @red: @catppuccin[@@lookup][@red];\n    @maroon: @catppuccin[@@lookup][@maroon];\n    @peach: @catppuccin[@@lookup][@peach];\n    @yellow: @catppuccin[@@lookup][@yellow];\n    @green: @catppuccin[@@lookup][@green];\n    @teal: @catppuccin[@@lookup][@teal];\n    @sky: @catppuccin[@@lookup][@sky];\n    @sapphire: @catppuccin[@@lookup][@sapphire];\n    @blue: @catppuccin[@@lookup][@blue];\n    @lavender: @catppuccin[@@lookup][@lavender];\n    @text: @catppuccin[@@lookup][@text];\n    @subtext1: @catppuccin[@@lookup][@subtext1];\n    @subtext0: @catppuccin[@@lookup][@subtext0];\n    @overlay2: @catppuccin[@@lookup][@overlay2];\n    @overlay1: @catppuccin[@@lookup][@overlay1];\n    @overlay0: @catppuccin[@@lookup][@overlay0];\n    @surface2: @catppuccin[@@lookup][@surface2];\n    @surface1: @catppuccin[@@lookup][@surface1];\n    @surface0: @catppuccin[@@lookup][@surface0];\n    @base: @catppuccin[@@lookup][@base];\n    @mantle: @catppuccin[@@lookup][@mantle];\n    @crust: @catppuccin[@@lookup][@crust];\n    @accent-color: @catppuccin[@@lookup][@@accent];\n\n    /* Colors */\n    --color-scale-black: #010409;\n    --color-scale-white: #ffffff;\n    --color-scale-gray-0: #f0f6fc;\n    --color-scale-gray-1: #c9d1d9;\n    --color-scale-gray-2: #b1bac4;\n    --color-scale-gray-3: #8b949e;\n    --color-scale-gray-4: #6e7681;\n    --color-scale-gray-5: #484f58;\n    --color-scale-gray-6: #30363d;\n    --color-scale-gray-7: #21262d;\n    --color-scale-gray-8: #161b22;\n    --color-scale-gray-9: #0d1117;\n    --color-scale-blue-0: #cae8ff;\n    --color-scale-blue-1: #a5d6ff;\n    --color-scale-blue-2: #79c0ff;\n    --color-scale-blue-3: #58a6ff;\n    --color-scale-blue-4: #388bfd;\n    --color-scale-blue-5: #1f6feb;\n    --color-scale-blue-6: #1158c7;\n    --color-scale-blue-7: #0d419d;\n    --color-scale-blue-8: #0c2d6b;\n    --color-scale-blue-9: #051d4d;\n    --color-scale-green-0: #aff5b4;\n    --color-scale-green-1: #7ee787;\n    --color-scale-green-2: #56d364;\n    --color-scale-green-3: #3fb950;\n    --color-scale-green-4: #2ea043;\n    --color-scale-green-5: #238636;\n    --color-scale-green-6: #196c2e;\n    --color-scale-green-7: #0f5323;\n    --color-scale-green-8: #033a16;\n    --color-scale-green-9: #04260f;\n    --color-scale-yellow-0: #f8e3a1;\n    --color-scale-yellow-1: #f2cc60;\n    --color-scale-yellow-2: #e3b341;\n    --color-scale-yellow-3: #d29922;\n    --color-scale-yellow-4: #bb8009;\n    --color-scale-yellow-5: #9e6a03;\n    --color-scale-yellow-6: #845306;\n    --color-scale-yellow-7: #693e00;\n    --color-scale-yellow-8: #4b2900;\n    --color-scale-yellow-9: #341a00;\n    --color-scale-orange-0: #ffdfb6;\n    --color-scale-orange-1: #ffc680;\n    --color-scale-orange-2: #ffa657;\n    --color-scale-orange-3: #f0883e;\n    --color-scale-orange-4: #db6d28;\n    --color-scale-orange-5: #bd561d;\n    --color-scale-orange-6: #9b4215;\n    --color-scale-orange-7: #762d0a;\n    --color-scale-orange-8: #5a1e02;\n    --color-scale-orange-9: #3d1300;\n    --color-scale-red-0: #ffdcd7;\n    --color-scale-red-1: #ffc1ba;\n    --color-scale-red-2: #ffa198;\n    --color-scale-red-3: #ff7b72;\n    --color-scale-red-4: #f85149;\n    --color-scale-red-5: #da3633;\n    --color-scale-red-6: #b62324;\n    --color-scale-red-7: #8e1519;\n    --color-scale-red-8: #67060c;\n    --color-scale-red-9: #490202;\n    --color-scale-purple-0: #eddeff;\n    --color-scale-purple-1: #e2c5ff;\n    --color-scale-purple-2: #d2a8ff;\n    --color-scale-purple-3: #bc8cff;\n    --color-scale-purple-4: #a371f7;\n    --color-scale-purple-5: #8957e5;\n    --color-scale-purple-6: #6e40c9;\n    --color-scale-purple-7: #553098;\n    --color-scale-purple-8: #3c1e70;\n    --color-scale-purple-9: #271052;\n    --color-scale-pink-0: #ffdaec;\n    --color-scale-pink-1: #ffbedd;\n    --color-scale-pink-2: #ff9bce;\n    --color-scale-pink-3: #f778ba;\n    --color-scale-pink-4: #db61a2;\n    --color-scale-pink-5: #bf4b8a;\n    --color-scale-pink-6: #9e3670;\n    --color-scale-pink-7: #7d2457;\n    --color-scale-pink-8: #5e103e;\n    --color-scale-pink-9: #42062a;\n    --color-scale-coral-0: #ffddd2;\n    --color-scale-coral-1: #ffc2b2;\n    --color-scale-coral-2: #ffa28b;\n    --color-scale-coral-3: #f78166;\n    --color-scale-coral-4: #ea6045;\n    --color-scale-coral-5: #cf462d;\n    --color-scale-coral-6: #ac3220;\n    --color-scale-coral-7: #872012;\n    --color-scale-coral-8: #640d04;\n    --color-scale-coral-9: #460701;\n\n    --jp-border-color0: var(--color-scale-gray-7);\n    --jp-border-color1: var(--color-scale-gray-7);\n    --jp-border-color2: var(--color-scale-gray-8);\n    --jp-border-color3: var(--color-scale-gray-9);\n    --jp-ui-font-color0: @text;\n    --jp-ui-font-color1: fadeout(@text, 13%);\n    --jp-ui-font-color2: fadeout(@text, 46%);\n    --jp-ui-font-color3: fadeout(@text, 72%);\n    --jp-ui-inverse-font-color0: @crust;\n    --jp-ui-inverse-font-color1: fadeout(@crust, 20%);\n    --jp-ui-inverse-font-color2: fadeout(@crust, 50%);\n    --jp-ui-inverse-font-color3: fadeout(@crust, 70%);\n    --jp-content-font-color0: @text;\n    --jp-content-font-color1: @text;\n    --jp-content-font-color2: fadeout(@text, 30%);\n    --jp-content-font-color3: fadeout(@text, 50%);\n    --jp-content-link-color: @sapphire;\n    --jp-layout-color0: @base !important;\n    --jp-layout-color1: var(--color-scale-gray-9);\n    --jp-layout-color2: var(--color-scale-gray-8);\n    --jp-layout-color3: var(--color-scale-gray-7);\n    --jp-layout-color4: var(--color-scale-gray-6);\n    --jp-inverse-layout-color0: var(--color-scale-white);\n    --jp-inverse-layout-color1: var(--color-scale-white);\n    --jp-inverse-layout-color2: var(--color-scale-gray-2);\n    --jp-inverse-layout-color3: var(--color-scale-gray-4);\n    --jp-inverse-layout-color4: var(--color-scale-gray-6);\n    --jp-brand-color0: var(--color-scale-blue-7);\n    --jp-brand-color1: var(--color-scale-blue-5);\n    --jp-brand-color2: var(--color-scale-blue-3);\n    --jp-brand-color3: var(--color-scale-blue-1);\n    --jp-brand-color4: var(--color-scale-blue-0);\n    --jp-accent-color0: var(--color-scale-green-7);\n    --jp-accent-color1: var(--color-scale-green-5);\n    --jp-accent-color2: var(--color-scale-green-3);\n    --jp-accent-color3: var(--color-scale-green-1);\n    --jp-warn-color0: var(--color-scale-orange-7);\n    --jp-warn-color1: var(--color-scale-orange-5);\n    --jp-warn-color2: var(--color-scale-orange-3);\n    --jp-warn-color3: var(--color-scale-orange-1);\n    --jp-error-color0: var(--color-scale-red-7);\n    --jp-error-color1: var(--color-scale-red-5);\n    --jp-error-color2: var(--color-scale-red-3);\n    --jp-error-color3: var(--color-scale-red-1);\n    --jp-success-color0: var(--color-scale-green-7);\n    --jp-success-color1: var(--color-scale-green-5);\n    --jp-success-color2: var(--color-scale-green-3);\n    --jp-success-color3: var(--color-scale-green-1);\n    --jp-info-color0: var(--color-scale-blue-7);\n    --jp-info-color1: var(--color-scale-blue-5);\n    --jp-info-color2: var(--color-scale-blue-3);\n    --jp-info-color3: var(--color-scale-blue-1);\n    --jp-cell-editor-border-color: var(--color-scale-gray-7);\n    --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n    --jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);\n    --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n    --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n    --jp-notebook-multiselected-color: fadeout(@overlay2, 86%);\n    --jp-rendermime-error-background: fadeout(@red, 82%);\n    --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n    --jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);\n    --jp-dialog-background: fadeout(@crust, 40%);\n    --jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);\n    --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n    --jp-input-background: var(--color-scale-gray-8);\n    --jp-input-active-box-shadow-color: fadeout(@blue, 70%);\n    --jp-editor-selected-focused-background: fadeout(@blue, 86%);\n    --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n    --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n    --jp-mirror-editor-number-color: var(--color-scale-green-4);\n    --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n    --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n    --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n    --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n    --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n    --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n    --jp-mirror-editor-operator-color: @mauve;\n    --jp-mirror-editor-comment-color: @subtext0;\n    --jp-mirror-editor-string-color: @peach;\n    --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n    --jp-mirror-editor-meta-color: @mauve;\n    --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n    --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n    --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n    --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n    --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n    --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n    --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n    --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n    --jp-mirror-editor-error-color: @red;\n    --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n    --jp-vega-background: var(--color-scale-gray-4);\n    --jp-search-selected-match-background-color: @yellow;\n    --jp-search-selected-match-color: @crust;\n    --jp-icon-contrast-color0: var(--color-scale-purple-6);\n    --jp-icon-contrast-color1: var(--color-scale-green-6);\n    --jp-icon-contrast-color2: var(--color-scale-pink-6);\n    --jp-icon-contrast-color3: var(--color-scale-blue-6);\n  }\n}\n",
    "usercssData": {
      "name": "Github Catppuccin",
      "namespace": "github.com/catppuccin/userstyles/styles/github",
      "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/github",
      "version": "1.2.9",
      "description": "Soothing pastel theme for GitHub",
      "author": "Catppuccin",
      "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css",
      "license": "MIT",
      "preprocessor": "less",
      "vars": {
        "lightFlavor": {
          "type": "select",
          "label": "Light Flavor",
          "name": "lightFlavor",
          "value": null,
          "default": "latte",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappé",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "darkFlavor": {
          "type": "select",
          "label": "Dark Flavor",
          "name": "darkFlavor",
          "value": null,
          "default": "mocha",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappé",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "accentColor": {
          "type": "select",
          "label": "Accent",
          "name": "accentColor",
          "value": "blue",
          "default": "rosewater",
          "options": [
            {
              "name": "rosewater",
              "label": "Rosewater",
              "value": "rosewater"
            },
            {
              "name": "flamingo",
              "label": "Flamingo",
              "value": "flamingo"
            },
            {
              "name": "pink",
              "label": "Pink",
              "value": "pink"
            },
            {
              "name": "mauve",
              "label": "Mauve",
              "value": "mauve"
            },
            {
              "name": "red",
              "label": "Red",
              "value": "red"
            },
            {
              "name": "maroon",
              "label": "Maroon",
              "value": "maroon"
            },
            {
              "name": "peach",
              "label": "Peach",
              "value": "peach"
            },
            {
              "name": "yellow",
              "label": "Yellow",
              "value": "yellow"
            },
            {
              "name": "green",
              "label": "Green",
              "value": "green"
            },
            {
              "name": "teal",
              "label": "Teal",
              "value": "teal"
            },
            {
              "name": "blue",
              "label": "Blue",
              "value": "blue"
            },
            {
              "name": "sapphire",
              "label": "Sapphire",
              "value": "sapphire"
            },
            {
              "name": "sky",
              "label": "Sky",
              "value": "sky"
            },
            {
              "name": "lavender",
              "label": "Lavender",
              "value": "lavender"
            },
            {
              "name": "subtext0",
              "label": "Gray",
              "value": "subtext0"
            }
          ]
        },
        "topbar": {
          "type": "checkbox",
          "label": "Topbar colors",
          "name": "topbar",
          "value": null,
          "default": "1",
          "options": null
        },
        "usefont": {
          "type": "checkbox",
          "label": "Use Inter font",
          "name": "usefont",
          "value": null,
          "default": "0",
          "options": null
        }
      }
    },
    "author": "Catppuccin",
    "description": "Soothing pastel theme for GitHub",
    "name": "Github Catppuccin",
    "originalDigest": "9ee8168ca4dd90bb6fec2e9e4f0352ed09574383",
    "_id": "ce81c1e7-73c2-4d82-932f-de0ec3701fd5",
    "_rev": 1699561654810,
    "id": 2,
    "etag": "W/\"12191cdff7ee97f859d7aa29045e020bfa7094f0a60e7345d739343e8776641c\""
  },
  {
    "enabled": true,
    "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css",
    "url": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search",
    "installDate": 1699561568415,
    "sections": [
      {
        "code": ""
      }
    ],
    "sourceCode": "/* ==UserStyle==\n@name           NixOS Search Catppuccin\n@namespace      github.com/catppuccin/userstyles/nixos-search\n@homepageURL    https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search\n@version        0.3.0\n@description    Soothing pastel theme for NixOS Search\n@author         Catppuccin\n@updateURL      https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css\n@license        MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"search.nixos.org\") {\n  @media (prefers-color-scheme: light) {\n    #catppuccin(@lightFlavor, @accentColor);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    #catppuccin(@darkFlavor, @accentColor);\n  }\n\n  #catppuccin(@lookup, @accent) {\n    @rosewater: @catppuccin[@@lookup][@rosewater];\n    @flamingo: @catppuccin[@@lookup][@flamingo];\n    @pink: @catppuccin[@@lookup][@pink];\n    @mauve: @catppuccin[@@lookup][@mauve];\n    @red: @catppuccin[@@lookup][@red];\n    @maroon: @catppuccin[@@lookup][@maroon];\n    @peach: @catppuccin[@@lookup][@peach];\n    @yellow: @catppuccin[@@lookup][@yellow];\n    @green: @catppuccin[@@lookup][@green];\n    @teal: @catppuccin[@@lookup][@teal];\n    @sky: @catppuccin[@@lookup][@sky];\n    @sapphire: @catppuccin[@@lookup][@sapphire];\n    @blue: @catppuccin[@@lookup][@blue];\n    @lavender: @catppuccin[@@lookup][@lavender];\n    @text: @catppuccin[@@lookup][@text];\n    @subtext1: @catppuccin[@@lookup][@subtext1];\n    @subtext0: @catppuccin[@@lookup][@subtext0];\n    @overlay2: @catppuccin[@@lookup][@overlay2];\n    @overlay1: @catppuccin[@@lookup][@overlay1];\n    @overlay0: @catppuccin[@@lookup][@overlay0];\n    @surface2: @catppuccin[@@lookup][@surface2];\n    @surface1: @catppuccin[@@lookup][@surface1];\n    @surface0: @catppuccin[@@lookup][@surface0];\n    @base: @catppuccin[@@lookup][@base];\n    @mantle: @catppuccin[@@lookup][@mantle];\n    @crust: @catppuccin[@@lookup][@crust];\n    @accent-color: @catppuccin[@@lookup][@@accent];\n\n    /* Generic */\n    html,\n    body {\n      background-color: @base;\n      color: @text;\n    }\n\n    code,\n    pre {\n      color: @red;\n      background-color: @surface0;\n      border: none;\n    }\n\n    a,\n    a:hover,\n    a:focus {\n      color: @accent-color;\n      outline: none;\n    }\n\n    /* Navbar */\n    .navbar .navbar-static-top {\n      background-color: @mantle;\n    }\n\n    .navbar-inner {\n      background-color: @mantle;\n      background-image: none;\n      border: 1px solid @base;\n    }\n\n    .nav-tabs {\n      border-bottom: 1px solid @surface0;\n    }\n\n    .nav-tabs > .active > a,\n    .nav-tabs > .active > a:hover,\n    .nav-tabs > .active > a:focus {\n      background-color: @base;\n      border: 1px solid @surface0;\n      color: @text;\n    }\n\n    .navbar .nav > li > a {\n      text-shadow: none;\n      color: @subtext0;\n    }\n\n    .navbar .nav > li > a:focus,\n    .navbar .nav > li > a:hover {\n      color: @text;\n      border: none;\n    }\n\n    .navbar .nav > .active > a,\n    .navbar .nav > .active > a:hover,\n    .navbar .nav > .active > a:focus {\n      background-color: @surface0;\n      color: @text;\n    }\n\n    /* Installation instructions tabs */\n    .nav > li > a:hover,\n    .nav > li > a:focus {\n      background-color: @surface0;\n      border: 1px solid @surface0;\n    }\n\n    /* \"Experimental\" label */\n    .label,\n    .badge {\n      background-color: @accent-color;\n      color: @crust;\n      text-shadow: none;\n    }\n\n    /* Buttons */\n    .btn {\n      background-color: @surface0;\n      background-image: none;\n      text-shadow: none;\n      box-shadow: none;\n      color: @text;\n      border: 1px solid @base;\n    }\n\n    .btn:focus {\n      outline: none;\n      color: @text;\n      background-color: @surface1;\n    }\n\n    .btn:hover,\n    .btn:active,\n    .btn.active,\n    .btn.disabled,\n    .btn[disabled] {\n      background-color: @surface1;\n      color: @text;\n    }\n\n    /* \"Sort\" menu */\n    .dropdown-menu {\n      background-color: @mantle;\n      border: 1px solid @crust;\n      box-shadow: 0 5px 10px @mantle;\n    }\n\n    .dropdown-menu > li > a {\n      color: @text;\n    }\n\n    .dropdown-menu > li > a:hover,\n    .dropdown-menu > li > a:focus,\n    .dropdown-submenu:hover > a,\n    .dropdown-submenu:focus > a {\n      background-color: @surface0;\n      background-image: none;\n    }\n\n    .dropdown-menu .divider {\n      background-color: @surface0;\n      border-bottom: @surface0;\n    }\n\n    .dropdown .caret {\n      border-top: 4px solid @text;\n    }\n\n    /* Overrides menu item hover color */\n    .search-page\n      > .search-results\n      > div\n      > :first-child\n      > div:first-child\n      > ul\n      > li\n      > a {\n      color: @text;\n    }\n\n    /* Loading indicator */\n    .loader {\n      color: @crust;\n    }\n\n    /* Input box */\n    textarea,\n    input[type=\"text\"],\n    input[type=\"password\"],\n    input[type=\"datetime\"],\n    input[type=\"datetime-local\"],\n    input[type=\"date\"],\n    input[type=\"month\"],\n    input[type=\"time\"],\n    input[type=\"week\"],\n    input[type=\"number\"],\n    input[type=\"email\"],\n    input[type=\"url\"],\n    input[type=\"search\"],\n    input[type=\"tel\"],\n    input[type=\"color\"],\n    .uneditable-input {\n      background-color: @surface0;\n      color: @text;\n      border: 1px solid @base;\n    }\n\n    textarea:focus,\n    input[type=\"text\"]:focus,\n    input[type=\"password\"]:focus,\n    input[type=\"datetime\"]:focus,\n    input[type=\"datetime-local\"]:focus,\n    input[type=\"date\"]:focus,\n    input[type=\"month\"]:focus,\n    input[type=\"time\"]:focus,\n    input[type=\"week\"]:focus,\n    input[type=\"number\"]:focus,\n    input[type=\"email\"]:focus,\n    input[type=\"url\"]:focus,\n    input[type=\"search\"]:focus,\n    input[type=\"tel\"]:focus,\n    input[type=\"color\"]:focus,\n    .uneditable-input:focus {\n      border-color: @accent-color;\n      box-shadow:\n        inset 0 1px 1px @crust,\n        0 0 8px @accent-color;\n    }\n\n    /* Fix input box placeholder text */\n    textarea::placeholder,\n    input[type=\"text\"]::placeholder,\n    input[type=\"password\"]::placeholder,\n    input[type=\"datetime\"]::placeholder,\n    input[type=\"datetime-local\"]::placeholder,\n    input[type=\"date\"]::placeholder,\n    input[type=\"month\"]::placeholder,\n    input[type=\"time\"]::placeholder,\n    input[type=\"week\"]::placeholder,\n    input[type=\"number\"]::placeholder,\n    input[type=\"email\"]::placeholder,\n    input[type=\"url\"]::placeholder,\n    input[type=\"search\"]::placeholder,\n    input[type=\"tel\"]::placeholder,\n    input[type=\"color\"]::placeholder,\n    .uneditable-input::placeholder {\n      color: @subtext0;\n    }\n\n    /* Search results */\n    .search-page > .search-results > div > :nth-child(2) > li {\n      border-bottom: 1px solid @surface0;\n    }\n\n    .search-page > .search-results > div > :nth-child(2) > li > :first-child {\n      color: @accent-color;\n    }\n\n    .search-page\n      > .search-results\n      > div\n      > :nth-child(2)\n      > li.package\n      > :nth-child(5)\n      > :nth-child(2)\n      ul.nav-tabs\n      > li\n      > a {\n      color: @text;\n    }\n\n    .search-page\n      > .search-results\n      > div\n      > :nth-child(2)\n      > li.package\n      > :nth-child(5)\n      > :nth-child(2)\n      pre {\n      color: @text;\n      background-color: @mantle;\n      border: none;\n    }\n\n    .search-page\n      > .search-results\n      > div\n      > :nth-child(2)\n      > li.package\n      .result-item-show-more {\n      background-color: @base;\n      color: @text;\n    }\n\n    .search-page\n      > .search-results\n      > div\n      > :nth-child(2)\n      > li.package\n      > :nth-child(3)\n      > li {\n      color: @text;\n    }\n\n    .search-page\n      > .search-results\n      > div\n      > :nth-child(2)\n      > li.package\n      > :nth-child(5)\n      > :nth-child(2)\n      div.tab-content {\n      border: 1px solid @surface0;\n    }\n\n    .search-page\n      > .search-results\n      > div\n      > :nth-child(2)\n      > li.option\n      > :nth-child(2)\n      > div:nth-child(2n)\n      pre\n      code {\n      color: @text;\n      background-color: @mantle;\n    }\n\n    /* Search sidebar */\n    .search-page ul.search-sidebar > li {\n      border-color: @surface0;\n    }\n\n    .search-page ul.search-sidebar > li > ul > li > a {\n      color: @text;\n    }\n\n    .search-page ul.search-sidebar > li > ul > li > a:hover {\n      background-color: @surface0;\n    }\n\n    .search-page ul.search-sidebar > li > ul > li > a.selected {\n      color: @crust;\n      background-color: @accent-color;\n    }\n\n    /* Override sidebar labels (number of packages) */\n    .search-sidebar .label,\n    .search-sidebar .badge {\n      background-color: @surface0;\n      color: @text;\n      text-shadow: none;\n    }\n\n    /* Pager */\n    .pager li > a,\n    .pager li > span {\n      color: @text;\n      background-color: @surface0;\n      border: none;\n      border-radius: 5px;\n    }\n\n    .pager li > a:hover,\n    .pager li > a:focus {\n      background-color: @surface1;\n      transition: all;\n      transition-duration: 5ms;\n    }\n\n    .pager .disabled > a,\n    .pager .disabled > a:hover,\n    .pager .disabled > a:focus,\n    .pager .disabled > span {\n      color: @text;\n      background-color: @mantle;\n      border: none;\n      border-radius: 5px;\n    }\n  }\n}\n\n@catppuccin: {\n  @latte: {\n    @rosewater: #dc8a78;\n    @flamingo: #dd7878;\n    @pink: #ea76cb;\n    @mauve: #8839ef;\n    @red: #d20f39;\n    @maroon: #e64553;\n    @peach: #fe640b;\n    @yellow: #df8e1d;\n    @green: #40a02b;\n    @teal: #179299;\n    @sky: #04a5e5;\n    @sapphire: #209fb5;\n    @blue: #1e66f5;\n    @lavender: #7287fd;\n    @text: #4c4f69;\n    @subtext1: #5c5f77;\n    @subtext0: #6c6f85;\n    @overlay2: #7c7f93;\n    @overlay1: #8c8fa1;\n    @overlay0: #9ca0b0;\n    @surface2: #acb0be;\n    @surface1: #bcc0cc;\n    @surface0: #ccd0da;\n    @base: #eff1f5;\n    @mantle: #e6e9ef;\n    @crust: #dce0e8;\n  };\n  @frappe: {\n    @rosewater: #f2d5cf;\n    @flamingo: #eebebe;\n    @pink: #f4b8e4;\n    @mauve: #ca9ee6;\n    @red: #e78284;\n    @maroon: #ea999c;\n    @peach: #ef9f76;\n    @yellow: #e5c890;\n    @green: #a6d189;\n    @teal: #81c8be;\n    @sky: #99d1db;\n    @sapphire: #85c1dc;\n    @blue: #8caaee;\n    @lavender: #babbf1;\n    @text: #c6d0f5;\n    @subtext1: #b5bfe2;\n    @subtext0: #a5adce;\n    @overlay2: #949cbb;\n    @overlay1: #838ba7;\n    @overlay0: #737994;\n    @surface2: #626880;\n    @surface1: #51576d;\n    @surface0: #414559;\n    @base: #303446;\n    @mantle: #292c3c;\n    @crust: #232634;\n  };\n  @macchiato: {\n    @rosewater: #f4dbd6;\n    @flamingo: #f0c6c6;\n    @pink: #f5bde6;\n    @mauve: #c6a0f6;\n    @red: #ed8796;\n    @maroon: #ee99a0;\n    @peach: #f5a97f;\n    @yellow: #eed49f;\n    @green: #a6da95;\n    @teal: #8bd5ca;\n    @sky: #91d7e3;\n    @sapphire: #7dc4e4;\n    @blue: #8aadf4;\n    @lavender: #b7bdf8;\n    @text: #cad3f5;\n    @subtext1: #b8c0e0;\n    @subtext0: #a5adcb;\n    @overlay2: #939ab7;\n    @overlay1: #8087a2;\n    @overlay0: #6e738d;\n    @surface2: #5b6078;\n    @surface1: #494d64;\n    @surface0: #363a4f;\n    @base: #24273a;\n    @mantle: #1e2030;\n    @crust: #181926;\n  };\n  @mocha: {\n    @rosewater: #f5e0dc;\n    @flamingo: #f2cdcd;\n    @pink: #f5c2e7;\n    @mauve: #cba6f7;\n    @red: #f38ba8;\n    @maroon: #eba0ac;\n    @peach: #fab387;\n    @yellow: #f9e2af;\n    @green: #a6e3a1;\n    @teal: #94e2d5;\n    @sky: #89dceb;\n    @sapphire: #74c7ec;\n    @blue: #89b4fa;\n    @lavender: #b4befe;\n    @text: #cdd6f4;\n    @subtext1: #bac2de;\n    @subtext0: #a6adc8;\n    @overlay2: #9399b2;\n    @overlay1: #7f849c;\n    @overlay0: #6c7086;\n    @surface2: #585b70;\n    @surface1: #45475a;\n    @surface0: #313244;\n    @base: #1e1e2e;\n    @mantle: #181825;\n    @crust: #11111b;\n  };\n};\n",
    "usercssData": {
      "name": "NixOS Search Catppuccin",
      "namespace": "github.com/catppuccin/userstyles/nixos-search",
      "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search",
      "version": "0.3.0",
      "description": "Soothing pastel theme for NixOS Search",
      "author": "Catppuccin",
      "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css",
      "license": "MIT",
      "preprocessor": "less",
      "vars": {
        "lightFlavor": {
          "type": "select",
          "label": "Light Flavor",
          "name": "lightFlavor",
          "value": null,
          "default": "latte",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappé",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "darkFlavor": {
          "type": "select",
          "label": "Dark Flavor",
          "name": "darkFlavor",
          "value": null,
          "default": "mocha",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappé",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "accentColor": {
          "type": "select",
          "label": "Accent",
          "name": "accentColor",
          "value": null,
          "default": "blue",
          "options": [
            {
              "name": "rosewater",
              "label": "Rosewater",
              "value": "rosewater"
            },
            {
              "name": "flamingo",
              "label": "Flamingo",
              "value": "flamingo"
            },
            {
              "name": "pink",
              "label": "Pink",
              "value": "pink"
            },
            {
              "name": "mauve",
              "label": "Mauve",
              "value": "mauve"
            },
            {
              "name": "red",
              "label": "Red",
              "value": "red"
            },
            {
              "name": "maroon",
              "label": "Maroon",
              "value": "maroon"
            },
            {
              "name": "peach",
              "label": "Peach",
              "value": "peach"
            },
            {
              "name": "yellow",
              "label": "Yellow",
              "value": "yellow"
            },
            {
              "name": "green",
              "label": "Green",
              "value": "green"
            },
            {
              "name": "teal",
              "label": "Teal",
              "value": "teal"
            },
            {
              "name": "blue",
              "label": "Blue",
              "value": "blue"
            },
            {
              "name": "sapphire",
              "label": "Sapphire",
              "value": "sapphire"
            },
            {
              "name": "sky",
              "label": "Sky",
              "value": "sky"
            },
            {
              "name": "lavender",
              "label": "Lavender",
              "value": "lavender"
            },
            {
              "name": "subtext0",
              "label": "Gray",
              "value": "subtext0"
            }
          ]
        }
      }
    },
    "author": "Catppuccin",
    "description": "Soothing pastel theme for NixOS Search",
    "name": "NixOS Search Catppuccin",
    "originalDigest": "4fc5c984e26c74ce7cb753622f63c9edaf13b23f",
    "_id": "51a2ecf0-429a-471f-b4f5-833a03ee51bb",
    "_rev": 1699561568415,
    "id": 3
  },
  {
    "enabled": true,
    "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css",
    "url": "https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt",
    "installDate": 1699561886134,
    "sections": [
      {
        "code": ""
      }
    ],
    "sourceCode": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor  less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"chat.openai.com\") {\n  @import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n\n  .light body,\n  .light html {\n    #catppuccin(@lightFlavor);\n  }\n\n  :root,\n  .dark body,\n  .dark html {\n    #catppuccin(@darkFlavor);\n  }\n\n  @catppuccin: {\n    @latte: {\n      @rosewater: #dc8a78;\n      @flamingo: #dd7878;\n      @pink: #ea76cb;\n      @mauve: #8839ef;\n      @red: #d20f39;\n      @maroon: #e64553;\n      @peach: #fe640b;\n      @yellow: #df8e1d;\n      @green: #40a02b;\n      @teal: #179299;\n      @sky: #04a5e5;\n      @sapphire: #209fb5;\n      @blue: #1e66f5;\n      @lavender: #7287fd;\n      @text: #4c4f69;\n      @subtext1: #5c5f77;\n      @subtext0: #6c6f85;\n      @overlay2: #7c7f93;\n      @overlay1: #8c8fa1;\n      @overlay0: #9ca0b0;\n      @surface2: #acb0be;\n      @surface1: #bcc0cc;\n      @surface0: #ccd0da;\n      @base: #eff1f5;\n      @mantle: #e6e9ef;\n      @crust: #dce0e8;\n    };\n    @frappe: {\n      @rosewater: #f2d5cf;\n      @flamingo: #eebebe;\n      @pink: #f4b8e4;\n      @mauve: #ca9ee6;\n      @red: #e78284;\n      @maroon: #ea999c;\n      @peach: #ef9f76;\n      @yellow: #e5c890;\n      @green: #a6d189;\n      @teal: #81c8be;\n      @sky: #99d1db;\n      @sapphire: #85c1dc;\n      @blue: #8caaee;\n      @lavender: #babbf1;\n      @text: #c6d0f5;\n      @subtext1: #b5bfe2;\n      @subtext0: #a5adce;\n      @overlay2: #949cbb;\n      @overlay1: #838ba7;\n      @overlay0: #737994;\n      @surface2: #626880;\n      @surface1: #51576d;\n      @surface0: #414559;\n      @base: #303446;\n      @mantle: #292c3c;\n      @crust: #232634;\n    };\n    @macchiato: {\n      @rosewater: #f4dbd6;\n      @flamingo: #f0c6c6;\n      @pink: #f5bde6;\n      @mauve: #c6a0f6;\n      @red: #ed8796;\n      @maroon: #ee99a0;\n      @peach: #f5a97f;\n      @yellow: #eed49f;\n      @green: #a6da95;\n      @teal: #8bd5ca;\n      @sky: #91d7e3;\n      @sapphire: #7dc4e4;\n      @blue: #8aadf4;\n      @lavender: #b7bdf8;\n      @text: #cad3f5;\n      @subtext1: #b8c0e0;\n      @subtext0: #a5adcb;\n      @overlay2: #939ab7;\n      @overlay1: #8087a2;\n      @overlay0: #6e738d;\n      @surface2: #5b6078;\n      @surface1: #494d64;\n      @surface0: #363a4f;\n      @base: #24273a;\n      @mantle: #1e2030;\n      @crust: #181926;\n    };\n    @mocha: {\n      @rosewater: #f5e0dc;\n      @flamingo: #f2cdcd;\n      @pink: #f5c2e7;\n      @mauve: #cba6f7;\n      @red: #f38ba8;\n      @maroon: #eba0ac;\n      @peach: #fab387;\n      @yellow: #f9e2af;\n      @green: #a6e3a1;\n      @teal: #94e2d5;\n      @sky: #89dceb;\n      @sapphire: #74c7ec;\n      @blue: #89b4fa;\n      @lavender: #b4befe;\n      @text: #cdd6f4;\n      @subtext1: #bac2de;\n      @subtext0: #a6adc8;\n      @overlay2: #9399b2;\n      @overlay1: #7f849c;\n      @overlay0: #6c7086;\n      @surface2: #585b70;\n      @surface1: #45475a;\n      @surface0: #313244;\n      @base: #1e1e2e;\n      @mantle: #181825;\n      @crust: #11111b;\n    };\n  };\n\n  @color: white;\n  #rgbify(@color) {\n    @rgb-raw: red(@color), green(@color), blue(@color);\n  }\n\n  #catppuccin(@lookup) {\n    @rosewater: @catppuccin[@@lookup][@rosewater];\n    @flamingo: @catppuccin[@@lookup][@flamingo];\n    @pink: @catppuccin[@@lookup][@pink];\n    @mauve: @catppuccin[@@lookup][@mauve];\n    @red: @catppuccin[@@lookup][@red];\n    @maroon: @catppuccin[@@lookup][@maroon];\n    @peach: @catppuccin[@@lookup][@peach];\n    @yellow: @catppuccin[@@lookup][@yellow];\n    @green: @catppuccin[@@lookup][@green];\n    @teal: @catppuccin[@@lookup][@teal];\n    @sky: @catppuccin[@@lookup][@sky];\n    @sapphire: @catppuccin[@@lookup][@sapphire];\n    @blue: @catppuccin[@@lookup][@blue];\n    @lavender: @catppuccin[@@lookup][@lavender];\n    @text: @catppuccin[@@lookup][@text];\n    @subtext1: @catppuccin[@@lookup][@subtext1];\n    @subtext0: @catppuccin[@@lookup][@subtext0];\n    @overlay2: @catppuccin[@@lookup][@overlay2];\n    @overlay1: @catppuccin[@@lookup][@overlay1];\n    @overlay0: @catppuccin[@@lookup][@overlay0];\n    @surface2: @catppuccin[@@lookup][@surface2];\n    @surface1: @catppuccin[@@lookup][@surface1];\n    @surface0: @catppuccin[@@lookup][@surface0];\n    @base: @catppuccin[@@lookup][@base];\n    @mantle: @catppuccin[@@lookup][@mantle];\n    @crust: @catppuccin[@@lookup][@crust];\n\n    --ctp-rosewater: #rgbify(@rosewater) [];\n    --ctp-flamingo: #rgbify(@flamingo) [];\n    --ctp-pink: #rgbify(@pink) [];\n    --ctp-mauve: #rgbify(@mauve) [];\n    --ctp-red: #rgbify(@red) [];\n    --ctp-maroon: #rgbify(@maroon) [];\n    --ctp-peach: #rgbify(@peach) [];\n    --ctp-yellow: #rgbify(@yellow) [];\n    --ctp-green: #rgbify(@green) [];\n    --ctp-teal: #rgbify(@teal) [];\n    --ctp-sky: #rgbify(@sky) [];\n    --ctp-sapphire: #rgbify(@sapphire) [];\n    --ctp-blue: #rgbify(@blue) [];\n    --ctp-lavender: #rgbify(@lavender) [];\n    --ctp-text: #rgbify(@text) [];\n    --ctp-subtext1: #rgbify(@subtext1) [];\n    --ctp-subtext0: #rgbify(@subtext0) [];\n    --ctp-overlay2: #rgbify(@overlay2) [];\n    --ctp-overlay1: #rgbify(@overlay1) [];\n    --ctp-overlay0: #rgbify(@overlay0) [];\n    --ctp-surface2: #rgbify(@surface2) [];\n    --ctp-surface1: #rgbify(@surface1) [];\n    --ctp-surface0: #rgbify(@surface0) [];\n    --ctp-base: #rgbify(@crust) [];\n    --ctp-mantle: #rgbify(@mantle) [];\n    --ctp-curst: #rgbify(@crust) [];\n\n    body,\n    html {\n      background: @base !important;\n    }\n\n    /* Main page */\n    div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n        [class*=\"bg-gray-700\"]\n      ):not(.bg-black .bg-gray-800),\n    div[class*=\"bg-vert-dark-gradient\"] {\n      background: @base !important;\n    }\n\n    /* Sidebar */\n    div[class*=\"bg-gray-900\"] {\n      background-color: @mantle !important;\n    }\n\n    .bg-gray-900 .bg-gray-800 {\n      background-color: @surface0 !important;\n    }\n\n    .bg-gradient-to-l {\n      background: none;\n    }\n\n    /* Upgrade Plan */\n    .shim-yellow {\n      display: none;\n    }\n\n    /* Search */\n    div[class*=\"bg-gray-700\"] {\n      background-color: if(@lookup = latte, @base, @surface0) !important;\n    }\n\n    [class*=\"text-gray-\"],\n    [class*=\"text-white\"]:not(.btn-primary .text-white) {\n      color: @text !important;\n    }\n\n    div[class*=\"border-gray\"],\n    div[class*=\"border-white\"] {\n      border-color: @overlay0 !important;\n    }\n\n    input::placeholder,\n    textarea::placeholder {\n      color: @overlay0;\n    }\n\n    input,\n    textarea {\n      color: @text;\n    }\n\n    [class*=\"bg-white/5\"] {\n      background-color: @surface0 !important;\n    }\n\n    .px-3.py-3,\n    .pt-3 {\n      background: @mantle !important;\n    }\n\n    .px-3.py-3:hover {\n      background: @base !important;\n    }\n    /* Bot messages */\n    .prose {\n      --tw-prose-body: @text !important;\n      --tw-prose-bold: @text !important;\n      --tw-prose-code: @text !important;\n      --tw-prose-links: @text !important;\n      --tw-prose-headings: @overlay1 !important;\n    }\n\n    .bg-black {\n      background-color: @crust !important;\n    }\n\n    .bg-black .bg-gray-800 {\n      background-color: @surface0 !important;\n    }\n\n    code.hljs,\n    code[class*=\"language-\"],\n    pre[class*=\"language-\"] {\n      color: @text !important;\n    }\n\n    /* Buttons */\n    .btn-neutral {\n      background-color: if(@lookup = latte, @base, @surface1) !important;\n      color: @text !important;\n    }\n\n    .btn-primary {\n      background-color: @green !important;\n      color: @crust !important;\n    }\n\n    .btn-primary .text-white {\n      color: @crust !important;\n    }\n\n    .btn-danger {\n      background-color: @red !important;\n      color: @crust !important;\n    }\n\n    .text-2xl {\n      color: @text !important;\n    }\n\n    .dark [class*=\"bg-yellow-\"] {\n      color: @crust !important;\n    }\n\n    .light [class*=\"bg-yellow-\"] {\n      color: @text !important;\n    }\n\n    [class*=\"text-green\"] {\n      color: @green !important;\n    }\n\n    .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n      background-color: @surface0;\n    }\n\n    .dark .dark\\:bg-gray-900 {\n      background-color: @mantle;\n    }\n\n    .dark .dark\\:bg-gray-800 {\n      background-color: @surface0;\n    }\n\n    .dark .dark\\:hover\\:bg-gray-800:hover {\n      background-color: @surface1;\n    }\n\n    .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n      background-color: @surface0;\n    }\n  }\n}\n",
    "usercssData": {
      "name": "ChatGPT Catppuccin",
      "namespace": "github.com/catppuccin/userstyles/styles/chatgpt",
      "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt",
      "version": "0.0.6",
      "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css",
      "description": "Soothing pastel theme for ChatGPT",
      "author": "Catppuccin",
      "license": "MIT",
      "preprocessor": "less",
      "vars": {
        "lightFlavor": {
          "type": "select",
          "label": "Light Flavor",
          "name": "lightFlavor",
          "value": null,
          "default": "latte",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappe",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "darkFlavor": {
          "type": "select",
          "label": "Dark Flavor",
          "name": "darkFlavor",
          "value": null,
          "default": "mocha",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappe",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        }
      }
    },
    "author": "Catppuccin",
    "description": "Soothing pastel theme for ChatGPT",
    "name": "ChatGPT Catppuccin",
    "originalDigest": "d093ada80fe1adf53dfb2f2b98c8f8e28125aac1",
    "_id": "97819e2f-06a9-4c27-955c-3974f9f4db35",
    "_rev": 1699561886135,
    "id": 4
  },
  {
    "enabled": true,
    "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css",
    "url": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki",
    "installDate": 1699562063797,
    "sections": [
      {
        "code": ""
      }
    ],
    "sourceCode": "/* ==UserStyle==\n@name NixOS Wiki Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nixos.wiki\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css\n@description Soothing pastel theme for NixOS Wiki\n@author Catppuccin Org\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain('nixos.wiki') {\n  #catppuccin(@lookup, @accent-color) {\n    @rosewater: @catppuccin[@@lookup][@rosewater];\n    @flamingo: @catppuccin[@@lookup][@flamingo];\n    @pink: @catppuccin[@@lookup][@pink];\n    @mauve: @catppuccin[@@lookup][@mauve];\n    @red: @catppuccin[@@lookup][@red];\n    @maroon: @catppuccin[@@lookup][@maroon];\n    @peach: @catppuccin[@@lookup][@peach];\n    @yellow: @catppuccin[@@lookup][@yellow];\n    @green: @catppuccin[@@lookup][@green];\n    @teal: @catppuccin[@@lookup][@teal];\n    @sky: @catppuccin[@@lookup][@sky];\n    @sapphire: @catppuccin[@@lookup][@sapphire];\n    @blue: @catppuccin[@@lookup][@blue];\n    @lavender: @catppuccin[@@lookup][@lavender];\n    @text: @catppuccin[@@lookup][@text];\n    @subtext1: @catppuccin[@@lookup][@subtext1];\n    @subtext0: @catppuccin[@@lookup][@subtext0];\n    @overlay2: @catppuccin[@@lookup][@overlay2];\n    @overlay1: @catppuccin[@@lookup][@overlay1];\n    @overlay0: @catppuccin[@@lookup][@overlay0];\n    @surface2: @catppuccin[@@lookup][@surface2];\n    @surface1: @catppuccin[@@lookup][@surface1];\n    @surface0: @catppuccin[@@lookup][@surface0];\n    @base: @catppuccin[@@lookup][@base];\n    @mantle: @catppuccin[@@lookup][@mantle];\n    @crust: @catppuccin[@@lookup][@crust];\n    @accent: @catppuccin[@@lookup][@@accent-color];\n\n    :root {\n      color-scheme: if(@lookup = latte, light, dark);\n    }\n\n    html[data-darkreader-scheme=\"dark\"] body:before {\n      content: \"Please turn off DarkReader for this domain when Catppuccin for NixOS Wiki is active.\";\n      background: @red;\n      box-shadow:\n        0px 4px 16px fade(@crust, 10%),\n        0px 8px 32px fade(@crust, 5%);\n      color: @crust;\n      position: fixed;\n      top: 0;\n      right: 0;\n      z-index: 99999;\n      max-width: 24rem;\n      padding: 0.75rem;\n      margin: 0.5rem;\n      border-radius: 5px;\n    }\n\n    body {\n      background-color: @base;\n    }\n    hr {\n      border-color: @surface2;\n    }\n    .navbar-default {\n      color: @text;\n      background-color: @mantle !important;\n      background-image: none !important;\n      border: none !important;\n\n      .navbar-brand {\n        color: @blue;\n        &:hover {\n          color: @sky;\n        }\n      }\n\n      li {\n        a {\n          color: @text !important;\n          &:hover {\n            color: @subtext0 !important;\n          }\n        }\n        &.nav.open > a,\n        ul {\n          background-color: @surface0 !important;\n          background-image: none !important;\n          a:hover {\n            background-color: fade(@surface1, 50%) !important;\n            background-image: none !important;\n          }\n        }\n      }\n      .active > a {\n        color: @crust !important;\n        &:hover {\n          color: @base !important;\n        }\n        background: @blue !important;\n      }\n    }\n\n    .search-query.form-control {\n      background-color: @surface0;\n      border-color: @surface0;\n    }\n\n    * {\n      color: @text;\n    }\n\n    a {\n      color: @blue;\n      &:hover {\n        color: @sky;\n      }\n      &.new {\n        color: @red;\n        &:hover {\n          color: @maroon;\n        }\n      }\n    }\n\n    .panel {\n      background-color: @mantle;\n      border-color: @mantle;\n      .panel-heading {\n        color: @text;\n        background-color: @surface0 !important;\n        border-bottom-color: @surface2;\n        img {\n          & when not (@lookup = latte) {\n            filter: invert(100%);\n          }\n        }\n      }\n    }\n\n    .btn-primary {\n      color: @crust;\n      background-color: @blue !important;\n      background-image: none !important;\n      border-color: @crust !important;\n      &:hover {\n        color: @crust !important;\n        background-color: @sky !important;\n        background-image: none !important;\n      }\n    }\n\n    table {\n      &,\n      * {\n        color: @text;\n        border-color: @overlay0 !important;\n        background-color: @mantle;\n      }\n      th {\n        &,\n        * {\n          background-color: @surface0 !important;\n        }\n      }\n    }\n\n    blockquote,\n    cite {\n      border-left-color: @pink !important;\n    }\n\n    cite a {\n      color: @pink;\n      &:hover {\n        color: @rosewater;\n      }\n    }\n\n    pre,\n    code {\n      box-shadow: none !important;\n      background-color: @mantle;\n      border-color: @crust;\n    }\n    pre {\n      color: @text;\n    }\n    code {\n      color: @rosewater;\n    }\n\n    *[style*=\"background-color: #C1E5FF\"] {\n      color: @text !important;\n      background-color: fade(@blue, 15%) !important;\n      border-color: @blue !important;\n    }\n\n    *[style*=\"background-color: #FFD0B7\"] {\n      color: @text !important;\n      background-color: fade(@peach, 15%) !important;\n      border-color: @peach !important;\n    }\n\n    *[style*=\"background: #F6F6F6\"] {\n      color: @text !important;\n      background-color: fade(@overlay0, 15%) !important;\n      border-color: @overlay0 !important;\n    }\n\n    .mw-highlight,\n    .mw-highlight > pre {\n      color: @text !important;\n      background-color: @mantle !important;\n\n      // env assignment\n      .nv {\n        color: @text;\n      }\n      // dollar sign\n      .gp {\n        color: @pink;\n      }\n      // comment\n      .c1,\n      .cm {\n        color: @overlay2;\n      }\n      // strings\n      .s1,\n      .s2,\n      .se {\n        color: @green;\n      }\n      // string interpolation\n      .si {\n        color: @pink;\n      }\n      // lhe\n      .ss,\n      .nb {\n        color: @blue;\n      }\n      // operators\n      .p,\n      .o {\n        color: @teal;\n      }\n      // numbers, boolean\n      .mi,\n      .no {\n        color: @peach;\n      }\n      // keyword\n      .k,\n      .ow {\n        color: @mauve;\n      }\n      // etc\n      .go {\n        color: @text;\n      }\n    }\n\n    .suggestions {\n      .suggestions-result {\n        background-color: @mantle;\n        &:hover {\n          background-color: mix(@base, @mantle, 50%);\n        }\n        color: @text;\n        .highlight {\n          color: @accent;\n        }\n      }\n      .suggestions-results {\n        border-color: @surface0 !important;\n      }\n      .suggestions-special {\n        border-color: @surface0 !important;\n        background-color: @mantle;\n        &:hover {\n          background-color: mix(@accent, @mantle, 15%);\n        }\n        .special-label {\n          color: @subtext0;\n        }\n        .special-query {\n          color: @text;\n        }\n      }\n    }\n\n    .toc {\n      li.active > a {\n        border-left-color: @accent !important;\n      }\n      ul.nav a:hover {\n        background: @accent !important;\n        &,\n        * {\n          color: @crust !important;\n        }\n      }\n    }\n\n    #catlinks {\n      background-color: @mantle;\n      border-color: @mantle;\n    }\n\n    #footer {\n      background-color: @mantle;\n    }\n  }\n\n  @media (prefers-color-scheme: light) {\n    #catppuccin(@lightFlavor, @accentColor);\n  }\n  @media (prefers-color-scheme: dark) {\n    #catppuccin(@darkFlavor, @accentColor);\n  }\n\n  // prettier-ignore\n  @catppuccin: {\n    @latte:     { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n    @frappe:    { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n    @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n    @mocha:     { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n  }\n}\n",
    "usercssData": {
      "name": "NixOS Wiki Catppuccin",
      "namespace": "github.com/catppuccin/userstyles/styles/nixos.wiki",
      "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki",
      "version": "0.0.1",
      "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css",
      "description": "Soothing pastel theme for NixOS Wiki",
      "author": "Catppuccin Org",
      "license": "MIT",
      "preprocessor": "less",
      "vars": {
        "lightFlavor": {
          "type": "select",
          "label": "Light Flavor",
          "name": "lightFlavor",
          "value": null,
          "default": "latte",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappé",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "darkFlavor": {
          "type": "select",
          "label": "Dark Flavor",
          "name": "darkFlavor",
          "value": null,
          "default": "mocha",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappé",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "accentColor": {
          "type": "select",
          "label": "Accent",
          "name": "accentColor",
          "value": null,
          "default": "sapphire",
          "options": [
            {
              "name": "rosewater",
              "label": "Rosewater",
              "value": "rosewater"
            },
            {
              "name": "flamingo",
              "label": "Flamingo",
              "value": "flamingo"
            },
            {
              "name": "pink",
              "label": "Pink",
              "value": "pink"
            },
            {
              "name": "mauve",
              "label": "Mauve",
              "value": "mauve"
            },
            {
              "name": "red",
              "label": "Red",
              "value": "red"
            },
            {
              "name": "maroon",
              "label": "Maroon",
              "value": "maroon"
            },
            {
              "name": "peach",
              "label": "Peach",
              "value": "peach"
            },
            {
              "name": "yellow",
              "label": "Yellow",
              "value": "yellow"
            },
            {
              "name": "green",
              "label": "Green",
              "value": "green"
            },
            {
              "name": "teal",
              "label": "Teal",
              "value": "teal"
            },
            {
              "name": "blue",
              "label": "Blue",
              "value": "blue"
            },
            {
              "name": "sapphire",
              "label": "Sapphire",
              "value": "sapphire"
            },
            {
              "name": "sky",
              "label": "Sky",
              "value": "sky"
            },
            {
              "name": "lavender",
              "label": "Lavender",
              "value": "lavender"
            },
            {
              "name": "subtext0",
              "label": "Gray",
              "value": "subtext0"
            }
          ]
        }
      }
    },
    "author": "Catppuccin Org",
    "description": "Soothing pastel theme for NixOS Wiki",
    "name": "NixOS Wiki Catppuccin",
    "originalDigest": "215b528ef879abde6ccf2b661c4b0592165ebc24",
    "_id": "cddaaaeb-6c82-4f45-87a0-05a95cf137a6",
    "_rev": 1699562063797,
    "id": 6
  },
  {
    "enabled": true,
    "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css",
    "url": "https://github.com/catppuccin/userstyles/tree/main/styles/reddit",
    "installDate": 1699562101255,
    "sections": [
      {
        "code": ""
      }
    ],
    "sourceCode": "/* ==UserStyle==\n@name           Reddit Catppuccin\n@namespace      github.com/catppuccin/userstyles/styles/reddit\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version        1.1.2\n@description    Soothing pastel theme for Reddit.\n@author         jayylmao\n@updateURL      https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n\n@preprocessor stylus\n\n@var select stylusAccent \"Accent color\" [\n\t\"Rosewater\",\n\t\"Flamingo\",\n\t\"Pink\",\n\t\"Mauve\",\n\t\"Red\",\n    \"Maroon\",\n\t\"Peach\",\n\t\"Yellow\",\n    \"Green\",\n\t\"Teal\",\n\t\"Sky\",\n    \"Sapphire\",\n\t\"Blue\",\n\t\"Lavender\"\n]\n\n@var select stylusFlavor \"Catppuccin Flavor\" [\n    \"Latte\",\n    \"Frappe\",\n    \"Macchiato\",\n    \"Mocha\",\n    \"Espresso\"\n]\n==/UserStyle== */\n\n@-moz-document domain(\"reddit.com\") {\n    :root {\n        if stylusFlavor==\"Latte\" {\n            --rosewater: #dc8a78;\n            --flamingo : #dd7878;\n            --pink     : #ea76cb;\n            --mauve    : #8839ef;\n            --red      : #d20f39;\n            --maroon   : #e64553;\n            --peach    : #fe640b;\n            --yellow   : #df8e1d;\n            --green    : #40a02b;\n            --teal     : #179299;\n            --sky      : #04a5e5;\n            --sapphire : #209fb5;\n            --blue     : #1e66f5;\n            --lavender : #7287fd;\n            --text     : #4c4f69;\n            --subtext1 : #5c5f77;\n            --subtext0 : #6c6f85;\n            --overlay2 : #7c7f93;\n            --overlay1 : #8c8fa1;\n            --overlay0 : #9ca0b0;\n            --surface2 : #acb0be;\n            --surface1 : #bcc0cc;\n            --surface0 : #ccd0da;\n            --base     : #eff1f5;\n            --mantle   : #e6e9ef;\n            --crust    : #dce0e8;\n\n            /* non-standard colors */\n            --surface1Transparent: #bcc0ccbd;\n            --mist: #dce0e8bd; \n        }\n        else if stylusFlavor==\"Frappe\" {\n            --rosewater: #f2d5cf;\n            --flamingo : #eebebe;\n            --pink     : #f4b8e4;\n            --mauve    : #ca9ee6;\n            --red      : #e78284;\n            --maroon   : #ea999c;\n            --peach    : #ef9f76;\n            --yellow   : #e5c890;\n            --green    : #a6d189;\n            --teal     : #81c8be;\n            --sky      : #99d1db;\n            --sapphire : #85c1dc;\n            --blue     : #8caaee;\n            --lavender : #babbf1;\n            --text     : #c6d0f5;\n            --subtext1 : #b5bfe2;\n            --subtext0 : #a5adce;\n            --overlay2 : #9f9cbb;\n            --overlay1 : #838ba7;\n            --overlay0 : #737994;\n            --surface2 : #626880;\n            --surface1 : #51576d;\n            --surface0 : #414559;\n            --base     : #303446;\n            --mantle   : #292c3c;\n            --crust    : #232634;\n\n            /* non-standard colors */\n            --surface1Transparent: #51576dbd;\n            --mist: #232634bd;\n        }\n        else if stylusFlavor==\"Macchiato\" {\n            --rosewater: #f4dbd6;\n            --flamingo : #f0c6c6;\n            --pink     : #f5bde6;\n            --mauve    : #c6a0f6;\n            --red      : #ed8796;\n            --maroon   : #ee99a0;\n            --peach    : #f5a97f;\n            --yellow   : #eed49f;\n            --green    : #a6da95;\n            --teal     : #8bd5ca;\n            --sky      : #91d7e3;\n            --sapphire : #7dc4e4;\n            --blue     : #8aadf4;\n            --lavender : #b7bdf8;\n            --text     : #cad3f5;\n            --subtext1 : #b8c0e0;\n            --subtext0 : #a5adcb;\n            --overlay2 : #939ab7;\n            --overlay1 : #8087a2;\n            --overlay0 : #6e738d;\n            --surface2 : #5b6078;\n            --surface1 : #494d64;\n            --surface0 : #363a4f;\n            --base     : #24273a;\n            --mantle   : #1e2030;\n            --crust    : #181926;\n\n            /* non-standard colors */\n            --surface1Transparent: #494d64bd;\n            --mist: #181926bd;\n        }\n        else if stylusFlavor==\"Mocha\" {\n            --rosewater: #f5e0dc;\n            --flamingo : #f2cdcd;\n            --pink     : #f5c2e7;\n            --mauve    : #cba6f7;\n            --red      : #f38ba8;\n            --maroon   : #eba0ac;\n            --peach    : #fab387;\n            --yellow   : #f9e2af;\n            --green    : #a6e3a1;\n            --teal     : #94e2d5;\n            --sky      : #89dceb;\n            --sapphire : #74c7ec;\n            --blue     : #89b4fa;\n            --lavender : #b4befe;\n            --text     : #cdd6f4;\n            --subtext1 : #bac2de;\n            --subtext0 : #a6adc8;\n            --overlay2 : #9399b2;\n            --overlay1 : #7f849c;\n            --overlay0 : #6c7086;\n            --surface2 : #585b70;\n            --surface1 : #45475a;\n            --surface0 : #313244;\n            --base     : #1e1e2e;\n            --mantle   : #181825;\n            --crust    : #11111b;\n\n            /* non-standard colors */\n            --surface1Transparent: #45475abd;\n            --mist: #11111bbd;\n        }\n        else if stylusFlavor==\"Espresso\" {\n            --rosewater: #f5e0dc;\n            --flamingo : #f2cdcd;\n            --pink     : #f5c2e7;\n            --mauve    : #cba6f7;\n            --red      : #f38ba8;\n            --maroon   : #eba0ac;\n            --peach    : #fab387;\n            --yellow   : #f9e2af;\n            --green    : #a6e3a1;\n            --teal     : #94e2d5;\n            --sky      : #89dceb;\n            --sapphire : #74c7ec;\n            --blue     : #89b4fa;\n            --lavender : #b4befe;\n            --text     : #cdd6f4;\n            --subtext1 : #bac2de;\n            --subtext0 : #a6adc8;\n            --overlay2 : #9399b2;\n            --overlay1 : #7f849c;\n            --overlay0 : #6c7086;\n            --surface2 : #585b70;\n            --surface1 : #45475a;\n            --surface0 : #313244;\n            --base     : #020202;\n            --mantle   : #010101;\n            --crust    : #000000;\n\n            /* non-standard colors */\n            --surface1Transparent: #45475abd;\n            --mist: #000000bd;\n        }\n        \n        if stylusAccent==\"Rosewater\" {\n            --accent: var(--rosewater);\n        }\n        else if stylusAccent==\"Flamingo\" {\n            --accent: var(--flamingo);\n        }\n        else if stylusAccent==\"Pink\" {\n            --accent: var(--pink);\n        }\n        else if stylusAccent==\"Mauve\" {\n            --accent: var(--mauve);\n        }\n        else if stylusAccent==\"Red\" {\n            --accent: var(--red);\n        }\n        else if stylusAccent==\"Maroon\" {\n            --accent: var(--maroon);\n        }\n        else if stylusAccent==\"Peach\" {\n            --accent: var(--peach);\n        }\n        else if stylusAccent==\"Yellow\" {\n            --accent: var(--yellow);\n        }\n        else if stylusAccent==\"Green\" {\n            --accent: var(--green);\n        }\n        else if stylusAccent==\"Teal\" {\n            --accent: var(--teal);\n        }\n        else if stylusAccent==\"Sky\" {\n            --accent: var(--sky);\n        }\n        else if stylusAccent==\"Sapphire\" {\n            --accent: var(--sapphire);\n        }\n        else if stylusAccent==\"Blue\" {\n            --accent: var(--blue);\n        }\n        else if stylusAccent==\"Lavender\" {\n            --accent: var(--lavender);\n        }\n    }\n    \n        \n    /* REDDIT COLOR VARIABLES */\n        \n    \n    div[class^=subredditvars], :root {\n        --color-online: var(--green) !important;\n        --newCommunityTheme-actionIcon: var(--subtext0) !important;\n        --newCommunityTheme-actionIconAlpha20: var(--mist) !important;\n        --newCommunityTheme-actionIconAlpha50: var(--mist) !important;\n        --newCommunityTheme-actionIconShaded80: var(--subtext0) !important;\n        --newCommunityTheme-actionIconTinted80: var(--subtext1) !important;\n        --newCommunityTheme-active: var(--accent) !important;\n        --newCommunityTheme-activeAlpha10: var(--mist) !important;\n        --newCommunityTheme-activeAlpha20: var(--mist) !important;\n        --newCommunityTheme-activeAlpha50: var(--mist) !important;\n        --newCommunityTheme-activeLight60: var(--accent) !important;\n        --newCommunityTheme-activeShaded80: var(--accent) !important;\n        --newCommunityTheme-activeShaded90: var(--accent) !important;\n        --newCommunityTheme-activeTinted05: var(--text) !important;\n        --newCommunityTheme-banner-backgroundColor: var(--accent) !important;\n        --newCommunityTheme-banner-iconColor: var(--accent) !important;\n        --newCommunityTheme-body: var(--mantle) !important;\n        --newCommunityTheme-bodyAlpha50: var(--surface0) !important;\n        --newCommunityTheme-bodyAlpha70: var(--surface1) !important;\n        --newCommunityTheme-bodyAlpha80: var(--surface2) !important;\n        --newCommunityTheme-bodyFade: var(--subtext0) !important;\n        --newCommunityTheme-bodyShaded80: var(--mantle) !important;\n        --newCommunityTheme-bodyText: var(--text) !important;\n        --newCommunityTheme-bodyTextAlpha03: var(--mantle) !important;\n        --newCommunityTheme-bodyTextAlpha20: var(--surface1) !important;\n        --newCommunityTheme-bodyTextShaded20: var(--surface0) !important;\n        --newCommunityTheme-bodyTextTinted20: var(--subtext0) !important;\n        --newCommunityTheme-bodyTinted50: var(--overlay1) !important;\n        --newCommunityTheme-bodyTinted80: var(--overlay0) !important;\n        --newCommunityTheme-button: var(--text) !important;\n        --newCommunityTheme-buttonAlpha05: var(--mist) !important;\n        --newCommunityTheme-buttonAlpha10: var(--mist)  !important;\n        --newCommunityTheme-buttonAlpha20: var(--mist) !important;\n        --newCommunityTheme-buttonAlpha40: var(--subtext0) !important;\n        --newCommunityTheme-buttonAlpha50: var(--subtext1) !important;\n        --newCommunityTheme-buttonAlpha80: var(--subtext1) !important;\n        --newCommunityTheme-buttonShaded80: var(--overlay0) !important;\n        --newCommunityTheme-buttonTinted20: var(--accent) !important;\n        --newCommunityTheme-buttonTinted50: var(--accent) !important;\n        --newCommunityTheme-buttonTinted80: var(--accent) !important;\n        --newCommunityTheme-canvas: var(--crust) !important;\n        --newCommunityTheme-checkbox: var(--text) !important;\n        --newCommunityTheme-errorText: var(--red) !important;\n        --newCommunityTheme-field: var(--surface0) !important;\n        --newCommunityTheme-fieldFade: var(--surface1Transparent) !important;\n        --newCommunityTheme-flair: var(--accent) !important;\n        --newCommunityTheme-highlight: var(--base) !important;\n        --newCommunityTheme-inactive: var(--subtext0) !important;\n        --newCommunityTheme-lightText: var(--text) !important;\n        --newCommunityTheme-lightTextAlpha75: var(--subtext1) !important;\n        --newCommunityTheme-line: var(--surface1Transparent) !important;\n        --newCommunityTheme-lineShaded80: var(--surface1Transparent) !important;\n        --newCommunityTheme-lineShaded90: var(--surface1Transparent) !important;\n        --newCommunityTheme-lineShadedNinety: var(--surface1Transparent) !important;\n        --newCommunityTheme-linkText: var(--accent) !important;\n        --newCommunityTheme-linkTextAlpha80: var(--accent) !important;\n        --newCommunityTheme-linkTextShaded80: var(--accent) !important;\n        --newCommunityTheme-linkTextTinted80: var(--accent) !important;\n        --newCommunityTheme-linkTextWithBody: var(--accent) !important;\n        --newCommunityTheme-menu: var(--mantle) !important;\n        --newCommunityTheme-menuActiveText: var(--text) !important;\n        --newCommunityTheme-menuButtonBackground-active: var(--base) !important;\n        --newCommunityTheme-menuButtonBackground-focus: var(--base) !important;\n        --newCommunityTheme-menuButtonBackground-hover: var(--base) !important;\n        --newCommunityTheme-menuInactiveText: var(--text) !important;\n        --newCommunityTheme-metaText: var(--subtext0) !important;\n        --newCommunityTheme-metaTextAlpha50: var(--subtext0) !important;\n        --newCommunityTheme-metaTextShaded80: var(--subtext0) !important;\n        --newCommunityTheme-monospaceColor: var(--accent) !important;\n        --newCommunityTheme-navBar-activeLink: var(--text) !important;\n        --newCommunityTheme-navBar-activeSubmenuCaret: var(--text) !important;\n        --newCommunityTheme-navBar-activeSubmenuLink: var(--text) !important;\n        --newCommunityTheme-navBar-backgroundColor: var(--mantle) !important;\n        --newCommunityTheme-navBar-hoverLink: var(--text) !important;\n        --newCommunityTheme-navBar-inactiveLink: var(--text) !important;\n        --newCommunityTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n        --newCommunityTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n        --newCommunityTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n        --newCommunityTheme-navIcon: var(--text) !important;\n        \n        /* upvote/downvote focus */\n        --newCommunityTheme-navIconFaded10: var(--mist) !important;\n        \n        --newCommunityTheme-nsfw: var(--red) !important;\n        --newCommunityTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n        --newCommunityTheme-nsfwBlocking-color: var(--text) !important;\n        --newCommunityTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n        --newCommunityTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n        --newCommunityTheme-pageHeader: var(--surface2) !important;\n        --newCommunityTheme-placeholder: var(--surface0) !important;\n        --newCommunityTheme-post: var(--mantle) !important;\n        --newCommunityTheme-postError: var(--red) !important;\n        --newCommunityTheme-postFlairText: var(--crust) !important;\n        --newCommunityTheme-postIcon: var(--accent) !important;\n        --newCommunityTheme-postLine: var(--surface1Transparent) !important;\n        --newCommunityTheme-postLineShaded80: var(--surface1Transparent) !important;\n        --newCommunityTheme-postLineShaded90: var(--surface1Transparent) !important;\n        --newCommunityTheme-postTinted20: var(--base) !important;\n        --newCommunityTheme-postTransparent20: var(--base) !important;\n        --newCommunityTheme-primaryButtonShadedEighty: var(--overlay1) !important;\n        --newCommunityTheme-primaryButtonTintedEighty: var(--overlay1) !important;\n        --newCommunityTheme-primaryButtonTintedFifty: var(--overlay0) !important;\n        --newCommunityTheme-primaryButtonTintedSixty: var(--overlay0) !important;\n        --newCommunityTheme-quarantine: var(--yellow) !important;\n        --newCommunityTheme-report: var(--surface1) !important;\n        --newCommunityTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n        --newCommunityTheme-search-syntaxHighlightColor: var(--base) !important;\n        --newCommunityTheme-titleText: var(--text) !important;\n        --newCommunityTheme-upsell-appleIcon: var(--subtext1) !important;\n        --newCommunityTheme-upsell-ssoButtonBorderColor: var(--surface1Transparent) !important;\n        --newCommunityTheme-upsell-ssoButtonTextColor: var(--text) !important;\n        --newCommunityTheme-voteText-base: var(--subtext0) !important;\n        --newCommunityTheme-voteText-downvote: var(--blue) !important;\n        --newCommunityTheme-voteText-downvoteShaded80: var(--blue) !important;\n        --newCommunityTheme-voteText-downvoteTinted80: var(--blue) !important;\n        --newCommunityTheme-voteText-upvote: var(--red) !important;\n        --newCommunityTheme-voteText-upvoteShaded80: var(--red) !important;\n        --newCommunityTheme-voteText-upvoteTinted80: var(--red) !important;\n        --newCommunityTheme-widgetColors-appleIcon: var(--overlay0) !important;\n        --newCommunityTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n        \n        /* sidebar widgets */\n        --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n        --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n        --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n        --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mantle) !important;\n        --newCommunityTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n        --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n        --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n        \n        --newRedditTheme-actionIcon: var(--subtext0) !important;\n        --newRedditTheme-actionIconAlpha20: var(--mist) !important;\n        --newRedditTheme-actionIconAlpha50: var(--mist) !important;\n        --newRedditTheme-actionIconShaded80: var(--subtext0) !important;\n        --newRedditTheme-actionIconTinted80: var(--subtext1) !important;\n        --newRedditTheme-active: var(--accent) !important;\n        --newRedditTheme-activeAlpha10: var(--mist) !important;\n        --newRedditTheme-activeAlpha20: var(--mist) !important;\n        --newRedditTheme-activeAlpha50: var(--mist) !important;\n        --newRedditTheme-activeLight60: var(--accent) !important;\n        --newRedditTheme-activeShaded80: var(--accent) !important;\n        --newRedditTheme-activeShaded90: var(--accent) !important;\n        --newRedditTheme-activeTinted05: var(--text) !important;\n        --newRedditTheme-banner-backgroundColor: var(--accent) !important;\n        --newRedditTheme-banner-iconColor: var(--accent) !important;\n        --newRedditTheme-body: var(--mantle) !important;\n        --newRedditTheme-bodyAlpha50: var(--surface0) !important;\n        --newRedditTheme-bodyAlpha70: var(--surface1) !important;\n        --newRedditTheme-bodyAlpha80: var(--surface2) !important;\n        --newRedditTheme-bodyFade: var(--mist) !important;\n        --newRedditTheme-bodyShaded80: var(--mantle) !important;\n        --newRedditTheme-bodyText: var(--text) !important;\n        --newRedditTheme-bodyTextAlpha03: var(--mist) !important;\n        --newRedditTheme-bodyTextAlpha20: var(--surface1) !important;\n        --newRedditTheme-bodyTextShaded20: var(--surface0) !important;\n        --newRedditTheme-bodyTextTinted20: var(--subtext1) !important;\n        --newRedditTheme-bodyTinted50: var(--overlay0) !important;\n        --newRedditTheme-bodyTinted80: var(--overlay1) !important;\n        --newRedditTheme-button: var(--text) !important;\n        --newRedditTheme-buttonAlpha05: var(--mist) !important;\n        --newRedditTheme-buttonAlpha10: var(--mist) !important;\n        --newRedditTheme-buttonAlpha20: var(--mist) !important;\n        --newRedditTheme-buttonAlpha40: var(--subtext0) !important;\n        --newRedditTheme-buttonAlpha50: var(--subtext1) !important;\n        --newRedditTheme-buttonAlpha80: var(--subtext1) !important;\n        --newRedditTheme-buttonShaded80: var(--overlay0) !important;\n        --newRedditTheme-buttonTinted20: var(--accent) !important;\n        --newRedditTheme-buttonTinted50: var(--accent) !important;\n        --newRedditTheme-buttonTinted80: var(--accent) !important;\n        --newRedditTheme-canvas: var(--crust) !important;\n        --newRedditTheme-checkbox: var(--text) !important;\n        --newRedditTheme-errorText: var(--red) !important;\n        --newRedditTheme-field: var(--base) !important;\n        --newRedditTheme-fieldFade: var(--mantle) !important;\n        --newRedditTheme-flair: var(--accent) !important;\n        \n        /* controls menu, link, and other similar highlights. very important */\n        --newRedditTheme-highlight: var(--base) !important;\n        \n        --newRedditTheme-inactive: var(--surface0) !important;\n        --newRedditTheme-lightText: var(--text) !important;\n        --newRedditTheme-lightTextAlpha75: var(--subtext1) !important;\n        --newRedditTheme-line: var(--surface1Transparent) !important;\n        --newRedditTheme-lineShaded80: var(--surface1Transparent) !important;\n        --newRedditTheme-lineShaded90: var(--surface1Transparent) !important;\n        --newRedditTheme-lineShadedNinety: var(--surface1Transparent) !important;\n        \n        /* links */\n        --newRedditTheme-linkText: var(--accent) !important;\n        --newRedditTheme-linkTextAlpha80: var(--accent) !important;\n        --newRedditTheme-linkTextShaded80: var(--accent) !important;\n        --newRedditTheme-linkTextTinted80: var(--accent) !important;\n        --newRedditTheme-linkTextWithBody: var(--accent) !important;\n        \n        /* menus */\n        --newRedditTheme-menu: var(--mantle) !important;\n        --newRedditTheme-menuActiveText: var(--text) !important;\n        --newRedditTheme-menuButtonBackground-active: var(--accent) !important;\n        --newRedditTheme-menuButtonBackground-focus: var(--base) !important;\n        --newRedditTheme-menuButtonBackground-hover: var(--base) !important;\n        --newRedditTheme-menuInactiveText: var(--text) !important;\n        \n        --newRedditTheme-metaText: var(--subtext0) !important;\n        --newRedditTheme-metaTextAlpha50: var(--mist) !important;\n        --newRedditTheme-metaTextShaded80: var(--subtext1) !important;\n        --newRedditTheme-monospaceColor: var(--accent) !important;\n        --newRedditTheme-navBar-activeLink: var(--text) !important;\n        --newRedditTheme-navBar-activeSubmenuCaret: var(--text) !important;\n        --newRedditTheme-navBar-activeSubmenuLink: var(--text) !important;\n        --newRedditTheme-navBar-backgroundColor: var(--mantle) !important;\n        --newRedditTheme-navBar-hoverLink: var(--text) !important;\n        --newRedditTheme-navBar-inactiveLink: var(--text) !important;\n        --newRedditTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n        --newRedditTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n        --newRedditTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n        --newRedditTheme-navIcon: var(--text) !important;\n        --newRedditTheme-navIconFaded10: var(--mist) !important;\n        --newRedditTheme-nsfw: var(--red) !important;\n        --newRedditTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n        --newRedditTheme-nsfwBlocking-color: var(--text) !important;\n        --newRedditTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n        --newRedditTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n        --newRedditTheme-pageHeader: var(--surface0) !important;\n        --newRedditTheme-placeholder: var(--surface1) !important;\n        --newRedditTheme-post: var(--mantle) !important;\n        --newRedditTheme-postError: var(--red) !important;\n        --newRedditTheme-postFlairText: var(--text) !important;\n        --newRedditTheme-postIcon: var(--accent) !important;\n        --newRedditTheme-postLine: var(--surface1Transparent) !important;\n        --newRedditTheme-postLineShaded80: var(--surface1Transparent) !important;\n        --newRedditTheme-postLineShaded90: var(--surface1Transparent) !important;\n        --newRedditTheme-postTinted20: var(--base) !important;\n        --newRedditTheme-postTransparent20: var(--mist) !important;\n        --newRedditTheme-primaryButtonShadedEighty: var(--surface1) !important;\n        --newRedditTheme-primaryButtonTintedEighty: var(--surface2) !important;\n        --newRedditTheme-primaryButtonTintedFifty: var(--surface1) !important;\n        --newRedditTheme-primaryButtonTintedSixty: var(--surface1) !important;\n        --newRedditTheme-quarantine: var(--yellow) !important;\n        --newRedditTheme-report: var(--base) !important;\n        --newRedditTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n        --newRedditTheme-search-syntaxHighlightColor: var(--base) !important;\n        --newRedditTheme-titleText: var(--text) !important;\n        --newRedditTheme-upsell-appleIcon: var(--overlay0) !important;\n        --newRedditTheme-upsell-ssoButtonBorderColor: var(--text) !important;\n        --newRedditTheme-upsell-ssoButtonTextColor: var(--text) !important;\n        --newRedditTheme-voteText-base: var(--subtext1) !important;\n        --newRedditTheme-voteText-downvote: var(--blue) !important;\n        --newRedditTheme-voteText-downvoteShaded80: var(--blue) !important;\n        --newRedditTheme-voteText-downvoteTinted80: var(--blue) !important;\n        --newRedditTheme-voteText-upvote: var(--red) !important;\n        --newRedditTheme-voteText-upvoteShaded80: var(--red) !important;\n        --newRedditTheme-voteText-upvoteTinted80: var(--red) !important;\n        --newRedditTheme-widgetColors-appleIcon: var(--overlay0) !important;\n        --newRedditTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n        --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n        --newRedditTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n        --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n        --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mist) !important;\n        --newRedditTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n        --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n        --newRedditTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n        --tw-bg-opacity: var(--crust) !important;\n        --vds-video-bg-color: var(--crust) !important;\n    }\n    \n    /* reddit chat variables */\n    :root {\n        --activity-button-chatFilterColor: var(--surface0) !important;\n        --activity-button-newChatFilter-activeBg: var(--accent) !important;\n        --activity-button-newChatFilter-activeText: var(--base) !important;\n        --activity-button-newChatFilter-defaultBorder: var(--surface1) !important;\n        --activity-button-newChatFilter-defaultText: var(--text) !important;\n        --activity-button-primary: var(--accent) !important;\n        --activity-button-secondary: var(--text) !important;\n        --activity-buttonPrimary-color: var(--accent) !important;\n        --activity-buttonSecondary-active: var(--accent) !important;\n        --activity-checkbox-checked: var(--accent) !important;\n        --activity-checkbox-checkmark: var(--text) !important;\n        --activity-checkbox-unchecked: var(--base) !important;\n        --activity-checkbox-uncheckedBorder: var(--surface1) !important;\n        --activity-icon-active: var(--accent) !important;\n        --activity-icon-contrast: var(--surface1) !important;\n        --activity-icon-default: var(--subtext0) !important;\n        --activity-icon-disable: var(--surface2) !important;\n        --activity-icon-hover: var(--surface2) !important;\n        --activity-icon-nsfw-bg: var(--base) !important;\n        --activity-icon-nsfw-text: var(--text) !important;\n        --activity-icon-subIcon-backgroundColor: var(--text) !important;\n        --activity-icon-toaster: var(--crust) !important;\n        --activity-input-background: var(--mist) !important;\n        --activity-input-border: var(--surface1) !important;\n        --activity-input-channelRename: var(--subtext0) !important;\n        --activity-input-color: var(--subtext1) !important;\n        --activity-input-error: var(--red) !important;\n        --activity-input-focusBg: var(--green) !important;\n        --activity-input-focusColor: var(--text) !important;\n        --activity-input-ownerBg: var(--surface0) !important;\n        --activity-link-hoverText: var(--red) !important;\n        --activity-link-staticText: var(--accent) !important;\n        --activity-link-staticUnderline: var(--accent) !important;\n        --activity-minimizedPortal-backgroundColor-unreadFinal: var(--mantle) !important;\n        --activity-minimizedPortal-backgroundColor-unreadInitial: var(--accent) !important;\n        --activity-minimizedPortal-color-unreadFinal: var(--text) !important;\n        --activity-minimizedPortal-color-unreadInitial: var(--text) !important;\n        --activity-send-disable: var(--surface0) !important;\n        --activity-send-hover: var(--accent) !important;\n        --activity-text-active: var(--accent) !important;\n        --activity-text-fade: var(--subtext0) !important;\n        --activity-text-highlight: var(--text) !important;\n        --activity-text-light: var(--subtext0) !important;\n        --activity-text-meta: var(--subtext0) !important;\n        --activity-text-regular: var(--text) !important;\n        --activity-text-success: var(--green) !important;\n        --activity-text-tutorial: var(--rosewater) !important;\n        --activity-text-warning: var(--red) !important;\n        --addReaction-backgroundColor: var(--surface0) !important;\n        --addReaction-iconFill: var(--surface1) !important;\n        --boxShadow: var(--mist) !important;\n        --bubble-border: var(--surface1Transparent) !important;\n        --bubble-channelsFilter-background: var(--crust) !important;\n        --bubble-channelsFilter-selected: var(--overlay0) !important;\n        --bubble-color: var(--text) !important;\n        --bubble-link-color: var(--accent) !important;\n        --bubbleActions-hover: var(--surface0) !important;\n        --editName: var(--surface1) !important;\n        --layout-body: var(--mantle) !important;\n        --layout-colsBorder: var(--surface1Transparent) !important;\n        --layout-controlsBorder: var(--surface1Transparent) !important;\n        --layout-dropdown-border: var(--surface1Transparent) !important;\n        --layout-header-counterBg: var(--red) !important;\n        --layout-header-counterText: var(--text) !important;\n        --layout-overlayBackground: var(--mist) !important;\n        --layout-overlayReportFlow: var(--mist) !important;\n        --layout-scrollbar: var(--text) !important;\n        --layout-scrollbarHover: var(--accent) !important;\n        --layout-timeStamp-tooltip-background: var(--surface0) !important;\n        --message-list-item-button: var(--surface1) !important;\n        --message-list-item-onlineIndicator: var(--green) !important;\n        --message-list-item-ownerBg: var(--surface1) !important;\n        --message-list-item-richItem: var(--overlay0) !important;\n        --message-list-item-richItemBorder: var(--surface1Transparent) !important;\n        --message-list-item-white: var(--text) !important;\n        --modal-buttonsBackground: var(--text) !important;\n        --modal-primaryButtonWarning: var(--red) !important;\n        --modal-secondaryButton: var(--text) !important;\n        --newChat-inviteLink-borderColor: var(--surface1Transparent) !important;\n        --overlay-backgroundColor: var(--mantle) !important;\n        --overlay-headerColor: var(--text) !important;\n        --overlay-inputBackground: var(--crust) !important;\n        --overlay-searchBarBackground: var(--mantle) !important;\n        --prompt-tooltip-background: var(--accent) !important;\n        --searchBar-backgroundColor: var(--mantle) !important;\n        --settings-color: var(--subtext0) !important;\n        --settings-dropdownItemHoverBackground: var(--crust) !important;\n        --settings-panelBackground: var(--crust) !important;\n        --settings-panelItemHoverBackground: var(--surface0) !important;\n        --settings-panelItemSelectedBackground: var(--surface1) !important;\n        --sidebar-background: var(--surface1Transparent) !important;\n        --sidebar-basic-background-active: var(--accent) !important;\n        --sidebar-basic-background-hover: var(--mantle) !important;\n        --sidebar-footer-background: var(--crust) !important;\n        --sidebar-item-active: var(--surface1) !important;\n        --sidebar-item-hover: var(--surface0) !important;\n        --sidebar-item-selected: var(--surface2) !important;\n        --sidebar-item-text-active: var(--text) !important;\n        --sidebar-subreddit-background-active: var(--accent) !important;\n        --sidebar-subreddit-background-hover: var(--surface1) !important;\n        --sidebar-text-divider: var(--surface1) !important;\n        --skeleton-field: var(--surface2) !important;\n        --skeleton-inactive: var(--surface0) !important;\n        --subreddit-iconBg: var(--accent) !important;\n        --toast-error: var(--red) !important;\n        --toast-pending: var(--crust) !important;\n        --toast-success: var(--green) !important;\n        --uploads-progress-background: var(--subtext0) !important;\n        --uploads-progress-bar: var(--accent) !important;\n        --videoModal-button-background: var(--text) !important;\n        --videoModal-button-color: var(--mantle) !important;\n    }\n    \n    ::placeholder {\n        color: var(--subtext0) !important;\n    }\n    \n    /* site background */\n    div.ListingLayout-backgroundContainer::before {\n        background: var(--base) !important;\n    }\n    \n    \n    /* PROFILE MENU */\n    \n    \n    /* karma count */\n    span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n        color: var(--subtext0) !important;\n    }\n\n    /* profile button karma icon */\n    i.icon-karma_fill {\n        color: var(--red) !important;\n    }\n\n    /* menu headers */\n    div[role=menu] > div > div > span > span {\n        color: var(--subtext0) !important;\n    }\n\n    /* switches, should also apply sitewide */\n    button[role=switch][aria-checked=false] {\n        background: var(--surface0) !important;\n    }\n\n    button[role=switch] > div {\n        background: var(--text) !important;\n    }\n\n    /* online status */\n    ._2dn5Ncenn0BSD4tCSmxQhA {\n        fill: var(--green) !important;\n    }\n\n    ._3SlBAJb2MbUHwgBZFH8eL7 {\n        fill: var(--base) !important;\n    }\n\n\n    /* PROFILE PAGE */\n\n\n    /* create avatar button */\n    button._3F1tNW0P4Ff182mO_CefIg {\n        background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n        color: var(--base) !important;\n    }\n\n    button._3F1tNW0P4Ff182mO_CefIg > i {\n        color: var(--base) !important;\n    }\n\n    /* cake day and followers icon */\n    i.icon-cake_fill, i.icon-user_fill {\n        color: var(--accent) !important;\n    }\n\n    /* add social links button readability tweak */\n    div._3hew1NnzwygOKDNQDKp6R4, div._3hew1NnzwygOKDNQDKp6R4 > i, li._3hew1NnzwygOKDNQDKp6R4 {\n        color: var(--base) !important\n    }\n\n    /* profile moderation and user settings page */\n    div._1VP69d9lk-Wk9zokOaylL {\n        --background: var(--base) !important;\n        --canvas: var(--base) !important;\n    }\n\n    /* Beta Badge */ \n    span._2KFJx8Dhh1o1u0Xb8e7NuD {\n        color: var(--accent) !important;\n    }\n\n    /* Delete Account */\n    button.EBd2MhBQlQeZ13YeP0K8a {\n        color: var(--accent) !important;\n    }\n\n    /* Delete Account Icon */\n    svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n        fill: var(--accent) !important;\n    }\n\n    /* blocked, muted input */\n    input._1Vnaj3fBuYrmHKEPQD_zWW {\n        background-color: var(--base) !important;\n    }\n    \n    /* fixes profile posts not being themed */\n    div.scrollerItem > div, div[data-testid=post-container], div[style=\"background:#1A1A1B\"], div._2otRz3OtuWajw1RleFDJ5P {\n        background: var(--mantle) !important;\n    }\n\n\n    /* NFT AVATAR VIEWER */\n\n\n    /* modal background */\n    div._productDetails_7kbcu_53 {\n        background: var(--mantle) !important;\n        color: var(--text) !important;\n    }\n\n    /* mint status */\n    div._mintStatus_7kbcu_264 {\n        color: var(--accent) !important;\n    }\n\n    /* carousel background */\n    div._carousel_7kbcu_45 {\n        background: linear-gradient(243.37deg, var(--base) 16.42%, var(--blue) 100%);\n    }\n\n    /* nft card back */\n    div._card_1ooes_1 {\n        background: var(--blue) !important;\n    }\n\n    ol._container_1t62i_1 {\n        border-color: var(--base) !important;\n    }\n\n    ol._container_1t62i_1 > li {\n        border-color: var(--base) !important;\n    }\n\n    ol._container_1t62i_1 > li > div {\n        color: var(--base) !important;\n    }\n\n    div.MuiMobileStepper-dot {\n        background: var(--surface0) !important;\n    }\n\n    div.MuiMobileStepper-dotActive {\n        background: var(--accent) !important;\n    }\n\n    div._scrollContainer_7kbcu_104 > div > h3, div._cardAuthor_7kbcu_79 {\n        color: var(--subtext0) !important\n    }\n\n    div._container_oikih_1 {\n        background: var(--crust) !important;\n        border-color: var(--surface1) !important;\n    }\n\n    /* external links */\n    a._pill_7kbcu_280 {\n        background: var(--crust) !important;\n        color: var(--text) !important;\n    }\n\n    /* shop for avatars button */\n    button._shopForMoreButton_7kbcu_125 {\n        background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n        color: var(--base) !important;\n    }\n\n\n    /* AVATAR CREATOR */\n    div._wrapper_1upjl_7 {\n        background: var(--base) !important;\n        color: var(--text) !important;\n    }\n\n\n    /* SITE HEADER*/\n\n    \n    /* reddit logo */\n    a[aria-label=Home] > svg > g > circle {\n        fill: var(--accent) !important;\n    }\n\n    a[aria-label=Home] > svg:first-child > g > path {\n        fill: var(--base) !important;\n    }\n\n    a[aria-label=Home] > svg:nth-child(2) > g > path {\n        fill: var(--text) !important;\n    }\n    \n    /* notification icon */\n    button[aria-label=\"Open notifications inbox\"] > div > span {\n        background: var(--accent) !important;\n        color: var(--mantle) !important;\n    }\n\n    /* advertise button */\n    #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n        background: var(--surface0) !important;\n        color: var(--text) !important;\n    }\n\n    #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n        color: var(--text) !important;\n    }\n\n    /* reddit now notification */\n    a[href=\"/now\"] > div {\n        background: var(--accent) !important;\n    }\n\n    /* search scope pill text */\n    div[data-testid=\"search-scope-pill-text\"] {\n        color: var(--text) !important;\n    }\n\n    /* search popup title */\n    div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n        --posttitletextcolor: var(--text) !important;\n    }\n\n    /* safe search toggle */\n    button#safe-search-toggle[aria-checked=true] {\n        background: var(--accent) !important;\n    }\n\n\n    /* NAVIGATION SIDEBAR */\n\n\n    /* close icon */\n    i.icon-close {\n        color: var(--subtext0) !important;\n    }\n\n    /* item color */\n    a[role=menuitem] {\n        color: var(--text) !important;\n    }\n\n    /* navigation sidebar header color */\n    div[role=menu] > div[role=heading] {\n        color: var(--subtext0) !important;\n    }\n\n    a[role=menuitem]:hover {\n        background: var(--surface0) !important;\n    }\n\n    /* favorites */\n    i.icon-star_fill {\n        color: var(--accent) !important;\n    }\n\n    i.icon-star {\n        color: var(--subtext0) !important;\n    }\n\n\n    /* RIGHT FRONTPAGE SIDEBAR */\n\n\n    /* reddit premium icon */\n    i.icon-premium_fill {\n        color: var(--accent) !important;\n    }\n\n    /* reddit premium try now button */\n    button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n        background: var(--accent) !important;\n        color: var(--base) !important;\n    }\n\n    /* recent posts thumbnail borders */\n    div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n        border-color: var(--subtext0) !important;\n    }\n\n\n    /* POSTS */\n\n\n    /* post background for card style */\n    div[data-adclicklocation=background] {\n        background: var(--base) !important;\n    }\n\n    /* post options (save, comment, etc.) */\n    div._3-miAEojrCvx_4FQ8x3P-s, i.icon-comment, i.icon-share, i.icon-save, i.icon-expand, i.icon-collapse, i.icon-text_post, i.icon-image_post, i.icon-media_gallery, i.icon-video_post, i.icon-gif_post, i.icon-embed, i.icon-external_link, i.icon-poll_post {\n        color: var(--subtext0) !important;\n    }\n\n     /* post title color */\n    div[data-adclicklocation=title] > div > a > div > h3, div[data-adclicklocation=title] > div:first-child > div:first-child > h1:first-child {\n        color: var(--text) !important;\n    }\n\n    /* \n     *  post op color and\n     *  post date color\n     */\n    div[data-adclicklocation=top_bar] > span, a[data-testid=post_author_link] {\n        color: var(--subtext0) !important;\n    }\n\n    /* nsfw flair */\n    span._1wzhGvvafQFOWAyA157okr {\n        border-color: var(--red) !important;\n        color: var(--red) !important;\n    }\n\n    /* pinned post icon */\n    i.icon-pin_fill {\n        color: var(--green) !important;\n    }\n\n    /* give award icon */\n    i.icon-award {\n        color: var(--subtext0) !important;\n    }\n\n    /* locked post icon */\n    i.icon-archived_fill, i.icon-lock_fill {\n        color: var(--yellow) !important;\n    }\n\n    /* post button divider */\n    div[data-click-id=body] > div:nth-child(3) > div:nth-child(3) { \n        border-color: var(--surface1) !important;\n    }\n\n\n    /* UPVOTES/DOWNVOTES */\n\n\n    /* upvote/downvote background */\n    div.Post, div[data-click-id=media] {\n        background: var(--mantle) !important;\n        fill: var(--mantle) !important;\n    }\n\n    /* inactive vote text color */\n    div[id^=vote-arrows] > div {\n        color: var(--subtext0) !important;\n    }\n\n    /* active upvote color */\n    i.icon-upvote_fill {\n        color: var(--red) !important;\n    }\n\n    button[aria-label=upvote][aria-pressed=false] > span:hover > i {\n        color: var(--red) !important;\n    }\n\n    /* active upvote text color */\n    button[aria-label=upvote][aria-pressed=true] ~ div {\n        color: var(--red) !important;\n    }\n\n    /* hover background for both upvotes and downvotes */\n    button[aria-label=upvote][aria-label=downvote] > span:hover {\n        background: var(--surface0) !important;\n    }\n\n    /* active downvote color */\n    .icon-downvote_fill {\n        color: var(--blue) !important;\n    }\n\n    /* active downvote text color */\n    button[aria-label=downvote][aria-pressed=true] ~ div {\n        color: var(--blue) !important;\n    }\n\n    button[aria-label=downvote][aria-pressed=false] > span:hover > i {\n        color: var(--blue) !important;\n    }\n\n\n    /* REPORT MODAL */\n\n\n    a.o1ov2mzLxTFAFP-O4Uv8I {\n        color: var(--accent) !important;\n    }\n\n    button._1lDGFVGU9k2mi-4kjU95Rp {\n        color: var(--base) !important;\n    }\n\n\n    /* SUBREDDIT PAGES */\n\n\n    a[role=button][target=\"_blank\"] {\n        background: var(--text) !important;\n        color: var(--base) !important;\n    }\n\n    /* radio buttons (flair selector, etc.) */\n    div[role=radio]:hover, div[role=radio]:focus {\n        background: var(--accent) !important;\n    }\n    \n    div[role=radio] > svg, div[role=radio] > svg:active {\n        fill: var(--text) !important;\n    }\n    \n    /* checkboxes */\n    button[role=checkbox] {\n        fill: var(--accent) !important;\n    }\n    \n    \n    /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\n    \n    \n    /* header background */\n    ._ZhON3a3vplThB8NFwuJn {\n        background: var(--crust) !important;\n        color: var(--text) !important;\n    }\n    \n    /* subreddit image background */\n    img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n        background: var(--accent) !important;\n    }\n    \n    /* default subreddit icon */\n    i.icon-community_fill {\n        color: var(--accent) !important;\n    }\n    \n    /* online users */\n    div._21RLQh5PvUhC6vOKoFeHUP:before {\n        color: var(--green) !important;\n    }\n    \n    \n    /* POST VIEWER */\n    \n    \n    /* spoiler tags */\n    ._2v4IIjPhKL0PDaWaWtjJ1E {\n        background: var(--surface0) !important;\n    }\n    \n    /* mod comment tag */\n    span[id^=CommentTopMeta--Mod] {\n        color: var(--green) !important;\n    }\n    \n    /* op comment tag */\n    span[id^=CommentTopMeta--OP] {\n        color: var(--blue) !important;\n    }\n    \n    /* post overlay if you have \"open in new tab\" disabled */\n    div#overlayScrollContainer > div {\n        background: var(--crust) !important;\n    }\n    \n    /* fixes comment section background not working when \"open in new tab is disabled\" */\n    div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n        background: var(--mantle) !important;\n    }\n    \n    /* shade applied to background when clicking on a post with \"open in new tab\" disabled */\n    div._2DJXORCrmcNpPTSq0LqL6i, div._1DK52RbaamLOWw5UPaht_S {\n        background: var(--mist) !important;\n    }\n    \n    /* gold award gradient */\n    div.TmlaIdEplCzZ0F1aRGYQh[role=presentation] {\n        background: linear-gradient(188deg, #f9e2af1f 1.7%, #f9e2af00 46%, rgba(0, 0, 0, 0)) !important;\n    }\n    \n    /* image gallery next/previous buttons */\n    a[title=Next] > i, a[title=Previous] > i {\n        background: var(--surface0) !important;\n    }\n    \n    /* image gallery image count */\n    div._61i6grM3um1yuw4GrN97P {\n        background: var(--mist) !important;\n        color: var(--text) !important;\n    }\n\n    /* comment search bar */\n    input#comment_search-bar {\n        background: var(--base) !important;\n    }\n    \n    /* tab bar below banner */\n    ._1gVVmSnHZpkUgVShsn7-ua {\n        background: var(--mantle) !important;\n    }\n    \n    /* MULTIREDDITS/CUSTOM FEEDS */\n    \n    \n    /* delete custom feed button */\n    .bX6SqXfzfxpv4GQbuIYVZ {\n        color: var(--red) !important;\n    }\n    \n    \n    /* TOOLTIPS */\n    \n    \n    div.HQ2VJViRjokXpRbJzPvvc {\n        background: var(--mantle) !important;\n        color: var(--text) !important;\n    }\n    \n    div.HQ2VJViRjokXpRbJzPvvc::after {\n        border-top-color: var(--mantle) !important;\n    }\n}\n",
    "usercssData": {
      "name": "Reddit Catppuccin",
      "namespace": "github.com/catppuccin/userstyles/styles/reddit",
      "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/reddit",
      "version": "1.1.2",
      "description": "Soothing pastel theme for Reddit.",
      "author": "jayylmao",
      "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css",
      "preprocessor": "stylus",
      "vars": {
        "stylusAccent": {
          "type": "select",
          "label": "Accent color",
          "name": "stylusAccent",
          "value": null,
          "default": "Rosewater",
          "options": [
            {
              "name": "Rosewater",
              "label": "Rosewater",
              "value": "Rosewater"
            },
            {
              "name": "Flamingo",
              "label": "Flamingo",
              "value": "Flamingo"
            },
            {
              "name": "Pink",
              "label": "Pink",
              "value": "Pink"
            },
            {
              "name": "Mauve",
              "label": "Mauve",
              "value": "Mauve"
            },
            {
              "name": "Red",
              "label": "Red",
              "value": "Red"
            },
            {
              "name": "Maroon",
              "label": "Maroon",
              "value": "Maroon"
            },
            {
              "name": "Peach",
              "label": "Peach",
              "value": "Peach"
            },
            {
              "name": "Yellow",
              "label": "Yellow",
              "value": "Yellow"
            },
            {
              "name": "Green",
              "label": "Green",
              "value": "Green"
            },
            {
              "name": "Teal",
              "label": "Teal",
              "value": "Teal"
            },
            {
              "name": "Sky",
              "label": "Sky",
              "value": "Sky"
            },
            {
              "name": "Sapphire",
              "label": "Sapphire",
              "value": "Sapphire"
            },
            {
              "name": "Blue",
              "label": "Blue",
              "value": "Blue"
            },
            {
              "name": "Lavender",
              "label": "Lavender",
              "value": "Lavender"
            }
          ]
        },
        "stylusFlavor": {
          "type": "select",
          "label": "Catppuccin Flavor",
          "name": "stylusFlavor",
          "value": "Mocha",
          "default": "Latte",
          "options": [
            {
              "name": "Latte",
              "label": "Latte",
              "value": "Latte"
            },
            {
              "name": "Frappe",
              "label": "Frappe",
              "value": "Frappe"
            },
            {
              "name": "Macchiato",
              "label": "Macchiato",
              "value": "Macchiato"
            },
            {
              "name": "Mocha",
              "label": "Mocha",
              "value": "Mocha"
            },
            {
              "name": "Espresso",
              "label": "Espresso",
              "value": "Espresso"
            }
          ]
        }
      }
    },
    "author": "jayylmao",
    "description": "Soothing pastel theme for Reddit.",
    "name": "Reddit Catppuccin",
    "originalDigest": "dde77c811b5954d7563e967fee82dd18e578fb99",
    "_id": "1a572122-9730-49c1-83bc-3d3fc949746d",
    "_rev": 1699562179685,
    "id": 7
  },
  {
    "enabled": true,
    "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css",
    "url": "https://github.com/catppuccin/userstyles/tree/main/styles/twitch",
    "installDate": 1699562257297,
    "sections": [
      {
        "code": ""
      }
    ],
    "sourceCode": "/* ==UserStyle==\n@name           Twitch Catppuccin\n@namespace      github.com/catppuccin/userstyles/styles/twitch\n@homepageURL    https://github.com/catppuccin/userstyles/tree/main/styles/twitch\n@version        1.1.15\n@description    Soothing pastel theme for Twitch\n@author         Catppuccin\n@updateURL      https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css\n@license        MIT\n\n@preprocessor   less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"twitch.tv\") {\n  .tw-root--theme-dark {\n    #catppuccin(@darkFlavor, @accentColor);\n  }\n  .tw-root--theme-light {\n    #catppuccin(@lightFlavor, @accentColor);\n  }\n\n  #catppuccin(@lookup, @accent) {\n    @rosewater: @catppuccin[@@lookup][@rosewater];\n    @flamingo: @catppuccin[@@lookup][@flamingo];\n    @pink: @catppuccin[@@lookup][@pink];\n    @mauve: @catppuccin[@@lookup][@mauve];\n    @red: @catppuccin[@@lookup][@red];\n    @maroon: @catppuccin[@@lookup][@maroon];\n    @peach: @catppuccin[@@lookup][@peach];\n    @yellow: @catppuccin[@@lookup][@yellow];\n    @green: @catppuccin[@@lookup][@green];\n    @teal: @catppuccin[@@lookup][@teal];\n    @sky: @catppuccin[@@lookup][@sky];\n    @sapphire: @catppuccin[@@lookup][@sapphire];\n    @blue: @catppuccin[@@lookup][@blue];\n    @lavender: @catppuccin[@@lookup][@lavender];\n    @text: @catppuccin[@@lookup][@text];\n    @subtext1: @catppuccin[@@lookup][@subtext1];\n    @subtext0: @catppuccin[@@lookup][@subtext0];\n    @overlay2: @catppuccin[@@lookup][@overlay2];\n    @overlay1: @catppuccin[@@lookup][@overlay1];\n    @overlay0: @catppuccin[@@lookup][@overlay0];\n    @surface2: @catppuccin[@@lookup][@surface2];\n    @surface1: @catppuccin[@@lookup][@surface1];\n    @surface0: @catppuccin[@@lookup][@surface0];\n    @base: @catppuccin[@@lookup][@base];\n    @mantle: @catppuccin[@@lookup][@mantle];\n    @crust: @catppuccin[@@lookup][@crust];\n    @accent-Color: @catppuccin[@@lookup][@@accent];\n\n    & body {\n      background-color: @base;\n    }\n\n    /* Stream title */\n\n    p[data-test-selector=\"stream-info-card-component__subtitle\"],\n    p[data-test-selector=\"stream-info-card-component__description\"] {\n      color: @text !important;\n    }\n\n    a[data-a-target=\"player-info-game-name\"] {\n      color: @accent-Color;\n    }\n\n    /* `Pinned message` popup */\n\n    div.pinned-chat__pinned-by svg {\n      color: @text;\n    }\n\n    p.pinned-chat__message span {\n      color: @text !important;\n    }\n\n    p.pinned-chat__message a {\n      color: @accent-Color;\n    }\n\n    /* `Intended for certain audiences` label */\n\n    div[data-a-target=\"content-classification-warning-disclosure-overlay\"] p {\n      color: @text;\n    }\n\n    /* `Hype Train` popup */\n\n    div.hype-train-progress-bar-info-view__level-container p,\n    div.hype-train-approaching-view__leftSide p,\n    div.hype-train-expanded-layout p,\n    div.hype-train-expanded-layout svg {\n      color: @text;\n    }\n\n    div.hype-train-progress-bar-info-view__progress-value span {\n      color: @accent-Color;\n    }\n\n    /* `Is video buffering?` warning */\n\n    div.low-latency-notification p {\n      color: @text;\n    }\n\n    /* `Includes paid promotion` label */\n\n    div.disclosure-card p,\n    div.disclosure-card svg {\n      color: @text;\n    }\n\n    /* Raiding popup */\n\n    div[data-test-selector=\"raid-banner\"] {\n      color: @text;\n    }\n\n    /* `Predict with Channel Points` popup */\n\n    div[data-test-selector=\"expanded-content\"] p,\n    p[data-test-selector=\"community-prediction-highlight-header__top-predictors\"],\n    p[data-test-selector=\"community-prediction-highlight-body__outcome-title\"] {\n      color: @text;\n    }\n\n    /* TODO: ensure that the poll does not default to this */\n    div[data-test-selector=\"header-content\"] p {\n      color: @text !important;\n    }\n\n    div.channel-points-icon svg,\n    div[data-test-selector=\"header-content\"] span,\n    div[data-test-selector=\"community-prediction-highlight-body__outcome-points\"]\n      span {\n      color: @accent-Color;\n    }\n\n    button[data-test-selector=\"community-prediction-highlight-header__how-to-play\"],\n    button[data-test-selector=\"community-prediction-highlight-header__terms-and-conditions\"],\n    button[data-test-selector=\"community-prediction-highlight-header__send-feedback\"],\n    button[data-test-selector=\"community-prediction-highlight-header__dismiss-message\"] {\n      color: @text;\n    }\n\n    /* Poll popup */\n\n    div[data-test-selector=\"header-content\"]\n      p:not(\n        [data-test-selector=\"community-prediction-highlight-header__title\"],\n        [data-test-selector=\"header\"]\n      ) {\n      color: @text !important;\n    }\n\n    /* `Report Poll` button */\n\n    button.gaoCTJ {\n      color: @text;\n    }\n\n    /* ??? */\n\n    div.happening-now-disable-prompt p {\n      color: @text !important;\n    }\n\n    /* Gifting sub popup */\n\n    div.mystery-gift-chat-banner span {\n      color: @accent-Color;\n    }\n\n    div.mystery-gift-chat-banner p {\n      color: @text;\n    }\n\n    /* VOD metadata */\n\n    div.tw-media-card-stat {\n      color: @text;\n    }\n\n    /* DMCA warning */\n\n    div.muted-segments-alert__content p {\n      color: @text;\n    }\n\n    /* VOD time labels */\n\n    div.vod-seekbar-time-labels p {\n      color: @text !important;\n    }\n\n    /* VOD timestamp */\n\n    div.vod-seekbar-preview-overlay__wrapper p {\n      color: @text !important;\n    }\n\n    /* Seekbar segment */\n\n    div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n      span[data-test-selector=\"seekbar-segment__segment\"] {\n      background: @accent-Color !important;\n    }\n\n    /* Seekbar DMCA muted segment */\n\n    div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n      span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(212, 73, 73, 0.5);\"] {\n      background: @red !important;\n    }\n\n    /* Seekbar buffered segment */\n\n    div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n      span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n      background: @overlay2 !important;\n    }\n\n    /* Recent VOD title */\n\n    div.player-overlay-background h4 {\n      color: @subtext0 !important;\n    }\n\n    a.offline-recommendations-video-card p {\n      color: @text;\n    }\n\n    /* Offline screen follow panel */\n\n    div[data-test-selector=\"follow-panel-overlay\"] p {\n      color: @text !important;\n    }\n\n    div[data-test-selector=\"follow-panel-overlay\"] button div {\n      color: @crust !important;\n    }\n\n    /* Front page warning sign */\n\n    div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"]\n      div.content-overlay-icon\n      svg {\n      color: @red;\n    }\n\n    /* Front page age warning */\n\n    div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"]\n      p.content-overlay-gate__allow-pointers {\n      color: @red !important;\n    }\n\n    /* Front page age selector */\n\n    div[data-a-target=\"player-overlay-age-gate-form\"] select {\n      color: @text;\n    }\n\n    /* Following usercard */\n\n    div[data-a-target=\"user-card-modal\"] p {\n      color: @text !important;\n    }\n\n    /* PiP username */\n\n    div.mini-overlay__title span {\n      color: @text;\n    }\n\n    /* Viewercard username */\n\n    div.viewer-card-header__display-name h4 {\n      color: @accent-Color !important;\n    }\n\n    /* Viewercard metadata */\n\n    div.viewer-card-header__display-name svg:not(button svg) {\n      color: @subtext1;\n    }\n\n    div.viewer-card-header__display-name p {\n      color: @text !important;\n    }\n\n    /* Extension name */\n\n    div[aria-describedby=\"popover-extensions-body\"] h6 {\n      color: @text;\n    }\n\n    /* Extension description */\n\n    div.extensions-popover-view-layout__body p {\n      color: @text;\n    }\n\n    /* Extension service buttons */\n\n    div.extensions-popover-view-layout__body svg {\n      color: @subtext0;\n    }\n\n    div.extensions-popover-view-layout__body div {\n      color: @text;\n    }\n\n    & .carousel-metadata {\n      background: @crust;\n    }\n    & .carousel-metadata--fadeout {\n      background: @crust;\n    }\n    .chat-line__message-body--highlighted {\n      background-color: @accent-Color;\n      color: @crust;\n      border-color: @accent-Color;\n    }\n    .chat-scrollable-area__message-container {\n      background-color: @mantle;\n    }\n    .jmUA-dj {\n      background-color: @mantle;\n    }\n    .bBpiku {\n      fill: @mantle;\n    }\n    .ivjxmt {\n      color: @crust;\n    }\n    .gzYMLv {\n      color: @text;\n    }\n    .gZxBHd {\n      color: @subtext0;\n      &:hover {\n        color: @accent-Color;\n      }\n    }\n    .eBmJxH {\n      color: @text;\n    }\n    .ffZeRf {\n      color: #fff !important;\n    }\n    .igzOaC {\n      color: @text;\n    }\n    .bEHknf {\n      color: #fff;\n    }\n    .side-nav-card__link:hover {\n      background: @surface0 !important;\n    }\n    .dDyYOA {\n      color: #fff !important;\n    }\n    .reward-icon__cost {\n      color: #fff !important;\n    }\n    .kLILeB {\n      color: #fff !important;\n    }\n    .navigation-link__active-indicator {\n      background-color: @accent-Color !important;\n    }\n    .footer {\n      background: @crust;\n    }\n    & .whispers-list-item--selected,\n    & .whispers-list-item:hover {\n      background-color: @surface0;\n    }\n    & .thread-header__title-bar-container--focused {\n      background-color: @mantle;\n    }\n    & .thread-header__title-bar-container {\n      background: @mantle;\n    }\n    & .thread-header__click-area:focus .thread-header__title-bar-container {\n      background-color: @mantle;\n    }\n    .navigation-link {\n      color: @text;\n      &:hover {\n        color: @accent-Color;\n      }\n    }\n    .chat-room {\n      background: @mantle;\n    }\n    div.pinned-chat__highlight-card div.highlight {\n      background: @mantle;\n    }\n\n    h4,\n    h5 {\n      color: @text;\n    }\n\n    .cOJBQO {\n      color: @text;\n    }\n\n    .dBlttx {\n      color: @subtext1;\n    }\n\n    .fiCviy {\n      color: @text;\n    }\n\n    .server-message-alert,\n    .server-message-alert,\n    .server-message-alert {\n      border: var(--border-width-default) solid @red;\n      border-left: 0.4rem solid @red;\n    }\n\n    .server-message-alert__icon,\n    .server-message-alert__icon,\n    .server-message-alert__icon {\n      color: @red;\n    }\n\n    &,\n    .side-nav-card__link:hover {\n      --color-background-input-focus: @crust;\n      --color-background-interactable-hover: @surface0;\n      --color-background-button-text-default: null !important;\n      --color-background-float: @crust;\n      --color-text-input-placeholder: @text;\n      --color-border-input: @base;\n      --color-text-button-primary: @crust;\n      --color-text-overlay: @base;\n      --color-text-base: @subtext1;\n      --color-text-alt: @subtext1;\n      --color-text-alt-2: @text;\n      --color-text-interactable-selected: @crust;\n      --color-background-alt-2: @crust;\n      --color-text-tag: @text;\n      --color-background-button-secondary-default: @crust;\n      --color-background-tag-default: @mantle;\n      --color-background-tag-hover: @crust;\n      --color-background-float: @mantle;\n      --color-background-body: @base;\n      --color-background-base: @mantle;\n      --color-background-alt: @mantle;\n      --color-background-input: @crust;\n      --color-brand-muted-cupcake: @pink;\n      --color-brand-muted-mint: @green;\n      --color-brand-muted-sky: @sky;\n      --color-brand-muted-blush: @peach;\n      --color-brand-muted-canary: @peach;\n      --color-brand-muted-lavender: @lavender;\n      --color-brand-muted-mustard: @yellow;\n      --color-brand-muted-emerald: @green;\n      --color-brand-muted-coral: @peach;\n      --color-brand-muted-ocean: @blue;\n      --color-brand-accent-grape: @mauve;\n      --color-brand-accent-dragonfruit: @flamingo;\n      --color-brand-accent-carrot: @peach;\n      --color-brand-accent-sun: @peach;\n      --color-brand-accent-lime: @green;\n      --color-brand-accent-turquoise: @sky;\n      --color-brand-accent-eggplant: @mauve;\n      --color-brand-accent-wine: @flamingo;\n      --color-brand-accent-slime: @green;\n      --color-brand-accent-seafoam: @green;\n      --color-brand-accent-cherry: @red;\n      --color-brand-accent-marine: @blue;\n      --color-brand-accent-seaweed: @teal;\n      --color-brand-accent-fiji: @green;\n      --color-brand-accent-blueberry: @blue;\n      --color-brand-accent-arctic: @sky;\n      --color-brand-accent-highlighter: @yellow;\n      --color-brand-accent-flamingo: @flamingo;\n      --color-brand-accent-ruby: @red;\n      --color-brand-accent-punch: @flamingo;\n      --color-brand-accent-creamsicle: @yellow;\n      --color-red: @maroon;\n      --color-red-darker: @red;\n      --color-orange: @peach;\n      --color-yellow: @yellow;\n      --color-green: @green;\n      --color-green-darker: @green;\n      --color-blue: @blue;\n      --color-prime-blue: @blue;\n      --color-magenta: @flamingo;\n      --color-error: @red;\n      --color-warn: @yellow;\n      --color-success: @green;\n      --color-info: @blue;\n      --color-accent: @accent-Color;\n      --color-twitch-purple: @accent-Color;\n      --color-twitch-purple-4: @accent-Color;\n      --color-twitch-purple-5: @accent-Color;\n      --color-twitch-purple-6: @accent-Color;\n      --color-twitch-purple-7: @accent-Color;\n      --color-twitch-purple-8: @accent-Color;\n      --color-twitch-purple-9: @accent-Color;\n      --color-twitch-purple-10: @accent-Color;\n      --color-twitch-purple-11: @accent-Color;\n      --color-twitch-purple-12: @accent-Color;\n      --color-orange-7: @yellow;\n      --color-orange-8: @yellow;\n      --color-orange-9: @yellow;\n      --color-orange-10: @yellow;\n      --color-orange-11: @yellow;\n      --color-orange-12: @yellow;\n      --color-orange-13: @yellow;\n      --color-yellow-6: @peach;\n      --color-yellow-7: @peach;\n      --color-yellow-8: @peach;\n      --color-yellow-9: @peach;\n      --color-yellow-10: @peach;\n      --color-yellow-11: @peach;\n      --color-yellow-12: @peach;\n      --color-yellow-13: @peach;\n      --color-yellow-14: @peach;\n      --color-yellow-15: @peach;\n      --color-green-5: @green;\n      --color-green-6: @green;\n      --color-green-7: @green;\n      --color-green-8: @green;\n      --color-green-9: @green;\n      --color-green-10: @green;\n      --color-green-11: @green;\n      --color-green-12: @green;\n      --color-green-13: @green;\n      --color-green-14: @green;\n      --color-green-15: @teal;\n      --color-cyan-9: @sapphire;\n      --color-cyan-10: @sapphire;\n      --color-cyan-11: @sapphire;\n      --color-cyan-12: @sapphire;\n      --color-cyan-13: @sapphire;\n      --color-cyan-14: @sapphire;\n      --color-cyan-15: @sky;\n      --color-blue-4: @blue;\n      --color-blue-5: @blue;\n      --color-blue-6: @blue;\n      --color-blue-7: @blue;\n      --color-blue-8: @blue;\n      --color-blue-9: @blue;\n      --color-blue-10: @sky;\n      --color-blue-11: @sky;\n      --color-magenta-5: @flamingo;\n      --color-magenta-6: @flamingo;\n      --color-magenta-7: @flamingo;\n      --color-magenta-8: @flamingo;\n      --color-magenta-9: @flamingo;\n      --color-magenta-10: @flamingo;\n      --color-magenta-11: @pink;\n      --color-magenta-12: @pink;\n      --color-red-4: @red;\n      --color-red-5: @red;\n      --color-red-6: @red;\n      --color-red-7: @red;\n      --color-red-8: @red;\n      --color-red-9: @red;\n      --color-red-10: @red;\n      --color-red-11: @peach;\n      --color-red-12: @peach;\n      --color-twitter: @blue;\n      --color-facebook: @blue;\n      --color-reddit: @peach;\n      --color-snapchat: @yellow;\n      --color-instagram: @blue;\n      --color-youtube: @red;\n      --color-paypal: @blue;\n      --color-paypal-blue: @blue;\n      --color-paypal-yellow: @yellow;\n      --color-venmo: @blue;\n      --color-vk: @blue;\n      --color-amazon: @yellow; //background: @surface0;\n      --color-background-button-text-hover: @surface0;\n      --color-text-accessible-red: @red;\n      --color-border-input-checkbox: @subtext0;\n      --color-border-input-checkbox-hover: @text;\n      --color-text-label: @text;\n      --color-border-input-hover: @surface0;\n    }\n  }\n}\n@-moz-document domain(\"dashboard.twitch.tv\") {\n  .tw-root--theme-dark {\n    #catppuccin(@darkFlavor);\n  }\n  .tw-root--theme-light {\n    #catppuccin(@lightFlavor);\n  }\n\n  #catppuccin(@lookup) {\n    @base: @catppuccin[@@lookup][@base];\n    @mantle: @catppuccin[@@lookup][@mantle];\n    .simplebar-content {\n      background-color: @mantle;\n    }\n    .scrollable-area--suppress-scroll-x > .simplebar-scroll-content,\n    .scrollable-area--suppress-scroll-x\n      > .simplebar-scroll-content\n      > .simplebar-content {\n      background-color: @base;\n    }\n  }\n}\n\n@catppuccin: {\n  @latte: {\n    @rosewater: #dc8a78;\n    @flamingo: #dd7878;\n    @pink: #ea76cb;\n    @mauve: #8839ef;\n    @red: #d20f39;\n    @maroon: #e64553;\n    @peach: #fe640b;\n    @yellow: #df8e1d;\n    @green: #40a02b;\n    @teal: #179299;\n    @sky: #04a5e5;\n    @sapphire: #209fb5;\n    @blue: #1e66f5;\n    @lavender: #7287fd;\n    @text: #4c4f69;\n    @subtext1: #5c5f77;\n    @subtext0: #6c6f85;\n    @overlay2: #7c7f93;\n    @overlay1: #8c8fa1;\n    @overlay0: #9ca0b0;\n    @surface2: #acb0be;\n    @surface1: #bcc0cc;\n    @surface0: #ccd0da;\n    @base: #eff1f5;\n    @mantle: #e6e9ef;\n    @crust: #dce0e8;\n  };\n  @frappe: {\n    @rosewater: #f2d5cf;\n    @flamingo: #eebebe;\n    @pink: #f4b8e4;\n    @mauve: #ca9ee6;\n    @red: #e78284;\n    @maroon: #ea999c;\n    @peach: #ef9f76;\n    @yellow: #e5c890;\n    @green: #a6d189;\n    @teal: #81c8be;\n    @sky: #99d1db;\n    @sapphire: #85c1dc;\n    @blue: #8caaee;\n    @lavender: #babbf1;\n    @text: #c6d0f5;\n    @subtext1: #b5bfe2;\n    @subtext0: #a5adce;\n    @overlay2: #949cbb;\n    @overlay1: #838ba7;\n    @overlay0: #737994;\n    @surface2: #626880;\n    @surface1: #51576d;\n    @surface0: #414559;\n    @base: #303446;\n    @mantle: #292c3c;\n    @crust: #232634;\n  };\n  @macchiato: {\n    @rosewater: #f4dbd6;\n    @flamingo: #f0c6c6;\n    @pink: #f5bde6;\n    @mauve: #c6a0f6;\n    @red: #ed8796;\n    @maroon: #ee99a0;\n    @peach: #f5a97f;\n    @yellow: #eed49f;\n    @green: #a6da95;\n    @teal: #8bd5ca;\n    @sky: #91d7e3;\n    @sapphire: #7dc4e4;\n    @blue: #8aadf4;\n    @lavender: #b7bdf8;\n    @text: #cad3f5;\n    @subtext1: #b8c0e0;\n    @subtext0: #a5adcb;\n    @overlay2: #939ab7;\n    @overlay1: #8087a2;\n    @overlay0: #6e738d;\n    @surface2: #5b6078;\n    @surface1: #494d64;\n    @surface0: #363a4f;\n    @base: #24273a;\n    @mantle: #1e2030;\n    @crust: #181926;\n  };\n  @mocha: {\n    @rosewater: #f5e0dc;\n    @flamingo: #f2cdcd;\n    @pink: #f5c2e7;\n    @mauve: #cba6f7;\n    @red: #f38ba8;\n    @maroon: #eba0ac;\n    @peach: #fab387;\n    @yellow: #f9e2af;\n    @green: #a6e3a1;\n    @teal: #94e2d5;\n    @sky: #89dceb;\n    @sapphire: #74c7ec;\n    @blue: #89b4fa;\n    @lavender: #b4befe;\n    @text: #cdd6f4;\n    @subtext1: #bac2de;\n    @subtext0: #a6adc8;\n    @overlay2: #9399b2;\n    @overlay1: #7f849c;\n    @overlay0: #6c7086;\n    @surface2: #585b70;\n    @surface1: #45475a;\n    @surface0: #313244;\n    @base: #1e1e2e;\n    @mantle: #181825;\n    @crust: #11111b;\n  };\n};\n",
    "usercssData": {
      "name": "Twitch Catppuccin",
      "namespace": "github.com/catppuccin/userstyles/styles/twitch",
      "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/twitch",
      "version": "1.1.15",
      "description": "Soothing pastel theme for Twitch",
      "author": "Catppuccin",
      "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css",
      "license": "MIT",
      "preprocessor": "less",
      "vars": {
        "lightFlavor": {
          "type": "select",
          "label": "Light Flavor",
          "name": "lightFlavor",
          "value": null,
          "default": "latte",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappe",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "darkFlavor": {
          "type": "select",
          "label": "Dark Flavor",
          "name": "darkFlavor",
          "value": null,
          "default": "mocha",
          "options": [
            {
              "name": "latte",
              "label": "Latte",
              "value": "latte"
            },
            {
              "name": "frappe",
              "label": "Frappe",
              "value": "frappe"
            },
            {
              "name": "macchiato",
              "label": "Macchiato",
              "value": "macchiato"
            },
            {
              "name": "mocha",
              "label": "Mocha",
              "value": "mocha"
            }
          ]
        },
        "accentColor": {
          "type": "select",
          "label": "Accent",
          "name": "accentColor",
          "value": "mauve",
          "default": "red",
          "options": [
            {
              "name": "rosewater",
              "label": "Rosewater",
              "value": "rosewater"
            },
            {
              "name": "flamingo",
              "label": "Flamingo",
              "value": "flamingo"
            },
            {
              "name": "pink",
              "label": "Pink",
              "value": "pink"
            },
            {
              "name": "mauve",
              "label": "Mauve",
              "value": "mauve"
            },
            {
              "name": "red",
              "label": "Red",
              "value": "red"
            },
            {
              "name": "maroon",
              "label": "Maroon",
              "value": "maroon"
            },
            {
              "name": "peach",
              "label": "Peach",
              "value": "peach"
            },
            {
              "name": "yellow",
              "label": "Yellow",
              "value": "yellow"
            },
            {
              "name": "green",
              "label": "Green",
              "value": "green"
            },
            {
              "name": "teal",
              "label": "Teal",
              "value": "teal"
            },
            {
              "name": "blue",
              "label": "Blue",
              "value": "blue"
            },
            {
              "name": "sapphire",
              "label": "Sapphire",
              "value": "sapphire"
            },
            {
              "name": "sky",
              "label": "Sky",
              "value": "sky"
            },
            {
              "name": "lavender",
              "label": "Lavender",
              "value": "lavender"
            },
            {
              "name": "subtext0",
              "label": "Gray",
              "value": "subtext0"
            }
          ]
        }
      }
    },
    "author": "Catppuccin",
    "description": "Soothing pastel theme for Twitch",
    "name": "Twitch Catppuccin",
    "originalDigest": "760d0b1f48530bb5e302cbd2b75eda93b94738ae",
    "_id": "09e5622f-8428-43a3-a2bc-8a8df09ed8ce",
    "_rev": 1699562345993,
    "id": 8
  }
]