diff --git a/.config/BetterDiscord/plugins/ChannelTabs_new_302085663057248267.config.json b/.config/BetterDiscord/plugins/ChannelTabs_new_302085663057248267.config.json index 58dcefd4..d6956439 100644 --- a/.config/BetterDiscord/plugins/ChannelTabs_new_302085663057248267.config.json +++ b/.config/BetterDiscord/plugins/ChannelTabs_new_302085663057248267.config.json @@ -2,12 +2,12 @@ "settings": { "tabs": [ { - "name": "#general", - "url": "/channels/674984102860161025/674985827121758208", + "name": "#noticias_gd", + "url": "/channels/674984102860161025/888017395195736116", "selected": true, "currentStatus": "none", "iconUrl": "https://cdn.discordapp.com/icons/674984102860161025/a4c5c84a118b923dfe68dccd886d1d87.webp?size=40", - "channelId": "674985827121758208" + "channelId": "888017395195736116" }, { "name": "#gameplay-topics", @@ -18,20 +18,19 @@ "channelId": "1066831318618472468" }, { - "name": "#showcase", - "url": "/channels/635612648934735892/635625917623828520", + "name": "#memes", + "url": "/channels/184802320565927936/418478500274765826", "selected": false, "currentStatus": "none", - "iconUrl": "https://cdn.discordapp.com/icons/635612648934735892/a_3a2557b931496fa8f2d0134b2ced5feb.webp?size=40", - "channelId": "635625917623828520" + "iconUrl": "https://cdn.discordapp.com/icons/184802320565927936/db1c63b64338fa7acfc148f3dd9af243.webp?size=40", + "channelId": "418478500274765826" }, { - "name": "@mat0.2", - "url": "/channels/@me/681216999690469399", + "name": "Friends", + "url": "/channels/@me", "selected": false, - "currentStatus": "online", - "iconUrl": "https://cdn.discordapp.com/avatars/681216357228085263/a16b40e4095d4d978d42168466f4d1d2.webp?size=40", - "channelId": "681216999690469399" + "currentStatus": "none", + "iconUrl": "https://cdn.discordapp.com/embed/avatars/0.png" } ], "favs": [], diff --git a/.config/BetterDiscord/plugins/CollapsibleUI.config.json b/.config/BetterDiscord/plugins/CollapsibleUI.config.json index e440a232..4e0df2bd 100644 --- a/.config/BetterDiscord/plugins/CollapsibleUI.config.json +++ b/.config/BetterDiscord/plugins/CollapsibleUI.config.json @@ -33,7 +33,7 @@ "msgBarMaxHeight": "400", "windowBarHeight": "18", "collapsedDistance": "0", - "serverListButtonActive": "true", + "serverListButtonActive": "false", "channelListButtonActive": "true", "msgBarButtonActive": "true", "membersListButtonActive": "true", diff --git a/.config/VSCodium/User/globalStorage/state.vscdb b/.config/VSCodium/User/globalStorage/state.vscdb index e60cf3d2..28a2d08b 100644 Binary files a/.config/VSCodium/User/globalStorage/state.vscdb and b/.config/VSCodium/User/globalStorage/state.vscdb differ diff --git a/.config/VSCodium/User/globalStorage/state.vscdb.backup b/.config/VSCodium/User/globalStorage/state.vscdb.backup index e60cf3d2..28a2d08b 100644 Binary files a/.config/VSCodium/User/globalStorage/state.vscdb.backup and b/.config/VSCodium/User/globalStorage/state.vscdb.backup differ diff --git a/.config/VSCodium/User/globalStorage/storage.json b/.config/VSCodium/User/globalStorage/storage.json index b189b848..1ee1ad25 100644 --- a/.config/VSCodium/User/globalStorage/storage.json +++ b/.config/VSCodium/User/globalStorage/storage.json @@ -55,6 +55,17 @@ "enabled": true, "label": "~/.config" }, + { + "id": "openRecentFolder", + "uri": { + "$mid": 1, + "external": "file:///docs/Documentos/Repos/Personal/StartPageStatic", + "path": "/docs/Documentos/Repos/Personal/StartPageStatic", + "scheme": "file" + }, + "enabled": true, + "label": "/docs/Documentos/Repos/Personal/StartPageStatic" + }, { "id": "openRecentFolder", "uri": { @@ -143,17 +154,6 @@ "enabled": true, "label": "/docs/Musica" }, - { - "id": "openRecentFolder", - "uri": { - "$mid": 1, - "external": "file:///docs/Documentos/Repos", - "path": "/docs/Documentos/Repos", - "scheme": "file" - }, - "enabled": true, - "label": "/docs/Documentos/Repos" - }, { "id": "vscode.menubar.separator" }, @@ -1829,7 +1829,7 @@ "mode": 1, "x": 0, "y": 0, - "width": 2516, + "width": 1246, "height": 976 } }, @@ -1844,6 +1844,9 @@ { "folderUri": "file:///home/matt/.config/awesome" }, + { + "folderUri": "file:///docs/Documentos/Repos/Personal/StartPageStatic" + }, { "folderUri": "file:///home/matt/.config" } @@ -1915,6 +1918,7 @@ "file:///home/matt/.config/nvim": "-1645caa6", "file:///home/matt/.config/nvim.old": "__default__profile__", "file:///docs/Documentos/ObsidianStarterVault/root": "__default__profile__", + "file:///docs/Documentos/Repos/Personal/StartPageStatic": "-1645caa6", "file:///home/matt/.config": "-1645caa6" }, "emptyWindows": {} diff --git a/.config/VSCodium/User/profiles/-1645caa6/extensions.json b/.config/VSCodium/User/profiles/-1645caa6/extensions.json index e210d1de..6e40d24f 100644 --- a/.config/VSCodium/User/profiles/-1645caa6/extensions.json +++ b/.config/VSCodium/User/profiles/-1645caa6/extensions.json @@ -1 +1 @@ -[{"identifier":{"id":"visualstudioexptteam.intellicode-api-usage-examples","uuid":"9fa2a00e-3bfa-4c2a-abc4-a865bb2b5cf3"},"version":"0.2.7","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/visualstudioexptteam.intellicode-api-usage-examples-0.2.7","scheme":"file"},"relativeLocation":"visualstudioexptteam.intellicode-api-usage-examples-0.2.7","metadata":{"id":"9fa2a00e-3bfa-4c2a-abc4-a865bb2b5cf3","publisherId":"e8db1608-52e8-4d8d-92a6-779c5db302a9","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349950}},{"identifier":{"id":"visualstudioexptteam.vscodeintellicode","uuid":"876e8f93-74d0-4f4f-91b7-34a09f19f444"},"version":"1.2.30","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/visualstudioexptteam.vscodeintellicode-1.2.30","scheme":"file"},"relativeLocation":"visualstudioexptteam.vscodeintellicode-1.2.30","metadata":{"id":"876e8f93-74d0-4f4f-91b7-34a09f19f444","publisherId":"e8db1608-52e8-4d8d-92a6-779c5db302a9","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349954}},{"identifier":{"id":"visualstudioexptteam.vscodeintellicode-completions","uuid":"b8febe71-368d-482e-96f5-6f53d03e640b"},"version":"1.0.22","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/visualstudioexptteam.vscodeintellicode-completions-1.0.22","scheme":"file"},"relativeLocation":"visualstudioexptteam.vscodeintellicode-completions-1.0.22","metadata":{"id":"b8febe71-368d-482e-96f5-6f53d03e640b","publisherId":"e8db1608-52e8-4d8d-92a6-779c5db302a9","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349969}},{"identifier":{"id":"bierner.color-info","uuid":"0f8bd812-5d52-4fff-bd1c-6b0a7ee9cad9"},"version":"0.7.2","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/bierner.color-info-0.7.2","scheme":"file"},"relativeLocation":"bierner.color-info-0.7.2","metadata":{"id":"0f8bd812-5d52-4fff-bd1c-6b0a7ee9cad9","publisherId":"f164f116-e2aa-496b-84dc-2451248e8beb","publisherDisplayName":"Matt Bierner","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349787}},{"identifier":{"id":"bierner.markdown-preview-github-styles","uuid":"5cbdf58a-694a-4aba-af08-61d00842eb03"},"version":"2.0.2","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/bierner.markdown-preview-github-styles-2.0.2","scheme":"file"},"relativeLocation":"bierner.markdown-preview-github-styles-2.0.2","metadata":{"id":"5cbdf58a-694a-4aba-af08-61d00842eb03","publisherId":"f164f116-e2aa-496b-84dc-2451248e8beb","publisherDisplayName":"Matt Bierner","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349791}},{"identifier":{"id":"albert.tabout","uuid":"4ef6c2d5-de36-45a1-9015-18c1d4a3a25e"},"version":"0.2.2","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/albert.tabout-0.2.2","scheme":"file"},"relativeLocation":"albert.tabout-0.2.2","metadata":{"id":"4ef6c2d5-de36-45a1-9015-18c1d4a3a25e","publisherId":"f7f9797b-4ad7-43fc-8863-63698264f6f7","publisherDisplayName":"Albert Romkes","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349804}},{"identifier":{"id":"vscodevim.vim","uuid":"d96e79c6-8b25-4be3-8545-0e0ecefcae03"},"version":"1.25.2","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/vscodevim.vim-1.25.2","scheme":"file"},"relativeLocation":"vscodevim.vim-1.25.2","metadata":{"id":"d96e79c6-8b25-4be3-8545-0e0ecefcae03","publisherId":"5d63889b-1b67-4b1f-8350-4f1dce041a26","publisherDisplayName":"vscodevim","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349911}},{"identifier":{"id":"jrebocho.vscode-random","uuid":"a4678ccd-2309-4cdd-b6cf-94af8dd7001f"},"version":"1.11.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/jrebocho.vscode-random-1.11.0","scheme":"file"},"relativeLocation":"jrebocho.vscode-random-1.11.0","metadata":{"id":"a4678ccd-2309-4cdd-b6cf-94af8dd7001f","publisherId":"4081ae01-a71e-4225-9b06-9dd59fe64e59","publisherDisplayName":"Jorge Rebocho","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349915}},{"identifier":{"id":"nonoroazoro.syncing","uuid":"e7db78ad-ac9f-4919-99bb-3627e07b6d1f"},"version":"3.3.4","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/nonoroazoro.syncing-3.3.4","scheme":"file"},"relativeLocation":"nonoroazoro.syncing-3.3.4","metadata":{"id":"e7db78ad-ac9f-4919-99bb-3627e07b6d1f","publisherId":"f6d9d666-6595-44fa-89fc-36a0c3e0c1fa","publisherDisplayName":"nonoroazoro","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349930}},{"identifier":{"id":"emilast.logfilehighlighter","uuid":"e8b488af-fccf-4adf-b60c-fc7455bea107"},"version":"2.16.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/emilast.logfilehighlighter-2.16.0","scheme":"file"},"relativeLocation":"emilast.logfilehighlighter-2.16.0","metadata":{"id":"e8b488af-fccf-4adf-b60c-fc7455bea107","publisherId":"4534c4fe-f5e7-4c04-943b-3a6dad3e61dc","publisherDisplayName":"Emil Åström","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349905}},{"identifier":{"id":"streetsidesoftware.code-spell-checker","uuid":"f6dbd813-b0a0-42c1-90ea-10dde9d925a7"},"version":"2.20.5","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/streetsidesoftware.code-spell-checker-2.20.5","scheme":"file"},"relativeLocation":"streetsidesoftware.code-spell-checker-2.20.5","metadata":{"id":"f6dbd813-b0a0-42c1-90ea-10dde9d925a7","publisherId":"67600ca7-88fb-4104-9f7e-dd51c00facf2","publisherDisplayName":"Street Side Software","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321350017}},{"identifier":{"id":"wakatime.vscode-wakatime","uuid":"f2fd462f-f1bd-4c62-b54f-59a4e5ffc6a3"},"version":"24.2.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/wakatime.vscode-wakatime-24.2.0","scheme":"file"},"relativeLocation":"wakatime.vscode-wakatime-24.2.0","metadata":{"id":"f2fd462f-f1bd-4c62-b54f-59a4e5ffc6a3","publisherId":"27977793-9e84-451b-8977-744ce63f3d70","publisherDisplayName":"WakaTime","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349980}},{"identifier":{"id":"be5invis.vscode-custom-css","uuid":"1b160753-ae5e-42bb-82ad-d115ce5c10f4"},"version":"7.2.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/be5invis.vscode-custom-css-7.2.1","scheme":"file"},"relativeLocation":"be5invis.vscode-custom-css-7.2.1","metadata":{"id":"1b160753-ae5e-42bb-82ad-d115ce5c10f4","publisherId":"8c148d69-cbc6-480b-bd8b-a42715926324","publisherDisplayName":"be5invis","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349820}},{"identifier":{"id":"yutengjing.vscode-colorize-plus","uuid":"beb993a6-6574-4cb8-9fa7-365fc6bb7fd7"},"version":"0.12.13","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/yutengjing.vscode-colorize-plus-0.12.13","scheme":"file"},"relativeLocation":"yutengjing.vscode-colorize-plus-0.12.13","metadata":{"id":"beb993a6-6574-4cb8-9fa7-365fc6bb7fd7","publisherId":"05f2f040-a2c0-4aae-a680-d6b707520bdd","publisherDisplayName":"YuTengjing","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349984}},{"identifier":{"id":"alefragnani.project-manager","uuid":"1b747f06-3789-4ebd-ac99-f1fe430c3347"},"version":"12.7.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/alefragnani.project-manager-12.7.0","scheme":"file"},"relativeLocation":"alefragnani.project-manager-12.7.0","metadata":{"id":"1b747f06-3789-4ebd-ac99-f1fe430c3347","publisherId":"3fbdef65-bdf5-4723-aeaf-9e12a50546ef","publisherDisplayName":"Alessandro Fragnani","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349809}},{"identifier":{"id":"ms-vscode.remote-explorer","uuid":"11858313-52cc-4e57-b3e4-d7b65281e34b"},"version":"0.4.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ms-vscode.remote-explorer-0.4.1","scheme":"file"},"relativeLocation":"ms-vscode.remote-explorer-0.4.1","metadata":{"id":"11858313-52cc-4e57-b3e4-d7b65281e34b","publisherId":"5f5636e7-69ed-4afe-b5d6-8d231fb3d3ee","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349870}},{"identifier":{"id":"chrmarti.regex","uuid":"7ed7bccd-f358-4c6f-88c0-1296185abaa1"},"version":"0.4.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/chrmarti.regex-0.4.0","scheme":"file"},"relativeLocation":"chrmarti.regex-0.4.0","metadata":{"id":"7ed7bccd-f358-4c6f-88c0-1296185abaa1","publisherId":"6c6b26a3-e134-4d03-ad02-7e48f7c9f342","publisherDisplayName":"Christof Marti","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349844}},{"identifier":{"id":"catppuccin.catppuccin-vsc","uuid":"69264e4d-cd3b-468a-8f2b-e69673c7d864"},"version":"2.7.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/catppuccin.catppuccin-vsc-2.7.0","scheme":"file"},"relativeLocation":"catppuccin.catppuccin-vsc-2.7.0","metadata":{"id":"69264e4d-cd3b-468a-8f2b-e69673c7d864","publisherId":"e7d2ed61-53e0-4dd4-afbe-f536c3bb4316","publisherDisplayName":"Catppuccin","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349830}},{"identifier":{"id":"davidanson.vscode-markdownlint","uuid":"daf8b44d-8aae-4da2-80c5-1f770219f643"},"version":"0.51.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/davidanson.vscode-markdownlint-0.51.0","scheme":"file"},"relativeLocation":"davidanson.vscode-markdownlint-0.51.0","metadata":{"id":"daf8b44d-8aae-4da2-80c5-1f770219f643","publisherId":"2e4d1cda-6ef0-4e42-a352-ab540afe8ff0","publisherDisplayName":"David Anson","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349839}},{"identifier":{"id":"ms-vscode-remote.remote-ssh-edit","uuid":"bfeaf631-bcff-4908-93ed-fda4ef9a0c5c"},"version":"0.86.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ms-vscode-remote.remote-ssh-edit-0.86.0","scheme":"file"},"relativeLocation":"ms-vscode-remote.remote-ssh-edit-0.86.0","metadata":{"id":"bfeaf631-bcff-4908-93ed-fda4ef9a0c5c","publisherId":"ac9410a2-0d75-40ec-90de-b59bb705801d","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349860}},{"identifier":{"id":"codezombiech.gitignore","uuid":"3e891cf9-53cb-49a3-8d01-8f0b1f0afb29"},"version":"0.9.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/codezombiech.gitignore-0.9.0","scheme":"file"},"relativeLocation":"codezombiech.gitignore-0.9.0","metadata":{"id":"3e891cf9-53cb-49a3-8d01-8f0b1f0afb29","publisherId":"930310c4-ca8b-4e80-9d19-2b1507b2af61","publisherDisplayName":"CodeZombie","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349855}},{"identifier":{"id":"ms-vscode-remote.remote-ssh","uuid":"607fd052-be03-4363-b657-2bd62b83d28a"},"version":"0.102.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ms-vscode-remote.remote-ssh-0.102.0","scheme":"file"},"relativeLocation":"ms-vscode-remote.remote-ssh-0.102.0","metadata":{"id":"607fd052-be03-4363-b657-2bd62b83d28a","publisherId":"ac9410a2-0d75-40ec-90de-b59bb705801d","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349850}},{"identifier":{"id":"ibm.output-colorizer","uuid":"113b22c8-8125-42ec-8c6b-80c3f5d5fa5f"},"version":"0.1.2","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ibm.output-colorizer-0.1.2","scheme":"file"},"relativeLocation":"ibm.output-colorizer-0.1.2","metadata":{"id":"113b22c8-8125-42ec-8c6b-80c3f5d5fa5f","publisherId":"8f186bac-3651-4797-9216-ba30633f600b","publisherDisplayName":"IBM","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349866}},{"identifier":{"id":"mhutchie.git-graph","uuid":"438221f8-1107-4ccd-a6fe-f3b7fe0856b7"},"version":"1.30.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/mhutchie.git-graph-1.30.0","scheme":"file"},"relativeLocation":"mhutchie.git-graph-1.30.0","metadata":{"id":"438221f8-1107-4ccd-a6fe-f3b7fe0856b7","publisherId":"996496dc-099f-469d-b89c-0d7713179365","publisherDisplayName":"mhutchie","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349880}},{"identifier":{"id":"kisstkondoros.vscode-gutter-preview","uuid":"eedfd044-d5ac-4389-973d-3ac1fdb98ad5"},"version":"0.30.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/kisstkondoros.vscode-gutter-preview-0.30.0","scheme":"file"},"relativeLocation":"kisstkondoros.vscode-gutter-preview-0.30.0","metadata":{"id":"eedfd044-d5ac-4389-973d-3ac1fdb98ad5","publisherId":"87e3e2a4-ac17-425a-a4b6-698bc44254fe","publisherDisplayName":"Kiss Tamás","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349890}},{"identifier":{"id":"mechatroner.rainbow-csv","uuid":"3792588c-3d35-442d-91ea-fe6a755e8155"},"version":"3.7.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/mechatroner.rainbow-csv-3.7.0","scheme":"file"},"relativeLocation":"mechatroner.rainbow-csv-3.7.0","metadata":{"id":"3792588c-3d35-442d-91ea-fe6a755e8155","publisherId":"0d5438b6-325a-4f88-aa28-6192aa2cf2a6","publisherDisplayName":"mechatroner","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349886}},{"identifier":{"id":"pkief.material-product-icons","uuid":"f797dacd-4e80-4f33-8b63-d665c0956013"},"version":"1.5.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/pkief.material-product-icons-1.5.0","scheme":"file"},"relativeLocation":"pkief.material-product-icons-1.5.0","metadata":{"id":"f797dacd-4e80-4f33-8b63-d665c0956013","publisherId":"f9e5bc2f-fea1-4075-917f-d83e01e69f56","publisherDisplayName":"Philipp Kief","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349921}},{"identifier":{"id":"xuangeaha.just-enough-git","uuid":"2928fca8-125f-40c0-8b28-336febf471d9"},"version":"2023.4.5","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/xuangeaha.just-enough-git-2023.4.5","scheme":"file"},"relativeLocation":"xuangeaha.just-enough-git-2023.4.5","metadata":{"id":"2928fca8-125f-40c0-8b28-336febf471d9","publisherId":"658fea95-cfc2-48f9-a1ba-240a82577028","publisherDisplayName":"XuangeAha","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349925}},{"identifier":{"id":"philsinatra.nested-comments","uuid":"03b96169-4c19-4c9e-ada8-d5d208ebe80e"},"version":"4.0.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/philsinatra.nested-comments-4.0.1","scheme":"file"},"relativeLocation":"philsinatra.nested-comments-4.0.1","metadata":{"id":"03b96169-4c19-4c9e-ada8-d5d208ebe80e","publisherId":"ee1ae119-5f58-4c1e-9274-290a7ad1d55f","publisherDisplayName":"Phil Sinatra","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349936}},{"identifier":{"id":"rafamel.subtle-brackets","uuid":"d477f472-4e0f-4b5c-bb35-b7c157fa4eb8"},"version":"3.0.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/rafamel.subtle-brackets-3.0.0","scheme":"file"},"relativeLocation":"rafamel.subtle-brackets-3.0.0","metadata":{"id":"d477f472-4e0f-4b5c-bb35-b7c157fa4eb8","publisherId":"7658adf6-ca84-42d4-8958-da3f6861451a","publisherDisplayName":"Rafa Mel","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349945}},{"identifier":{"id":"pucelle.vscode-css-navigation","uuid":"f97a6398-d553-44cf-9ebf-54e8dbf8d3fb"},"version":"1.13.3","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/pucelle.vscode-css-navigation-1.13.3","scheme":"file"},"relativeLocation":"pucelle.vscode-css-navigation-1.13.3","metadata":{"id":"f97a6398-d553-44cf-9ebf-54e8dbf8d3fb","publisherId":"7650fded-a9d9-4383-a346-4136ebe47608","publisherDisplayName":"pucelle","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349974}},{"identifier":{"id":"yzhang.markdown-all-in-one","uuid":"98790d67-10fa-497c-9113-f6c7489207b2"},"version":"3.5.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/yzhang.markdown-all-in-one-3.5.1","scheme":"file"},"relativeLocation":"yzhang.markdown-all-in-one-3.5.1","metadata":{"id":"98790d67-10fa-497c-9113-f6c7489207b2","publisherId":"36c8b41c-6ef6-4bf5-a5b7-65bef29b606f","publisherDisplayName":"Yu Zhang","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349995}},{"identifier":{"id":"exodiusstudios.comment-anchors","uuid":"5cf10212-681f-48c7-b66f-bcce5dc44a64"},"version":"1.10.3","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/exodiusstudios.comment-anchors-1.10.3","scheme":"file"},"relativeLocation":"exodiusstudios.comment-anchors-1.10.3","metadata":{"id":"5cf10212-681f-48c7-b66f-bcce5dc44a64","publisherId":"9069d21e-e9c6-4063-8f3a-026d317bb8f4","publisherDisplayName":"Starlane Studios","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321350006}},{"identifier":{"id":"alefragnani.bookmarks","uuid":"b689fcc8-d494-4dbf-a228-2c694a578afc"},"version":"13.4.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/alefragnani.bookmarks-13.4.1","scheme":"file"},"relativeLocation":"alefragnani.bookmarks-13.4.1","metadata":{"id":"b689fcc8-d494-4dbf-a228-2c694a578afc","publisherId":"3fbdef65-bdf5-4723-aeaf-9e12a50546ef","publisherDisplayName":"Alessandro Fragnani","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349815}},{"identifier":{"id":"yandeu.five-server","uuid":"a18a6705-5a6a-4e14-a4a7-3efa6b7647d5"},"version":"0.2.3","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/yandeu.five-server-0.2.3","scheme":"file"},"relativeLocation":"yandeu.five-server-0.2.3","metadata":{"id":"a18a6705-5a6a-4e14-a4a7-3efa6b7647d5","publisherId":"a342b7ab-2d58-4313-9c2d-f506bb2aa10c","publisherDisplayName":"Yannick","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349991}},{"identifier":{"id":"eugenejeon.codesnap-plus-fix","uuid":"b6406d8e-9c12-4078-8150-ca498169cf08"},"version":"1.0.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/eugenejeon.codesnap-plus-fix-1.0.1","scheme":"file"},"relativeLocation":"eugenejeon.codesnap-plus-fix-1.0.1","metadata":{"id":"b6406d8e-9c12-4078-8150-ca498169cf08","publisherId":"b5f3798b-9da6-48b5-b246-c158aad3debc","publisherDisplayName":"Eugene Jeon","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349876}},{"identifier":{"id":"aic.docify","uuid":"aa33eae5-0c47-4b2a-a1e3-b95553fea360"},"version":"1.3.4","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/aic.docify-1.3.4","scheme":"file"},"relativeLocation":"aic.docify-1.3.4","metadata":{"id":"aa33eae5-0c47-4b2a-a1e3-b95553fea360","publisherId":"0832ad01-00f9-475b-adc0-143baef69236","publisherDisplayName":"AIC","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349798}},{"identifier":{"id":"redhat.vscode-xml","uuid":"6703768d-d42f-474e-9f6e-5f288d53f6e8"},"version":"0.26.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/redhat.vscode-xml-0.26.1-linux-x64","scheme":"file"},"relativeLocation":"redhat.vscode-xml-0.26.1-linux-x64","metadata":{"id":"6703768d-d42f-474e-9f6e-5f288d53f6e8","publisherId":"eed56242-9699-4317-8bc7-e9f4b9bdd3ff","publisherDisplayName":"Red Hat","targetPlatform":"linux-x64","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349895}},{"identifier":{"id":"ms-vscode.test-adapter-converter","uuid":"47210ec2-0324-4cbb-9523-9dff02a5f9ec"},"version":"0.1.8","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ms-vscode.test-adapter-converter-0.1.8","scheme":"file"},"relativeLocation":"ms-vscode.test-adapter-converter-0.1.8","metadata":{"id":"47210ec2-0324-4cbb-9523-9dff02a5f9ec","publisherId":"5f5636e7-69ed-4afe-b5d6-8d231fb3d3ee","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321370558,"preRelease":false}},{"identifier":{"id":"hbenl.vscode-test-explorer","uuid":"ff96f1b4-a4b8-45ef-8ecf-c232c0cb75c8"},"version":"2.21.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/hbenl.vscode-test-explorer-2.21.1","scheme":"file"},"relativeLocation":"hbenl.vscode-test-explorer-2.21.1","metadata":{"id":"ff96f1b4-a4b8-45ef-8ecf-c232c0cb75c8","publisherId":"3356f11a-6798-4f03-a93f-3d929b7fca7c","publisherDisplayName":"Holger Benl","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321370606,"preRelease":false}},{"identifier":{"id":"actboy168.lua-debug","uuid":"e5c7d4c8-9eac-4eb8-95fa-ba6865456277"},"version":"1.61.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/actboy168.lua-debug-1.61.0-linux-x64","scheme":"file"},"relativeLocation":"actboy168.lua-debug-1.61.0-linux-x64","metadata":{"id":"e5c7d4c8-9eac-4eb8-95fa-ba6865456277","publisherId":"77f6b700-85ff-429b-aa2d-8b82afbcf8db","publisherDisplayName":"actboy168","targetPlatform":"linux-x64","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321389644,"preRelease":false}},{"identifier":{"id":"lej.vscode-lua-test-adapter","uuid":"88b31f11-b18d-44f3-98de-993395fa1c34"},"version":"1.0.6","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/lej.vscode-lua-test-adapter-1.0.6","scheme":"file"},"relativeLocation":"lej.vscode-lua-test-adapter-1.0.6","metadata":{"id":"88b31f11-b18d-44f3-98de-993395fa1c34","publisherId":"bb5c77de-69f3-45cb-bfdd-d4758967fa8e","publisherDisplayName":"Linus Sunde","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321390581,"preRelease":false}},{"identifier":{"id":"pkief.material-icon-theme","uuid":"5db78037-f674-459f-a236-db622c427c5b"},"version":"4.29.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/pkief.material-icon-theme-4.29.0","scheme":"file"},"relativeLocation":"pkief.material-icon-theme-4.29.0","metadata":{"id":"5db78037-f674-459f-a236-db622c427c5b","publisherId":"f9e5bc2f-fea1-4075-917f-d83e01e69f56","publisherDisplayName":"Philipp Kief","targetPlatform":"undefined","isApplicationScoped":false,"isMachineScoped":false,"isBuiltin":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1689595150640,"preRelease":false}},{"identifier":{"id":"ms-azuretools.vscode-docker","uuid":"0479fc1c-3d67-49f9-b087-fb9069afe48f"},"version":"1.26.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ms-azuretools.vscode-docker-1.26.0","scheme":"file"},"relativeLocation":"ms-azuretools.vscode-docker-1.26.0","metadata":{"id":"0479fc1c-3d67-49f9-b087-fb9069afe48f","publisherId":"52b787f2-79a9-4f32-99b4-393afe3005d3","publisherDisplayName":"Microsoft","targetPlatform":"undefined","isApplicationScoped":false,"isMachineScoped":false,"isBuiltin":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1689609657974,"preRelease":false}},{"identifier":{"id":"redhat.vscode-yaml","uuid":"2061917f-f76a-458a-8da9-f162de22b97e"},"version":"1.14.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/redhat.vscode-yaml-1.14.0","scheme":"file"},"relativeLocation":"redhat.vscode-yaml-1.14.0","metadata":{"id":"2061917f-f76a-458a-8da9-f162de22b97e","publisherId":"eed56242-9699-4317-8bc7-e9f4b9bdd3ff","publisherDisplayName":"Red Hat","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1689790138402,"preRelease":false}},{"identifier":{"id":"streetsidesoftware.code-spell-checker-spanish","uuid":"8d6dcf6f-1957-4dd5-809e-addb07d8c1fb"},"version":"2.2.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/streetsidesoftware.code-spell-checker-spanish-2.2.0","scheme":"file"},"relativeLocation":"streetsidesoftware.code-spell-checker-spanish-2.2.0","metadata":{"id":"8d6dcf6f-1957-4dd5-809e-addb07d8c1fb","publisherId":"67600ca7-88fb-4104-9f7e-dd51c00facf2","publisherDisplayName":"Street Side Software","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1689863361339,"preRelease":false}},{"identifier":{"id":"leonardssh.vscord","uuid":"20675c06-f272-4cc8-8611-83ebb5583c5a"},"version":"5.1.15","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/leonardssh.vscord-5.1.15","scheme":"file"},"relativeLocation":"leonardssh.vscord-5.1.15","metadata":{"id":"20675c06-f272-4cc8-8611-83ebb5583c5a","publisherId":"2c34273e-24b8-499a-b859-8e27e48decc5","publisherDisplayName":"leonardssh","targetPlatform":"undefined","isApplicationScoped":false,"isMachineScoped":false,"isBuiltin":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1690646905079,"preRelease":false}},{"identifier":{"id":"sumneko.lua","uuid":"3a15b5a7-be12-47e3-8445-88ee3eabc8b2"},"version":"3.6.26","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/sumneko.lua-3.6.26-linux-x64","scheme":"file"},"relativeLocation":"sumneko.lua-3.6.26-linux-x64","metadata":{"id":"3a15b5a7-be12-47e3-8445-88ee3eabc8b2","publisherId":"fb626675-24cf-4881-8c13-b465f29bec2f","publisherDisplayName":"sumneko","targetPlatform":"linux-x64","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1690646905139,"preRelease":false}},{"identifier":{"id":"yinfei.luahelper","uuid":"d3707c86-e17d-4f81-ae03-bbfae896128b"},"version":"0.2.24","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/yinfei.luahelper-0.2.24","scheme":"file"},"relativeLocation":"yinfei.luahelper-0.2.24","metadata":{"id":"d3707c86-e17d-4f81-ae03-bbfae896128b","publisherId":"96e46664-7420-4d07-b29f-fc6074815ac5","publisherDisplayName":"Tencent","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1691148283759,"preRelease":false}},{"identifier":{"id":"eamodio.gitlens","uuid":"4de763bd-505d-4978-9575-2b7696ecf94e"},"version":"14.2.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/eamodio.gitlens-14.2.0","scheme":"file"},"relativeLocation":"eamodio.gitlens-14.2.0","metadata":{"id":"4de763bd-505d-4978-9575-2b7696ecf94e","publisherId":"678d198b-9b2e-49d3-96ff-6d801c9575df","publisherDisplayName":"GitKraken","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1691225964647,"preRelease":false}},{"identifier":{"id":"usernamehw.errorlens","uuid":"9d8c32ab-354c-4daf-a9bf-20b633734435"},"version":"3.13.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/usernamehw.errorlens-3.13.0","scheme":"file"},"relativeLocation":"usernamehw.errorlens-3.13.0","metadata":{"id":"9d8c32ab-354c-4daf-a9bf-20b633734435","publisherId":"151820df-5dc5-4c97-8751-eb84643203fa","publisherDisplayName":"Alexander","targetPlatform":"undefined","isApplicationScoped":false,"isMachineScoped":false,"isBuiltin":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1691487632248,"preRelease":false}},{"identifier":{"id":"brandonkirbyson.vscode-animations","uuid":"7d7c0d21-6653-4c11-9310-75b7180bbf81"},"version":"1.0.14","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/brandonkirbyson.vscode-animations-1.0.14","scheme":"file"},"relativeLocation":"brandonkirbyson.vscode-animations-1.0.14","metadata":{"id":"7d7c0d21-6653-4c11-9310-75b7180bbf81","publisherId":"55df104d-985f-438b-b4c6-3a5c30f35183","publisherDisplayName":"Brandon Kirbyson","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1691582308358,"preRelease":false}},{"identifier":{"id":"codeium.codeium","uuid":"acab4f40-b6db-42ec-bcd1-01802cbdd988"},"version":"1.2.63","location":{"$mid":1,"fsPath":"/home/matt/.vscode-oss/extensions/codeium.codeium-1.2.63","path":"/home/matt/.vscode-oss/extensions/codeium.codeium-1.2.63","scheme":"file"},"relativeLocation":"codeium.codeium-1.2.63","metadata":{"id":"acab4f40-b6db-42ec-bcd1-01802cbdd988","publisherId":"082b0525-4adf-4bcc-b60f-afa86c60860d","publisherDisplayName":"Codeium","targetPlatform":"undefined","isApplicationScoped":false,"isMachineScoped":false,"isBuiltin":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1691668292745,"preRelease":false}}] \ No newline at end of file +[{"identifier":{"id":"visualstudioexptteam.intellicode-api-usage-examples","uuid":"9fa2a00e-3bfa-4c2a-abc4-a865bb2b5cf3"},"version":"0.2.7","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/visualstudioexptteam.intellicode-api-usage-examples-0.2.7","scheme":"file"},"relativeLocation":"visualstudioexptteam.intellicode-api-usage-examples-0.2.7","metadata":{"id":"9fa2a00e-3bfa-4c2a-abc4-a865bb2b5cf3","publisherId":"e8db1608-52e8-4d8d-92a6-779c5db302a9","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349950}},{"identifier":{"id":"visualstudioexptteam.vscodeintellicode","uuid":"876e8f93-74d0-4f4f-91b7-34a09f19f444"},"version":"1.2.30","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/visualstudioexptteam.vscodeintellicode-1.2.30","scheme":"file"},"relativeLocation":"visualstudioexptteam.vscodeintellicode-1.2.30","metadata":{"id":"876e8f93-74d0-4f4f-91b7-34a09f19f444","publisherId":"e8db1608-52e8-4d8d-92a6-779c5db302a9","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349954}},{"identifier":{"id":"visualstudioexptteam.vscodeintellicode-completions","uuid":"b8febe71-368d-482e-96f5-6f53d03e640b"},"version":"1.0.22","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/visualstudioexptteam.vscodeintellicode-completions-1.0.22","scheme":"file"},"relativeLocation":"visualstudioexptteam.vscodeintellicode-completions-1.0.22","metadata":{"id":"b8febe71-368d-482e-96f5-6f53d03e640b","publisherId":"e8db1608-52e8-4d8d-92a6-779c5db302a9","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349969}},{"identifier":{"id":"bierner.color-info","uuid":"0f8bd812-5d52-4fff-bd1c-6b0a7ee9cad9"},"version":"0.7.2","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/bierner.color-info-0.7.2","scheme":"file"},"relativeLocation":"bierner.color-info-0.7.2","metadata":{"id":"0f8bd812-5d52-4fff-bd1c-6b0a7ee9cad9","publisherId":"f164f116-e2aa-496b-84dc-2451248e8beb","publisherDisplayName":"Matt Bierner","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349787}},{"identifier":{"id":"bierner.markdown-preview-github-styles","uuid":"5cbdf58a-694a-4aba-af08-61d00842eb03"},"version":"2.0.2","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/bierner.markdown-preview-github-styles-2.0.2","scheme":"file"},"relativeLocation":"bierner.markdown-preview-github-styles-2.0.2","metadata":{"id":"5cbdf58a-694a-4aba-af08-61d00842eb03","publisherId":"f164f116-e2aa-496b-84dc-2451248e8beb","publisherDisplayName":"Matt Bierner","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349791}},{"identifier":{"id":"albert.tabout","uuid":"4ef6c2d5-de36-45a1-9015-18c1d4a3a25e"},"version":"0.2.2","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/albert.tabout-0.2.2","scheme":"file"},"relativeLocation":"albert.tabout-0.2.2","metadata":{"id":"4ef6c2d5-de36-45a1-9015-18c1d4a3a25e","publisherId":"f7f9797b-4ad7-43fc-8863-63698264f6f7","publisherDisplayName":"Albert Romkes","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349804}},{"identifier":{"id":"vscodevim.vim","uuid":"d96e79c6-8b25-4be3-8545-0e0ecefcae03"},"version":"1.25.2","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/vscodevim.vim-1.25.2","scheme":"file"},"relativeLocation":"vscodevim.vim-1.25.2","metadata":{"id":"d96e79c6-8b25-4be3-8545-0e0ecefcae03","publisherId":"5d63889b-1b67-4b1f-8350-4f1dce041a26","publisherDisplayName":"vscodevim","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349911}},{"identifier":{"id":"jrebocho.vscode-random","uuid":"a4678ccd-2309-4cdd-b6cf-94af8dd7001f"},"version":"1.11.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/jrebocho.vscode-random-1.11.0","scheme":"file"},"relativeLocation":"jrebocho.vscode-random-1.11.0","metadata":{"id":"a4678ccd-2309-4cdd-b6cf-94af8dd7001f","publisherId":"4081ae01-a71e-4225-9b06-9dd59fe64e59","publisherDisplayName":"Jorge Rebocho","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349915}},{"identifier":{"id":"nonoroazoro.syncing","uuid":"e7db78ad-ac9f-4919-99bb-3627e07b6d1f"},"version":"3.3.4","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/nonoroazoro.syncing-3.3.4","scheme":"file"},"relativeLocation":"nonoroazoro.syncing-3.3.4","metadata":{"id":"e7db78ad-ac9f-4919-99bb-3627e07b6d1f","publisherId":"f6d9d666-6595-44fa-89fc-36a0c3e0c1fa","publisherDisplayName":"nonoroazoro","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349930}},{"identifier":{"id":"emilast.logfilehighlighter","uuid":"e8b488af-fccf-4adf-b60c-fc7455bea107"},"version":"2.16.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/emilast.logfilehighlighter-2.16.0","scheme":"file"},"relativeLocation":"emilast.logfilehighlighter-2.16.0","metadata":{"id":"e8b488af-fccf-4adf-b60c-fc7455bea107","publisherId":"4534c4fe-f5e7-4c04-943b-3a6dad3e61dc","publisherDisplayName":"Emil Åström","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349905}},{"identifier":{"id":"streetsidesoftware.code-spell-checker","uuid":"f6dbd813-b0a0-42c1-90ea-10dde9d925a7"},"version":"2.20.5","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/streetsidesoftware.code-spell-checker-2.20.5","scheme":"file"},"relativeLocation":"streetsidesoftware.code-spell-checker-2.20.5","metadata":{"id":"f6dbd813-b0a0-42c1-90ea-10dde9d925a7","publisherId":"67600ca7-88fb-4104-9f7e-dd51c00facf2","publisherDisplayName":"Street Side Software","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321350017}},{"identifier":{"id":"wakatime.vscode-wakatime","uuid":"f2fd462f-f1bd-4c62-b54f-59a4e5ffc6a3"},"version":"24.2.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/wakatime.vscode-wakatime-24.2.0","scheme":"file"},"relativeLocation":"wakatime.vscode-wakatime-24.2.0","metadata":{"id":"f2fd462f-f1bd-4c62-b54f-59a4e5ffc6a3","publisherId":"27977793-9e84-451b-8977-744ce63f3d70","publisherDisplayName":"WakaTime","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349980}},{"identifier":{"id":"be5invis.vscode-custom-css","uuid":"1b160753-ae5e-42bb-82ad-d115ce5c10f4"},"version":"7.2.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/be5invis.vscode-custom-css-7.2.1","scheme":"file"},"relativeLocation":"be5invis.vscode-custom-css-7.2.1","metadata":{"id":"1b160753-ae5e-42bb-82ad-d115ce5c10f4","publisherId":"8c148d69-cbc6-480b-bd8b-a42715926324","publisherDisplayName":"be5invis","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349820}},{"identifier":{"id":"yutengjing.vscode-colorize-plus","uuid":"beb993a6-6574-4cb8-9fa7-365fc6bb7fd7"},"version":"0.12.13","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/yutengjing.vscode-colorize-plus-0.12.13","scheme":"file"},"relativeLocation":"yutengjing.vscode-colorize-plus-0.12.13","metadata":{"id":"beb993a6-6574-4cb8-9fa7-365fc6bb7fd7","publisherId":"05f2f040-a2c0-4aae-a680-d6b707520bdd","publisherDisplayName":"YuTengjing","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349984}},{"identifier":{"id":"alefragnani.project-manager","uuid":"1b747f06-3789-4ebd-ac99-f1fe430c3347"},"version":"12.7.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/alefragnani.project-manager-12.7.0","scheme":"file"},"relativeLocation":"alefragnani.project-manager-12.7.0","metadata":{"id":"1b747f06-3789-4ebd-ac99-f1fe430c3347","publisherId":"3fbdef65-bdf5-4723-aeaf-9e12a50546ef","publisherDisplayName":"Alessandro Fragnani","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349809}},{"identifier":{"id":"ms-vscode.remote-explorer","uuid":"11858313-52cc-4e57-b3e4-d7b65281e34b"},"version":"0.4.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ms-vscode.remote-explorer-0.4.1","scheme":"file"},"relativeLocation":"ms-vscode.remote-explorer-0.4.1","metadata":{"id":"11858313-52cc-4e57-b3e4-d7b65281e34b","publisherId":"5f5636e7-69ed-4afe-b5d6-8d231fb3d3ee","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349870}},{"identifier":{"id":"chrmarti.regex","uuid":"7ed7bccd-f358-4c6f-88c0-1296185abaa1"},"version":"0.4.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/chrmarti.regex-0.4.0","scheme":"file"},"relativeLocation":"chrmarti.regex-0.4.0","metadata":{"id":"7ed7bccd-f358-4c6f-88c0-1296185abaa1","publisherId":"6c6b26a3-e134-4d03-ad02-7e48f7c9f342","publisherDisplayName":"Christof Marti","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349844}},{"identifier":{"id":"catppuccin.catppuccin-vsc","uuid":"69264e4d-cd3b-468a-8f2b-e69673c7d864"},"version":"2.7.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/catppuccin.catppuccin-vsc-2.7.0","scheme":"file"},"relativeLocation":"catppuccin.catppuccin-vsc-2.7.0","metadata":{"id":"69264e4d-cd3b-468a-8f2b-e69673c7d864","publisherId":"e7d2ed61-53e0-4dd4-afbe-f536c3bb4316","publisherDisplayName":"Catppuccin","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349830}},{"identifier":{"id":"davidanson.vscode-markdownlint","uuid":"daf8b44d-8aae-4da2-80c5-1f770219f643"},"version":"0.51.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/davidanson.vscode-markdownlint-0.51.0","scheme":"file"},"relativeLocation":"davidanson.vscode-markdownlint-0.51.0","metadata":{"id":"daf8b44d-8aae-4da2-80c5-1f770219f643","publisherId":"2e4d1cda-6ef0-4e42-a352-ab540afe8ff0","publisherDisplayName":"David Anson","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349839}},{"identifier":{"id":"ms-vscode-remote.remote-ssh-edit","uuid":"bfeaf631-bcff-4908-93ed-fda4ef9a0c5c"},"version":"0.86.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ms-vscode-remote.remote-ssh-edit-0.86.0","scheme":"file"},"relativeLocation":"ms-vscode-remote.remote-ssh-edit-0.86.0","metadata":{"id":"bfeaf631-bcff-4908-93ed-fda4ef9a0c5c","publisherId":"ac9410a2-0d75-40ec-90de-b59bb705801d","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349860}},{"identifier":{"id":"codezombiech.gitignore","uuid":"3e891cf9-53cb-49a3-8d01-8f0b1f0afb29"},"version":"0.9.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/codezombiech.gitignore-0.9.0","scheme":"file"},"relativeLocation":"codezombiech.gitignore-0.9.0","metadata":{"id":"3e891cf9-53cb-49a3-8d01-8f0b1f0afb29","publisherId":"930310c4-ca8b-4e80-9d19-2b1507b2af61","publisherDisplayName":"CodeZombie","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349855}},{"identifier":{"id":"ms-vscode-remote.remote-ssh","uuid":"607fd052-be03-4363-b657-2bd62b83d28a"},"version":"0.102.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ms-vscode-remote.remote-ssh-0.102.0","scheme":"file"},"relativeLocation":"ms-vscode-remote.remote-ssh-0.102.0","metadata":{"id":"607fd052-be03-4363-b657-2bd62b83d28a","publisherId":"ac9410a2-0d75-40ec-90de-b59bb705801d","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349850}},{"identifier":{"id":"ibm.output-colorizer","uuid":"113b22c8-8125-42ec-8c6b-80c3f5d5fa5f"},"version":"0.1.2","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ibm.output-colorizer-0.1.2","scheme":"file"},"relativeLocation":"ibm.output-colorizer-0.1.2","metadata":{"id":"113b22c8-8125-42ec-8c6b-80c3f5d5fa5f","publisherId":"8f186bac-3651-4797-9216-ba30633f600b","publisherDisplayName":"IBM","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349866}},{"identifier":{"id":"mhutchie.git-graph","uuid":"438221f8-1107-4ccd-a6fe-f3b7fe0856b7"},"version":"1.30.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/mhutchie.git-graph-1.30.0","scheme":"file"},"relativeLocation":"mhutchie.git-graph-1.30.0","metadata":{"id":"438221f8-1107-4ccd-a6fe-f3b7fe0856b7","publisherId":"996496dc-099f-469d-b89c-0d7713179365","publisherDisplayName":"mhutchie","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349880}},{"identifier":{"id":"kisstkondoros.vscode-gutter-preview","uuid":"eedfd044-d5ac-4389-973d-3ac1fdb98ad5"},"version":"0.30.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/kisstkondoros.vscode-gutter-preview-0.30.0","scheme":"file"},"relativeLocation":"kisstkondoros.vscode-gutter-preview-0.30.0","metadata":{"id":"eedfd044-d5ac-4389-973d-3ac1fdb98ad5","publisherId":"87e3e2a4-ac17-425a-a4b6-698bc44254fe","publisherDisplayName":"Kiss Tamás","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349890}},{"identifier":{"id":"mechatroner.rainbow-csv","uuid":"3792588c-3d35-442d-91ea-fe6a755e8155"},"version":"3.7.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/mechatroner.rainbow-csv-3.7.0","scheme":"file"},"relativeLocation":"mechatroner.rainbow-csv-3.7.0","metadata":{"id":"3792588c-3d35-442d-91ea-fe6a755e8155","publisherId":"0d5438b6-325a-4f88-aa28-6192aa2cf2a6","publisherDisplayName":"mechatroner","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349886}},{"identifier":{"id":"pkief.material-product-icons","uuid":"f797dacd-4e80-4f33-8b63-d665c0956013"},"version":"1.5.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/pkief.material-product-icons-1.5.0","scheme":"file"},"relativeLocation":"pkief.material-product-icons-1.5.0","metadata":{"id":"f797dacd-4e80-4f33-8b63-d665c0956013","publisherId":"f9e5bc2f-fea1-4075-917f-d83e01e69f56","publisherDisplayName":"Philipp Kief","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349921}},{"identifier":{"id":"xuangeaha.just-enough-git","uuid":"2928fca8-125f-40c0-8b28-336febf471d9"},"version":"2023.4.5","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/xuangeaha.just-enough-git-2023.4.5","scheme":"file"},"relativeLocation":"xuangeaha.just-enough-git-2023.4.5","metadata":{"id":"2928fca8-125f-40c0-8b28-336febf471d9","publisherId":"658fea95-cfc2-48f9-a1ba-240a82577028","publisherDisplayName":"XuangeAha","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349925}},{"identifier":{"id":"philsinatra.nested-comments","uuid":"03b96169-4c19-4c9e-ada8-d5d208ebe80e"},"version":"4.0.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/philsinatra.nested-comments-4.0.1","scheme":"file"},"relativeLocation":"philsinatra.nested-comments-4.0.1","metadata":{"id":"03b96169-4c19-4c9e-ada8-d5d208ebe80e","publisherId":"ee1ae119-5f58-4c1e-9274-290a7ad1d55f","publisherDisplayName":"Phil Sinatra","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349936}},{"identifier":{"id":"rafamel.subtle-brackets","uuid":"d477f472-4e0f-4b5c-bb35-b7c157fa4eb8"},"version":"3.0.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/rafamel.subtle-brackets-3.0.0","scheme":"file"},"relativeLocation":"rafamel.subtle-brackets-3.0.0","metadata":{"id":"d477f472-4e0f-4b5c-bb35-b7c157fa4eb8","publisherId":"7658adf6-ca84-42d4-8958-da3f6861451a","publisherDisplayName":"Rafa Mel","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349945}},{"identifier":{"id":"pucelle.vscode-css-navigation","uuid":"f97a6398-d553-44cf-9ebf-54e8dbf8d3fb"},"version":"1.13.3","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/pucelle.vscode-css-navigation-1.13.3","scheme":"file"},"relativeLocation":"pucelle.vscode-css-navigation-1.13.3","metadata":{"id":"f97a6398-d553-44cf-9ebf-54e8dbf8d3fb","publisherId":"7650fded-a9d9-4383-a346-4136ebe47608","publisherDisplayName":"pucelle","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349974}},{"identifier":{"id":"yzhang.markdown-all-in-one","uuid":"98790d67-10fa-497c-9113-f6c7489207b2"},"version":"3.5.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/yzhang.markdown-all-in-one-3.5.1","scheme":"file"},"relativeLocation":"yzhang.markdown-all-in-one-3.5.1","metadata":{"id":"98790d67-10fa-497c-9113-f6c7489207b2","publisherId":"36c8b41c-6ef6-4bf5-a5b7-65bef29b606f","publisherDisplayName":"Yu Zhang","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349995}},{"identifier":{"id":"exodiusstudios.comment-anchors","uuid":"5cf10212-681f-48c7-b66f-bcce5dc44a64"},"version":"1.10.3","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/exodiusstudios.comment-anchors-1.10.3","scheme":"file"},"relativeLocation":"exodiusstudios.comment-anchors-1.10.3","metadata":{"id":"5cf10212-681f-48c7-b66f-bcce5dc44a64","publisherId":"9069d21e-e9c6-4063-8f3a-026d317bb8f4","publisherDisplayName":"Starlane Studios","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321350006}},{"identifier":{"id":"alefragnani.bookmarks","uuid":"b689fcc8-d494-4dbf-a228-2c694a578afc"},"version":"13.4.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/alefragnani.bookmarks-13.4.1","scheme":"file"},"relativeLocation":"alefragnani.bookmarks-13.4.1","metadata":{"id":"b689fcc8-d494-4dbf-a228-2c694a578afc","publisherId":"3fbdef65-bdf5-4723-aeaf-9e12a50546ef","publisherDisplayName":"Alessandro Fragnani","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349815}},{"identifier":{"id":"yandeu.five-server","uuid":"a18a6705-5a6a-4e14-a4a7-3efa6b7647d5"},"version":"0.2.3","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/yandeu.five-server-0.2.3","scheme":"file"},"relativeLocation":"yandeu.five-server-0.2.3","metadata":{"id":"a18a6705-5a6a-4e14-a4a7-3efa6b7647d5","publisherId":"a342b7ab-2d58-4313-9c2d-f506bb2aa10c","publisherDisplayName":"Yannick","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349991}},{"identifier":{"id":"eugenejeon.codesnap-plus-fix","uuid":"b6406d8e-9c12-4078-8150-ca498169cf08"},"version":"1.0.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/eugenejeon.codesnap-plus-fix-1.0.1","scheme":"file"},"relativeLocation":"eugenejeon.codesnap-plus-fix-1.0.1","metadata":{"id":"b6406d8e-9c12-4078-8150-ca498169cf08","publisherId":"b5f3798b-9da6-48b5-b246-c158aad3debc","publisherDisplayName":"Eugene Jeon","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349876}},{"identifier":{"id":"aic.docify","uuid":"aa33eae5-0c47-4b2a-a1e3-b95553fea360"},"version":"1.3.4","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/aic.docify-1.3.4","scheme":"file"},"relativeLocation":"aic.docify-1.3.4","metadata":{"id":"aa33eae5-0c47-4b2a-a1e3-b95553fea360","publisherId":"0832ad01-00f9-475b-adc0-143baef69236","publisherDisplayName":"AIC","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349798}},{"identifier":{"id":"redhat.vscode-xml","uuid":"6703768d-d42f-474e-9f6e-5f288d53f6e8"},"version":"0.26.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/redhat.vscode-xml-0.26.1-linux-x64","scheme":"file"},"relativeLocation":"redhat.vscode-xml-0.26.1-linux-x64","metadata":{"id":"6703768d-d42f-474e-9f6e-5f288d53f6e8","publisherId":"eed56242-9699-4317-8bc7-e9f4b9bdd3ff","publisherDisplayName":"Red Hat","targetPlatform":"linux-x64","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321349895}},{"identifier":{"id":"ms-vscode.test-adapter-converter","uuid":"47210ec2-0324-4cbb-9523-9dff02a5f9ec"},"version":"0.1.8","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ms-vscode.test-adapter-converter-0.1.8","scheme":"file"},"relativeLocation":"ms-vscode.test-adapter-converter-0.1.8","metadata":{"id":"47210ec2-0324-4cbb-9523-9dff02a5f9ec","publisherId":"5f5636e7-69ed-4afe-b5d6-8d231fb3d3ee","publisherDisplayName":"Microsoft","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321370558,"preRelease":false}},{"identifier":{"id":"hbenl.vscode-test-explorer","uuid":"ff96f1b4-a4b8-45ef-8ecf-c232c0cb75c8"},"version":"2.21.1","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/hbenl.vscode-test-explorer-2.21.1","scheme":"file"},"relativeLocation":"hbenl.vscode-test-explorer-2.21.1","metadata":{"id":"ff96f1b4-a4b8-45ef-8ecf-c232c0cb75c8","publisherId":"3356f11a-6798-4f03-a93f-3d929b7fca7c","publisherDisplayName":"Holger Benl","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321370606,"preRelease":false}},{"identifier":{"id":"actboy168.lua-debug","uuid":"e5c7d4c8-9eac-4eb8-95fa-ba6865456277"},"version":"1.61.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/actboy168.lua-debug-1.61.0-linux-x64","scheme":"file"},"relativeLocation":"actboy168.lua-debug-1.61.0-linux-x64","metadata":{"id":"e5c7d4c8-9eac-4eb8-95fa-ba6865456277","publisherId":"77f6b700-85ff-429b-aa2d-8b82afbcf8db","publisherDisplayName":"actboy168","targetPlatform":"linux-x64","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321389644,"preRelease":false}},{"identifier":{"id":"lej.vscode-lua-test-adapter","uuid":"88b31f11-b18d-44f3-98de-993395fa1c34"},"version":"1.0.6","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/lej.vscode-lua-test-adapter-1.0.6","scheme":"file"},"relativeLocation":"lej.vscode-lua-test-adapter-1.0.6","metadata":{"id":"88b31f11-b18d-44f3-98de-993395fa1c34","publisherId":"bb5c77de-69f3-45cb-bfdd-d4758967fa8e","publisherDisplayName":"Linus Sunde","targetPlatform":"undefined","updated":false,"isPreReleaseVersion":false,"installedTimestamp":1689321390581,"preRelease":false}},{"identifier":{"id":"pkief.material-icon-theme","uuid":"5db78037-f674-459f-a236-db622c427c5b"},"version":"4.29.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/pkief.material-icon-theme-4.29.0","scheme":"file"},"relativeLocation":"pkief.material-icon-theme-4.29.0","metadata":{"id":"5db78037-f674-459f-a236-db622c427c5b","publisherId":"f9e5bc2f-fea1-4075-917f-d83e01e69f56","publisherDisplayName":"Philipp Kief","targetPlatform":"undefined","isApplicationScoped":false,"isMachineScoped":false,"isBuiltin":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1689595150640,"preRelease":false}},{"identifier":{"id":"ms-azuretools.vscode-docker","uuid":"0479fc1c-3d67-49f9-b087-fb9069afe48f"},"version":"1.26.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/ms-azuretools.vscode-docker-1.26.0","scheme":"file"},"relativeLocation":"ms-azuretools.vscode-docker-1.26.0","metadata":{"id":"0479fc1c-3d67-49f9-b087-fb9069afe48f","publisherId":"52b787f2-79a9-4f32-99b4-393afe3005d3","publisherDisplayName":"Microsoft","targetPlatform":"undefined","isApplicationScoped":false,"isMachineScoped":false,"isBuiltin":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1689609657974,"preRelease":false}},{"identifier":{"id":"redhat.vscode-yaml","uuid":"2061917f-f76a-458a-8da9-f162de22b97e"},"version":"1.14.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/redhat.vscode-yaml-1.14.0","scheme":"file"},"relativeLocation":"redhat.vscode-yaml-1.14.0","metadata":{"id":"2061917f-f76a-458a-8da9-f162de22b97e","publisherId":"eed56242-9699-4317-8bc7-e9f4b9bdd3ff","publisherDisplayName":"Red Hat","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1689790138402,"preRelease":false}},{"identifier":{"id":"streetsidesoftware.code-spell-checker-spanish","uuid":"8d6dcf6f-1957-4dd5-809e-addb07d8c1fb"},"version":"2.2.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/streetsidesoftware.code-spell-checker-spanish-2.2.0","scheme":"file"},"relativeLocation":"streetsidesoftware.code-spell-checker-spanish-2.2.0","metadata":{"id":"8d6dcf6f-1957-4dd5-809e-addb07d8c1fb","publisherId":"67600ca7-88fb-4104-9f7e-dd51c00facf2","publisherDisplayName":"Street Side Software","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1689863361339,"preRelease":false}},{"identifier":{"id":"leonardssh.vscord","uuid":"20675c06-f272-4cc8-8611-83ebb5583c5a"},"version":"5.1.15","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/leonardssh.vscord-5.1.15","scheme":"file"},"relativeLocation":"leonardssh.vscord-5.1.15","metadata":{"id":"20675c06-f272-4cc8-8611-83ebb5583c5a","publisherId":"2c34273e-24b8-499a-b859-8e27e48decc5","publisherDisplayName":"leonardssh","targetPlatform":"undefined","isApplicationScoped":false,"isMachineScoped":false,"isBuiltin":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1690646905079,"preRelease":false}},{"identifier":{"id":"sumneko.lua","uuid":"3a15b5a7-be12-47e3-8445-88ee3eabc8b2"},"version":"3.6.26","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/sumneko.lua-3.6.26-linux-x64","scheme":"file"},"relativeLocation":"sumneko.lua-3.6.26-linux-x64","metadata":{"id":"3a15b5a7-be12-47e3-8445-88ee3eabc8b2","publisherId":"fb626675-24cf-4881-8c13-b465f29bec2f","publisherDisplayName":"sumneko","targetPlatform":"linux-x64","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1690646905139,"preRelease":false}},{"identifier":{"id":"yinfei.luahelper","uuid":"d3707c86-e17d-4f81-ae03-bbfae896128b"},"version":"0.2.24","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/yinfei.luahelper-0.2.24","scheme":"file"},"relativeLocation":"yinfei.luahelper-0.2.24","metadata":{"id":"d3707c86-e17d-4f81-ae03-bbfae896128b","publisherId":"96e46664-7420-4d07-b29f-fc6074815ac5","publisherDisplayName":"Tencent","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1691148283759,"preRelease":false}},{"identifier":{"id":"usernamehw.errorlens","uuid":"9d8c32ab-354c-4daf-a9bf-20b633734435"},"version":"3.13.0","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/usernamehw.errorlens-3.13.0","scheme":"file"},"relativeLocation":"usernamehw.errorlens-3.13.0","metadata":{"id":"9d8c32ab-354c-4daf-a9bf-20b633734435","publisherId":"151820df-5dc5-4c97-8751-eb84643203fa","publisherDisplayName":"Alexander","targetPlatform":"undefined","isApplicationScoped":false,"isMachineScoped":false,"isBuiltin":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1691487632248,"preRelease":false}},{"identifier":{"id":"brandonkirbyson.vscode-animations","uuid":"7d7c0d21-6653-4c11-9310-75b7180bbf81"},"version":"1.0.14","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/brandonkirbyson.vscode-animations-1.0.14","scheme":"file"},"relativeLocation":"brandonkirbyson.vscode-animations-1.0.14","metadata":{"id":"7d7c0d21-6653-4c11-9310-75b7180bbf81","publisherId":"55df104d-985f-438b-b4c6-3a5c30f35183","publisherDisplayName":"Brandon Kirbyson","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1691582308358,"preRelease":false}},{"identifier":{"id":"codeium.codeium","uuid":"acab4f40-b6db-42ec-bcd1-01802cbdd988"},"version":"1.2.64","location":{"$mid":1,"path":"/home/matt/.vscode-oss/extensions/codeium.codeium-1.2.64","scheme":"file"},"relativeLocation":"codeium.codeium-1.2.64","metadata":{"id":"acab4f40-b6db-42ec-bcd1-01802cbdd988","publisherId":"082b0525-4adf-4bcc-b60f-afa86c60860d","publisherDisplayName":"Codeium","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1691834227686,"preRelease":false}},{"identifier":{"id":"eamodio.gitlens","uuid":"4de763bd-505d-4978-9575-2b7696ecf94e"},"version":"14.2.1","location":{"$mid":1,"fsPath":"/home/matt/.vscode-oss/extensions/eamodio.gitlens-14.2.1","external":"file:///home/matt/.vscode-oss/extensions/eamodio.gitlens-14.2.1","path":"/home/matt/.vscode-oss/extensions/eamodio.gitlens-14.2.1","scheme":"file"},"relativeLocation":"eamodio.gitlens-14.2.1","metadata":{"id":"4de763bd-505d-4978-9575-2b7696ecf94e","publisherId":"678d198b-9b2e-49d3-96ff-6d801c9575df","publisherDisplayName":"GitKraken","targetPlatform":"undefined","isApplicationScoped":false,"updated":true,"isPreReleaseVersion":false,"installedTimestamp":1691834227700,"preRelease":false}}] \ No newline at end of file diff --git a/.config/VSCodium/User/profiles/-1645caa6/globalStorage/state.vscdb b/.config/VSCodium/User/profiles/-1645caa6/globalStorage/state.vscdb index af6dfd40..a6b7ada8 100644 Binary files a/.config/VSCodium/User/profiles/-1645caa6/globalStorage/state.vscdb and b/.config/VSCodium/User/profiles/-1645caa6/globalStorage/state.vscdb differ diff --git a/.config/VSCodium/User/profiles/-1645caa6/globalStorage/state.vscdb.backup b/.config/VSCodium/User/profiles/-1645caa6/globalStorage/state.vscdb.backup index af6dfd40..a6b7ada8 100644 Binary files a/.config/VSCodium/User/profiles/-1645caa6/globalStorage/state.vscdb.backup and b/.config/VSCodium/User/profiles/-1645caa6/globalStorage/state.vscdb.backup differ diff --git a/.config/fish/aliases.fish b/.config/fish/aliases.fish index cdab58fb..1e2cd0f3 100644 --- a/.config/fish/aliases.fish +++ b/.config/fish/aliases.fish @@ -2,7 +2,7 @@ alias code='vscodium' alias ls='exa --long --header -a --icons' alias tree='exa --long --header -a --icons --tree' alias bruh='genact -s 4' -alias matrix='unimatrix' +alias matrix='unimatrix -s 95' alias q='exit' alias install='yay -S ' alias uninstall='yay -R ' @@ -23,3 +23,4 @@ alias vim='nvim' alias vi='nvim' alias neovide='env WINIT_UNIX_BACKEND=x11 neovide' alias fsend='floaterm' +alias dsize='dua i' diff --git a/.config/hypr/keybinds/binds.conf b/.config/hypr/keybinds/binds.conf index 11d667c3..a6e9c594 100644 --- a/.config/hypr/keybinds/binds.conf +++ b/.config/hypr/keybinds/binds.conf @@ -12,7 +12,7 @@ bind=SUPER,F,fullscreen,0 ## Applications bind=SUPER,91,exec,librewolf # Numpad dot -bind=SUPER,22,exec,env WINIT_UNIX_BACKEND=x11 neovide # Return key +bind=SUPER,22,exec,neovide # Return key bind=SUPERSHIFT,22,exec,/usr/bin/codium --enable-features=UseOzonePlatform --ozone-platform=wayland --no-sandbox --unity-launch # Return key # Nemo @@ -53,7 +53,7 @@ bind=SUPER, 148, exec, wleave # Custom keyboard key bind=SUPER,Print,exec,hyprpicker -a && notify-send -t 4000 "$(wl-paste)" # Keybindings cheastheet -bind=SUPER,106,exec,kitty keyb # Slash +bind=SUPER,106,exec,kitty keyb # Slash ## Windows ## Focusing on windows diff --git a/.config/hypr/scripts/autostart b/.config/hypr/scripts/autostart index 839852c1..e01fcedc 100755 --- a/.config/hypr/scripts/autostart +++ b/.config/hypr/scripts/autostart @@ -42,8 +42,6 @@ kitty --class nvtop-kitty nvtop & #Launch autostart apps dex -a -s ~/.config/autostart/ & # Easyeffects, Spotify, Discord and Thunderbird -openStartpageServer & # Miniserver for serving a startpage - # Other xrdb -merge ~/.Xresources diff --git a/.config/neovide/config.toml b/.config/neovide/config.toml new file mode 100644 index 00000000..026af710 --- /dev/null +++ b/.config/neovide/config.toml @@ -0,0 +1,8 @@ +wsl = false +multigrid = true +vsync = true +maximized = false +srgb = true +idle = false +neovim_bin = "/usr/bin/nvim" +frame = "Full" diff --git a/.config/nvim/lazy-lock.json b/.config/nvim/lazy-lock.json index fcb828ac..beddf46d 100644 --- a/.config/nvim/lazy-lock.json +++ b/.config/nvim/lazy-lock.json @@ -1,17 +1,17 @@ { "LazyVim": { "branch": "main", "commit": "aa1cccf230a01bd85d5173f7d87f782fd83caa88" }, "LuaSnip": { "branch": "master", "commit": "99a94cc35ec99bf06263d0346128e908a204575c" }, - "SchemaStore.nvim": { "branch": "main", "commit": "129914a81535b2c7296c05587c07ac8876fbd3e6" }, + "SchemaStore.nvim": { "branch": "main", "commit": "6a36e79d9d1c2649063128e407c33e257cf85baf" }, "alpha-nvim": { "branch": "main", "commit": "e4fc5e29b731bdf55d204c5c6a11dc3be70f3b65" }, "autolist.nvim": { "branch": "main", "commit": "5f70a5f99e96c8fe3069de042abd2a8ed2deb855" }, - "bufferline.nvim": { "branch": "main", "commit": "99f0932365b34e22549ff58e1bea388465d15e99" }, - "catppuccin": { "branch": "main", "commit": "371430f32f2637d2dd5796399b3982d4cada61d8" }, + "bufferline.nvim": { "branch": "main", "commit": "417b303328118b6d836ae330142e88771c48a8a3" }, + "catppuccin": { "branch": "main", "commit": "490078b1593c6609e6a50ad5001e7902ea601824" }, "cmp-buffer": { "branch": "main", "commit": "3022dbc9166796b644a841a02de8dd1cc1d311fa" }, "cmp-nvim-lsp": { "branch": "main", "commit": "44b16d11215dce86f253ce0c30949813c0a90765" }, "cmp-path": { "branch": "main", "commit": "91ff86cd9c29299a64f968ebb45846c485725f23" }, "cmp_luasnip": { "branch": "master", "commit": "18095520391186d634a0045dacaa346291096566" }, "copilot-cmp": { "branch": "master", "commit": "d631b3afbf26bb17d6cf2b3cd8f3d79e7d5eeca1" }, - "copilot.lua": { "branch": "master", "commit": "f306957de0f9730de4298bb1ea85c3735ef7cc43" }, + "copilot.lua": { "branch": "master", "commit": "50ca36fd766db4d444094de81f5e131b6628f48f" }, "crates.nvim": { "branch": "main", "commit": "d5caf28aba49e81ac4099426231f3cf3c151013a" }, "dressing.nvim": { "branch": "master", "commit": "169877dbcae54b23b464b219e053e92854bbb37f" }, "flash.nvim": { "branch": "main", "commit": "967117690bd677cb7b6a87f0bc0077d2c0be3a27" }, @@ -24,9 +24,9 @@ "live-server.nvim": { "branch": "main", "commit": "8cae0641cabe8c555311f09dbb0ae36a513a9d5c" }, "lualine.nvim": { "branch": "master", "commit": "45e27ca739c7be6c49e5496d14fcf45a303c3a63" }, "mason-lspconfig.nvim": { "branch": "main", "commit": "e86a4c84ff35240639643ffed56ee1c4d55f538e" }, - "mason-nvim-dap.nvim": { "branch": "main", "commit": "e4d56b400e9757b1dc77d620fd3069396e92d5fc" }, + "mason-nvim-dap.nvim": { "branch": "main", "commit": "6148b51db945b55b3b725da39eaea6441e59dff8" }, "mason.nvim": { "branch": "main", "commit": "74eac861b013786bf231b204b4ba9a7d380f4bd9" }, - "mdpreview.nvim": { "branch": "master", "commit": "94deda31a8d50ce01575ac4264baf9a9f6528031" }, + "mdpreview.nvim": { "branch": "master", "commit": "4a2190740de4dac85451433a556fb7cb000cbc7b" }, "mini.ai": { "branch": "main", "commit": "5218ea75e635df78a807bc9d5a7162594fb76d02" }, "mini.bufremove": { "branch": "main", "commit": "7821606e35c1ac931b56d8e3155f45ffe76ee7e5" }, "mini.comment": { "branch": "main", "commit": "877acea5b2a32ff55f808fc0ebe9aa898648318c" }, @@ -35,12 +35,12 @@ "mini.surround": { "branch": "main", "commit": "9d1956b576d7051da3a483b251dfc778121c60db" }, "neo-tree.nvim": { "branch": "v3.x", "commit": "7951701fd21291ac473ea92d3fd57ec5c8bf10bb" }, "neoconf.nvim": { "branch": "main", "commit": "08f146d53e075055500dca35e93281faff95716b" }, - "neodev.nvim": { "branch": "main", "commit": "81a893eb94d502b2cbb08ed3871eeaadfd240131" }, - "neoscroll.nvim": { "branch": "master", "commit": "d7601c26c8a183fa8994ed339e70c2d841253e93" }, + "neodev.nvim": { "branch": "main", "commit": "9a5c0f0de5c15fba52d4fb83d425d3f4fa7abfa1" }, + "neoscroll.nvim": { "branch": "master", "commit": "4bc0212e9f2a7bc7fe7a6bceb15b33e39f0f41fb" }, "noice.nvim": { "branch": "main", "commit": "894db25ec726d32047799d4d0a982b701bec453b" }, "nui.nvim": { "branch": "main", "commit": "9e3916e784660f55f47daa6f26053ad044db5d6a" }, - "null-ls.nvim": { "branch": "main", "commit": "db09b6c691def0038c456551e4e2772186449f35" }, - "nvim-cmp": { "branch": "main", "commit": "3b9f28061a67b19cadc13946de981426a6425e4a" }, + "null-ls.nvim": { "branch": "main", "commit": "0010ea927ab7c09ef0ce9bf28c2b573fc302f5a7" }, + "nvim-cmp": { "branch": "main", "commit": "51f1e11a89ec701221877532ee1a23557d291dd5" }, "nvim-colorizer.lua": { "branch": "master", "commit": "dde3084106a70b9a79d48f426f6d6fec6fd203f7" }, "nvim-dap": { "branch": "master", "commit": "1c63f37f95cd4fb54512898168138d9a75d1516a" }, "nvim-dap-go": { "branch": "main", "commit": "208f0e685b48a98bec2cdd8648559c4274b84ca2" }, @@ -48,12 +48,14 @@ "nvim-dap-ui": { "branch": "master", "commit": "85b16ac2309d85c88577cd8ee1733ce52be8227e" }, "nvim-dap-virtual-text": { "branch": "master", "commit": "57f1dbd0458dd84a286b27768c142e1567f3ce3b" }, "nvim-jdtls": { "branch": "master", "commit": "095dc490f362adc85be66dc14bd9665ddd94413b" }, - "nvim-lspconfig": { "branch": "master", "commit": "7c73a4dc44c3d62ee79ab9f03ba313251c0388d4" }, + "nvim-lspconfig": { "branch": "master", "commit": "a981d4447b92c54a4d464eb1a76b799bc3f9a771" }, "nvim-navic": { "branch": "master", "commit": "9c89730da6a05acfeb6a197e212dfadf5aa60ca0" }, "nvim-notify": { "branch": "master", "commit": "ea9c8ce7a37f2238f934e087c255758659948e0f" }, + "nvim-scrollview": { "branch": "main", "commit": "f3991f78682fd24ad65d936d55715f4c7363016e" }, "nvim-spectre": { "branch": "master", "commit": "5b39919a2947b1266b3aa34d0b0b14c35523bc69" }, "nvim-terminal.lua": { "branch": "master", "commit": "095f98aaa7265628a72cd2706350c091544b5602" }, - "nvim-treesitter": { "branch": "master", "commit": "477a5d76a241ea5d79974072ee133dada223420d" }, + "nvim-treesitter": { "branch": "master", "commit": "63260da18bf273c76b8e2ea0db84eb901cab49ce" }, + "nvim-treesitter-context": { "branch": "master", "commit": "3d4ab25056dcaf6dd11ebacf1da8525c8df6550f" }, "nvim-treesitter-textobjects": { "branch": "master", "commit": "9e519b6146512c8e2e702faf8ac48420f4f5deec" }, "nvim-ts-autotag": { "branch": "main", "commit": "6be1192965df35f94b8ea6d323354f7dc7a557e4" }, "nvim-ts-context-commentstring": { "branch": "main", "commit": "e9062e2dfb9854e6a927370f2d720de354c88524" }, @@ -69,7 +71,7 @@ "todo-comments.nvim": { "branch": "main", "commit": "3094ead8edfa9040de2421deddec55d3762f64d1" }, "tokyonight.nvim": { "branch": "main", "commit": "1ee11019f8a81dac989ae1db1a013e3d582e2033" }, "trouble.nvim": { "branch": "main", "commit": "40aad004f53ae1d1ba91bcc5c29d59f07c5f01d3" }, - "typescript.nvim": { "branch": "main", "commit": "de304087e6e49981fde01af8ccc5b21e8519306f" }, + "typescript.nvim": { "branch": "main", "commit": "4de85ef699d7e6010528dcfbddc2ed4c2c421467" }, "undotree": { "branch": "master", "commit": "0e11ba7325efbbb3f3bebe06213afa3e7ec75131" }, "venv-selector.nvim": { "branch": "main", "commit": "cc312074371aff5b0d8d481b80c9c4de2a5287d7" }, "vim-floaterm": { "branch": "master", "commit": "bcaeabf89a92a924031d471395054d84bd88ce2f" }, diff --git a/.config/nvim/lua/config/keymaps.lua b/.config/nvim/lua/config/keymaps.lua index 2ce171cb..75c1f71b 100644 --- a/.config/nvim/lua/config/keymaps.lua +++ b/.config/nvim/lua/config/keymaps.lua @@ -17,42 +17,71 @@ local function map(mode, lhs, rhs, opts) end end +map( + "n", + "xs", + ":FloatermNew --disposable --name=duaroot --opener=edit --titleposition=center --height=0.85 --width=0.85 --cwd= dua i", + { desc = "Workspace Size (root dir)" } +) -map("n", "xs", - ":FloatermNew --disposable --name=duaroot --titleposition=center --height=0.85 --width=0.85 --cwd= dua i", - { desc = "Workspace Size (root dir)" }) +map( + "n", + "xS", + ":FloatermNew --disposable --name=duabuffer --opener=edit --titleposition=center --height=0.85 --width=0.85 --cwd= dua i", + { desc = "Workspace Size (cwd)" } +) -map("n", "xS", - ":FloatermNew --disposable --name=duabuffer --titleposition=center --height=0.85 --width=0.85 --cwd= dua i", - { desc = "Workspace Size (cwd)" }) +map( + "n", + "fx", + ":FloatermNew --disposable --name=xplrroot --opener=edit --titleposition=center --height=0.85 --width=0.85 --cwd= xplr", + { desc = "Xplr (root dir)" } +) -map("n", "fx", - ":FloatermNew --disposable --name=xplrroot --titleposition=center --height=0.85 --width=0.85 --cwd= xplr", - { desc = "Xplr (root dir)" }) +map( + "n", + "fX", + ":FloatermNew --disposable --name=xplrbuffer --opener=edit --titleposition=center --height=0.85 --width=0.85 --cwd= xplr", + { desc = "Xplr (cwd)" } +) -map("n", "fX", - ":FloatermNew --disposable --name=xplrbuffer --titleposition=center --height=0.85 --width=0.85 --cwd= xplr", - { desc = "Xplr (cwd)" }) +map( + "n", + "gg", + ":FloatermNew --disposable --name=lazygitroot --opener=edit --titleposition=center --height=0.85 --width=0.85 --cwd= lazygit", + { desc = "Lazygit (root dir)" } +) -map("n", "gg", - ":FloatermNew --disposable --name=lazygitroot --titleposition=center --height=0.85 --width=0.85 --cwd= lazygit", - { desc = "Lazygit (root dir)" }) - -map("n", "gG", - ":FloatermNew --disposable --name=lazygitbuffer --titleposition=center --height=0.85 --width=0.85 --cwd= lazygit", - { desc = "Lazygit (cwd)" }) +map( + "n", + "gG", + ":FloatermNew --disposable --name=lazygitbuffer --opener=edit --titleposition=center --height=0.85 --width=0.85 --cwd= lazygit", + { desc = "Lazygit (cwd)" } +) +map( + "n", + "fd", + ":FloatermNew --disposable --name=lazydocker --opener=edit --titleposition=center --height=0.85 --width=0.85 lazydocker", + { desc = "Lazydocker" } +) map("n", "t", ":Telescope floaterm", { desc = "Terminals" }) -map("n", "ft", - ":FloatermNew --name=termroot --titleposition=center --height=0.85 --width=0.85 --cwd=", - { desc = "New Terminal (root dir)" }) -map("n", "fT", - ":FloatermNew --name=termcwd --titleposition=center --height=0.85 --width=0.85 --cwd=", - { desc = "New Terminal (cwd)" }) +map( + "n", + "ft", + ":FloatermNew --name=termroot --opener=edit --titleposition=center --height=0.85 --width=0.85 --cwd=", + { desc = "New Terminal (root dir)" } +) +map( + "n", + "fT", + ":FloatermNew --name=termcwd --opener=edit --titleposition=center --height=0.85 --width=0.85 --cwd=", + { desc = "New Terminal (cwd)" } +) map("n", "", "FloatermPrev", { desc = "Previous Terminal" }) map("n", "", "FloatermNext", { desc = "Next Terminal" }) map("n", "", ":FloatermToggle", { desc = "Toggle Terminal" }) map("n", "", ":FloatermToggle", { desc = "which_key_ignore" }) -vim.keymap.set("n", "uu", vim.cmd.UndotreeToggle, { noremap = true, silent = true, desc = "Toggle Undotree" }) +vim.keymap.set("n", "fU", vim.cmd.UndotreeToggle, { noremap = true, silent = true, desc = "Toggle Undotree" }) diff --git a/.config/nvim/lua/config/options.lua b/.config/nvim/lua/config/options.lua index d2696c2c..ec689be3 100644 --- a/.config/nvim/lua/config/options.lua +++ b/.config/nvim/lua/config/options.lua @@ -40,9 +40,9 @@ end, opts) if vim.g.neovide then -- Put anything you want to happen only in Neovide here - vim.g.neovide_padding_top = 10 - vim.g.neovide_padding_right = 10 - vim.g.neovide_padding_left = 10 + vim.g.neovide_padding_top = 5 + --vim.g.neovide_padding_right = 5 + --vim.g.neovide_padding_left = 5 vim.g.neovide_floating_blur_amount_x = 5.0 vim.g.neovide_floating_blur_amount_y = 5.0 diff --git a/.config/nvim/lua/plugins/context.lua b/.config/nvim/lua/plugins/context.lua new file mode 100644 index 00000000..3f714122 --- /dev/null +++ b/.config/nvim/lua/plugins/context.lua @@ -0,0 +1,8 @@ +return { + { + "nvim-treesitter/nvim-treesitter-context", + config = function() + require("treesitter-context").setup() + end, + }, +} diff --git a/.config/nvim/lua/plugins/scrollbar.lua b/.config/nvim/lua/plugins/scrollbar.lua new file mode 100644 index 00000000..9081ecfc --- /dev/null +++ b/.config/nvim/lua/plugins/scrollbar.lua @@ -0,0 +1,8 @@ +return { + { + "dstein64/nvim-scrollview", + config = function() + require("scrollview").setup() + end, + }, +} diff --git a/.config/nvim/lua/plugins/telescope.lua b/.config/nvim/lua/plugins/telescope.lua index 45cd6c01..cd17a032 100644 --- a/.config/nvim/lua/plugins/telescope.lua +++ b/.config/nvim/lua/plugins/telescope.lua @@ -87,7 +87,7 @@ return { { "sm", "Telescope marks", desc = "Jump to Mark" }, { "so", "Telescope vim_options", desc = "Options" }, { "sR", "Telescope resume", desc = "Resume" }, - { "su", "Telescope undo", desc = "Undo" }, + { "fu", "Telescope undo", desc = "Telescope Undotree" }, { "sw", Util.telescope("grep_string", { word_match = "-w" }), diff --git a/.config/sway/lock.sh b/.config/sway/lock.sh index 0d367243..ffd96ab2 100755 --- a/.config/sway/lock.sh +++ b/.config/sway/lock.sh @@ -1,22 +1,27 @@ #!/bin/sh swaylock --screenshots --clock --indicator-idle-visible \ - --indicator-radius 100 \ - --indicator-thickness 12 \ - --ignore-empty-password \ - --ring-color 494d64 \ - --key-hl-color ed8796 \ - --text-color b7bdf8 \ - --line-color b7bdf8 \ - --inside-color 24273a \ - --separator-color b7bdf8 \ - --inside-ver-color 8bd5ca \ - --inside-wrong-color ed8796 \ - --line-ver-color 8bd5ca \ - --ring-ver-color 8bd5ca \ - --line-wrong-color ed8796 \ - --ring-wrong-color ed8796 \ - --fade-in 0.5 \ - --effect-scale 0.5 --effect-blur 7x3 --effect-scale 2 \ - --effect-vignette 0.5:0.9 \ - "$@" + --indicator-radius 100 \ + --indicator-thickness 12 \ + --ignore-empty-password \ + --ring-color 494d64 \ + --key-hl-color ed8796 \ + --text-color b7bdf8 \ + --line-color b7bdf8 \ + --inside-color 24273a \ + --separator-color b7bdf8 \ + --inside-ver-color 8bd5ca \ + --inside-wrong-color ed8796 \ + --line-ver-color 8bd5ca \ + --ring-ver-color 8bd5ca \ + --line-wrong-color ed8796 \ + --ring-wrong-color ed8796 \ + --text-caps-lock-color f5a97f \ + --ring-clear-color c6a0f6 \ + --line-clear-color c6a0f6 \ + --inside-clear-color c6a0f6 \ + --text-clear-color 24273a \ + --fade-in 0.5 \ + --effect-scale 0.5 --effect-blur 7x3 --effect-scale 2 \ + --effect-vignette 0.5:0.9 \ + "$@" diff --git a/.librewolf/jj4t427t.default-release/stylus/stylus-themes.json b/.librewolf/jj4t427t.default-release/stylus/stylus-themes.json index 01a2f5dc..9012f14c 100644 --- a/.librewolf/jj4t427t.default-release/stylus/stylus-themes.json +++ b/.librewolf/jj4t427t.default-release/stylus/stylus-themes.json @@ -37,7 +37,7 @@ "manage.newUI.favicons": false, "manage.newUI.faviconsGray": true, "manage.newUI.targets": 3, - "manage.newUI.sort": "title,asc", + "manage.newUI.sort": "dateInstalled,desc, title,asc", "editor.options": {}, "editor.toc.expanded": true, "editor.options.expanded": true, @@ -97,752 +97,6 @@ "prio": [] } }, - { - "enabled": false, - "updateUrl": "https://userstyles.world/api/style/4767.user.css", - "url": "https://userstyles.world/style/4767", - "installDate": 1662053281584, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Google Catppuccin Theme\n@version 20220519.16.34\n@namespace userstyles.world/user/dartmnky\n@description Soothing pastel theme for Google Search!\nBased on the community-driven Catppuccin Theme.\n\nMade by a complete amateur, so might contain inconsistencies and issues.\n@author dartmnky\n@license MIT\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://www.google.com/\") {\n/* ==UserStyle==\n@name Catppuccin Theme for Google\n@namespace github.com/DartMNKY/google-catppuccin-theme\n@version 1.0.1\n@description `Soothing pastel theme for Google!`\n@author Dart (https://github.com/DartMNKY)\n@license MIT\n@homepageURL https://github.com/DartMNKY/google-catppuccin-theme\n@supportURL https://github.com/DartMNKY/google-catppuccin-theme/issues\n==/UserStyle== */\n\nbody.srp, body {\nbackground: #1E1E2E;\n background-color: rgb(30, 30, 46);\n color: #D9E0EE;\n}\n.s8GCU {\n background: #1E1E2E;\n}\n#tw-target {\n background-color: #1A1826;\n border-radius: 8px;\n}\n.hhB0V {\n color: #a6e3a1\t;\n}\n.KwU3F {\n color: #a6e3a1;\n}\n.AaVjTc a:link {\n color: #89b4fa\t;\n}\n.j1iyq {\n border: 1px solid #302D41;\n}\n.tw-bilingual-marked {\n border-left: 3px solid #a6e3a1\t;\n}\n.xSQxL {\n color: #a6e3a1\t;\n}\n.DFDLnc {\n border-bottom: 1px solid #302D41;\n}\n.KFFQ0c .YfftMc, .KFFQ0c .YfftMc span, .KFFQ0c .YfftMc div, .KFFQ0c .YfftMc a {\n color: #a6adc8\t;\n}\n.oySJpc {\n border-top: 1px solid #302D41;\n}\n.b2hzT {\n border-bottom: 1px solid #302D41;\n}\n#swml {\n border-left: 1px solid #302D41;\n}\n.aNytqb .rKnmn {\n border-top: 1px solid #302D41;\n}\n.RzdJxc {\n border-top: 1px solid #302D41;\n}\n.minidiv .sfbg {\n background: #1E1E2E;\n}\n.fbar p, .fbar a {\n color: #A6ADC8;\n}\n.b0KoTc {\n color: #A6ADC8;\n}\n.dfB0uf {\n color: #A6ADC8;\n}\n.unknown_loc {\n background: #A6ADC8;\n}\n.HskPDe {\n background-color: #1E1E2E;\n}\n.XKnPEd {\n background-color: #1E1E2E;\n border-bottom: 1px solid #302D41;\n}\n.aHd5n {\n border-top: 1px solid #302D41;\n}\n\n.FAl3Ic {\n background-color: #1A1826;\n border: 1px solid rgba(255,255,255,0);\n}\n.ZkkK1e[selected] {\n background: #a6e3a1;\n border-color: #a6e3a1;\n color: #202124;\n}\n.Lj9fsd {\n background: #1E1E2E;\n}\n.Ww4FFb {\n background-color: #1e1e2e;\n}\n.o6juZc {\n background: #1A1826;\n}\n.jZWadf {\n background: #1E1E2E;\n}\n.WaWKOe {\n background-color: #1A1826;\n}\n.nIWXKc {\n background-color: #1A1826;\n}\n.Lj9fsd.DU1Mzb {\n background-color: #1E1E2E;\n}\n.Lj9fsd.DU1Mzb .o6juZc {\n border-color: rgba(52, 53, 69, 0);\n}\n.minidiv .RNNXgb {\n border-radius: 10px;\n background: #1A1826;\n border: 1px solid rgba(52, 53, 69, 0);\n}\n.GLcBOb {\n border-bottom: 1px solid #303446;\n}\n.zgAlFc {\n color: #E8A2AF;\n}\n.I6TXqe {\n background: #1A1826;\n border-radius: 8px;\n padding: 0 0 16px 0;\n}\n.dw-sb-cont {\n background: #1A1826;\n border-radius: 8px;\n}\n.dw-sb-cont .dw-sbi {\n color: #bdc1c6;\n border: 1px solid #303446;\n background: #1A1826;\n}\n.dw-sb-cont .dw-sb-btn {\n border: 1px solid #303446;\n background: #1A1826;\n}\n.TQc1id .I6TXqe {\n border: 1px transparent;\n}\n.BYb9Nc {\n background-color: #1A1826;\n border: 1px solid #303446;\n}\n.cO53qb {\n color: #80868b !important;\n cursor: default;\n background-color: #1A1826;\n border: 1px transparent;\n}\n.nm6nmc.l0jSyf.kpQuGf {\n border-top: 1px solid #303446;\n}\n.MR2UAc {\n background-color: #1A1826;\n border: 1px solid #303446;\n}\n.wwfboe {\n padding: 0 16px;\n border-top: 1px solid #303446;\n}\n.FalWJb {\n background: #1e1e2e;\n}\n.YeThId {\n border-top: 1px solid #303446;\n}\n.akqY6 {\n background: #303446;\n height: 1px;\n width: 100%;\n}\n.U3A9Ac {\n background-color: #1e1e2e;\n color: #ED8796;\n}\n.ZZ7G7b {\n border-radius: 8px;\n border: 1px solid #302D41;\n color: #bdc1c6;\n}\n.XZ5MVe {\n color: #ABE9B3;\n}\n.GLcBOb {\n color: #9aa0a6;\n}\n.pb5vrc {\n background-color: #302D41;\n}\na {\n color: #F5E0DC;\n text-decoration: none;\n}\na:visited {\n color: #DDB6F2;\n}\n.ynAwRc {\n color: #F5E0DC;\n}\nhr {\n border-bottom: 1px solid #302D41;\n}\n.ACRAdd {\n border-left: 1px solid #302D41;\n}\n.YTDezd {\n background: #ABE9B3;\n}\n.appbar {\n background: #1E1E2E;\n}\n.yg51vc {\n background: #1E1E2E;\n}\n.kEwVtd .ag0Tdd {\n background-color: #ABE9B3;\n}\n.sfbg {\n background: #1E1E2E;\n}\n.RNNXgb {\n background: #1A1826;\n border: 1px solid transparent;\n box-shadow: 0 1px 1px #0E0D15;\n border-radius: 10px;\n}\n.aajZCb {\n background: #1a1826;\n border-radius: 0 0 10px 10px;\n box-shadow: 0 1px 1px 0 #0E0D15;\n}\n.emcav .RNNXgb {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n box-shadow: 0 4px 12px rgb(23 23 23 / 90%);\n background: #1a1826;\n border-color: rgba(223,225,229,0);\n}\n.ZkkK1e {\n background: #1A1826;\n border: 1px transparent;\n color: #F5E0DC;\n}\n.hdtb-mitem .GOE98c, .hdtb-mitem a, .hdtb-mitem.hdtb-msel, .t2vtad {\n color: #C3BAC6;\n}\n.LHJvCe {\n color: #C3BAC6;\n}\n#rhs .nGydZ .garHBe {\n color: #C3BAC6;\n}\n.AGLhIc {\n border: 1px transparent;\n color: #F5E0DC;\n}\n.rQEFy {\n color: #ABE9B3;\n border-bottom: 3px solid #ABE9B3;\n}\n.hdtb-mitem.hdtb-msel {\n color: #ABE9B3;\n}\n.GmE3X {\n color: #D9E0EE;\n}\n.dG2XIf {\n box-shadow: none;\n background: #1E1E2E;\n border: 1px transparent;\n border-radius: 8px;\n}\n.mQo3nc {\n background-color: #1A1826;\n color: #C8AEA9;\n}\n#rhs .dG2XIf {\n border: 1px transparent;\n}\n.y8Jpof.pPLc9e.kpQuGf {\n border-top: 1px transparent;\n}\n.MXl0lf {\n background: #1A1826;\n border: 1px transparent;\n border-radius: 18px;\n}\n.k8XOCe {\n align-items: center;\n background-color: #1A1826;\n border-radius: 100px;\n}\n.f6F9Be {\n background: #1A1826;\n}\n::-webkit-scrollbar\n{\n width: 12px; /* for vertical scrollbars */\n height: 12px; /* for horizontal scrollbars */\n}\n::-webkit-scrollbar-track\n{\n background: rgba(22, 19, 32, 1);\n}\n ::-webkit-scrollbar-thumb\n{\n background: #302D41;\n}\n}", - "usercssData": { - "name": "Google Catppuccin Theme", - "version": "20220519.16.34", - "namespace": "userstyles.world/user/dartmnky", - "description": "Soothing pastel theme for Google Search!", - "author": "dartmnky", - "license": "MIT" - }, - "author": "dartmnky", - "description": "Soothing pastel theme for Google Search!", - "name": "Google Catppuccin Theme", - "preferScheme": "dark", - "originalDigest": "cc4b3a2faf0d91df17491dcde2481a756b6d7c68", - "_id": "c7798cb7-6d53-469f-bb26-40721aa24bc5", - "_rev": 1684684869245, - "installationUrl": "https://userstyles.world/style/4767", - "id": 2 - }, - { - "enabled": false, - "updateUrl": "https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/218515.user.css", - "url": "https://uso.kkx.one/style/218515", - "installDate": 1662138256316, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Google Search Result Center Align\n@namespace USO Archive\n@author paulcjy\n@description `Well working style.`\n@version 20220203.17.16\n@license NO-REDISTRIBUTION\n@preprocessor uso\n==/UserStyle== */\n@-moz-document domain(\"google.com\") {\n.tsf {\n margin: 0 auto;\n}\n#pTwnEc {\n display: flex;\n}\n#hdtb-msb {\n margin: 0 auto;\n padding-right: 166px;\n}\n#rcnt {\n display: flex;\n max-width: 100%;\n width: 100%;\n}\n.D6j0vc {\n display: flex;\n max-width: 100%;\n width: 100%;\n}\n#center_col {\n margin: 0 auto;\n}\n#rhs {\n position: absolute;\n padding-left: 400px;\n margin: 0 0 0 50%;\n}\n#slim_appbar {\n display: flex;\n margin: 0;\n}\n.LHJvCe {\n margin: 0 auto;\n position: relative;\n}\n#hdtbMenus {\n width: 998px;\n margin-left: calc(50% - 506px);\n}\n.c3mZkd {\n margin-left: calc(50% - 326px);\n}\n}", - "usercssData": { - "name": "Google Search Result Center Align", - "namespace": "USO Archive", - "author": "paulcjy", - "description": "Well working style.", - "version": "20220203.17.16", - "license": "NO-REDISTRIBUTION", - "preprocessor": "uso" - }, - "author": "paulcjy", - "description": "Well working style.", - "name": "Google Search Result Center Align", - "originalDigest": "7204fc9eece00c53c983b56ed2636a0a3058a5f3", - "_id": "6e73ff5b-5a6e-460b-9b33-cd900828667e", - "_rev": 1685271706233, - "installationUrl": "https://uso.kkx.one/style/218515", - "id": 4 - }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/github/raw/main/catppuccin.user.css", - "installDate": 1663413605373, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/github\n@version 1.1.14\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/github/raw/main/catppuccin.user.css\n@preprocessor stylus\n@var select theme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var select accent-color \"Accent\" [\"Rosewater*\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue\", \"Sapphire\", \"Sky\", \"Lavender\", \"Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n@var checkbox usefont \"Use Inter font\" 0\n==/UserStyle== */\n\n@-moz-document regexp(\"https:\\/\\/*github\\.com\") {\n\n if (theme==\"Latte\") {\n $type = light\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 $shadow = $crust\n }\n\n else if (theme==\"Frappe\") {\n $type = dark\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 $shadow = $crust\n }\n\n else if (theme==\"Macchiato\") {\n $type = dark\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 $shadow = $crust\n }\n\n else if (theme==\"Mocha\") {\n $type = dark\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 $lavender = #b4befe\n $blue = #89b4fa\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 $shadow = $crust\n }\n\n if (accent-color==\"Rosewater\") {\n $accent-color = $rosewater;\n } else if (accent-color==\"Flamingo\") {\n $accent-color = $flamingo\n } else if (accent-color==\"Pink\") {\n $accent-color = $pink\n } else if (accent-color==\"Mauve\") {\n $accent-color = $mauve\n } else if (accent-color==\"Red\") {\n $accent-color = $red\n } else if (accent-color==\"Maroon\") {\n $accent-color = $maroon\n } else if (accent-color==\"Peach\") {\n $accent-color = $peach\n } else if (accent-color==\"Yellow\") {\n $accent-color = $yellow\n } else if (accent-color==\"Green\") {\n $accent-color = $green\n } else if (accent-color==\"Teal\") {\n $accent-color = $teal\n } else if (accent-color==\"Blue\") {\n $accent-color = $blue\n } else if (accent-color==\"Sapphire\") {\n $accent-color = $sapphire\n } else if (accent-color==\"Sky\") {\n $accent-color = $sky\n } else if (accent-color==\"Lavender\") {\n $accent-color = $lavender\n } else if (accent-color==\"Gray\") {\n $accent-color = $subtext0\n }\n /* Functions */\n hoverColor(col) {\n return blend(alpha(col, 0.7), $text)\n }\n\n activeColor(col) {\n return blend(alpha(col, 0.5), $text)\n }\n\n disabledColor(col) {\n return blend(alpha(col, 0.4), $base)\n }\n\n}\n\n\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!\\/(marketplace|organizations\\/plan)).*\") {\n\n [data-color-mode=\"light\"][data-light-theme*=\"dark\"],\n [data-color-mode=\"light\"][data-light-theme*=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme*=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme*=\"light\"],\n [data-color-mode=\"auto\"][data-dark-theme*=\"dark\"],\n [data-color-mode=\"auto\"][data-dark-theme*=\"light\"] {\n\n &, & body {\n color-scheme: $type;\n\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: alpha($green, 0.3);\n --color-diff-blob-addition-line-bg: alpha($green, 0.15);\n --color-diff-blob-addition-word-bg: alpha($green, 0.3);\n --color-diff-blob-deletion-num-text: $text;\n --color-diff-blob-deletion-fg: $text;\n --color-diff-blob-deletion-num-bg: alpha($red, 0.3);\n --color-diff-blob-deletion-line-bg: alpha($red, 0.15);\n --color-diff-blob-deletion-word-bg: alpha($red, 0.3);\n --color-diff-blob-hunk-num-bg: alpha($blue, 0.4);\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: alpha($red, 0.15);\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: alpha($red, 0.4);\n --color-prettylights-syntax-markup-inserted-text: $text;\n --color-prettylights-syntax-markup-inserted-bg: alpha($green, 0.4);\n --color-prettylights-syntax-markup-changed-text: $text;\n --color-prettylights-syntax-markup-changed-bg: alpha($yellow, 0.4);\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: $accent-color;\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: $shadow;\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: $subtext1;\n --color-checks-line-num-text: $subtext1;\n --color-checks-line-timestamp-text: $subtext1;\n --color-checks-line-hover-bg: $surface0;\n --color-checks-line-selected-bg: #dc2286;\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: alpha($maroon, 0.15);\n --color-checks-logline-warning-text: $subtext1;\n --color-checks-logline-warning-num-text: $peach;\n --color-checks-logline-warning-bg: alpha($peach, 0.15);\n --color-checks-logline-command-text: $blue;\n --color-checks-logline-section-text: $green;\n if ($type == \"dark\") {\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 } else {\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 --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), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 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 if (topbar) {\n --color-header-bg: $mantle;\n } else {\n --color-header-bg: $base;\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 --color-btn-primary-text: $base;\n --color-btn-primary-bg: $green;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: hoverColor($green);\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: activeColor($green);\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: $crust;\n --color-btn-primary-disabled-bg: disabledColor($green);\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: $base;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\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 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 --color-btn-danger-text: $base;\n --color-btn-danger-bg: $red;\n --color-btn-danger-hover-text: $base;\n --color-btn-danger-hover-bg: hoverColor($red);\n --color-btn-danger-hover-border: transparent;\n --color-btn-danger-hover-shadow: 0 0 transparent;\n --color-btn-danger-hover-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-icon: $base;\n --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-danger-selected-text: $base;\n --color-btn-danger-selected-bg: activeColor($red);\n --color-btn-danger-selected-border: transparent;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: $crust;\n --color-btn-danger-disabled-bg: disabledColor($red);\n --color-btn-danger-disabled-counter-bg: rgba(218, 54, 51, 0.05);\n --color-btn-danger-focus-border: #f85149;\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(248, 81, 73, 0.4);\n --color-btn-danger-counter-bg: rgba(218, 54, 51, 0.1);\n --color-btn-danger-icon: #f85149;\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 $shadow;\n --color-shadow-large: 0 8px 24px $shadow;\n --color-shadow-extra-large: 0 12px 48px $shadow;\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: alpha($accent-color, 0.4);\n --color-accent-subtle: alpha($accent-color, 0.15);\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: alpha($accent-color, .5);\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 }\n\n\n [data-color-mode=\"light\"][data-light-theme*=\"dark\"],\n [data-color-mode=\"light\"][data-light-theme*=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme*=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme*=\"light\"],\n [data-color-mode=\"auto\"][data-dark-theme*=\"dark\"],\n [data-color-mode=\"auto\"][data-dark-theme*=\"light\"] {\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: alpha($blue, 0.15);\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(rgba($green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(rgba($green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(rgba($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\n /* Buttons */\n .btn-danger,\n .Button--danger {\n background: var(--color-btn-danger-bg)\n }\n\n /* Issue tags */\n .hx_IssueLabel {\n --text: $text;\n }\n if ($type == light) { /* Maybe we could make a custom algorithm that converts the colors to be more catppuccin like? */\n @css {\n .hx_IssueLabel {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));\n //color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)) !important;\n color: var(--text) !important;\n background: rgb(var(--label-r), var(--label-g), var(--label-b)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha)) !important;\n }\n }\n } else {\n @css {\n .hx_IssueLabel {\n --lightness-threshold: 0.6;\n --background-alpha: 0.18;\n --border-alpha: 0.3;\n --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));\n color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)) !important;\n background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)) !important;\n }\n }\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 .header-search-input::placeholder {\n color: $subtext1 !important;\n }\n\n /* Tags */\n .topic-tag {\n --color-accent-fg: $blue;\n --color-accent-emphasis: $blue;\n --color-accent-muted: alpha($blue, 0.4);\n --color-accent-subtle: alpha($blue, 0.15);\n }\n\n /* Misc */\n .col-md-8 {\n background-color: $base;\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 .command-palette-details-dialog .color-bg-subtle {\n background-color: $surface0 !important;\n }\n /* Button selection Fix */\n .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: $base !important;\n }\n /* Darker bg for new AppHeader */\n .AppHeader {\n background: var(--color-header-bg);\n }\n /* Headers */\n h1, h2, h3, h4, h5, h6 {\n color: $subtext1\n }\n\n if (usefont) {\n body,\n .markdown-body {\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 .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\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(#repo-visibility-proceed-button-public, #repo-visibility-proceed-button-private):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\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}\n\n\n\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n\n :root {\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: alpha($text, 0.87);\n --jp-ui-font-color2: alpha($text, 0.54);\n --jp-ui-font-color3: alpha($text, 0.38);\n --jp-ui-inverse-font-color0: $crust;\n --jp-ui-inverse-font-color1: alpha($crust, 0.80);\n --jp-ui-inverse-font-color2: alpha($crust, 0.50);\n --jp-ui-inverse-font-color3: alpha($crust, 0.30);\n --jp-content-font-color0: $text;\n --jp-content-font-color1: $text;\n --jp-content-font-color2: alpha($text, 0.70);\n --jp-content-font-color3: alpha($text, 0.50);\n --jp-content-link-color: var(--color-scale-blue-3);\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: alpha($text, 0.5);\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: alpha($overlay2, 0.24);\n --jp-rendermime-error-background: alpha($red, 0.28);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: alpha($surface2, 0.24);\n --jp-dialog-background: alpha($crust, 0.6);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px alpha($crust, 0.8);\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: alpha($blue, 0.3);\n --jp-editor-selected-focused-background: alpha($blue, 0.24);\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}\n", - "usercssData": { - "name": "Github Catppuccin", - "namespace": "github.com/catppuccin/github", - "version": "1.1.14", - "description": "Soothing pastel theme for GitHub", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/github/raw/main/catppuccin.user.css", - "preprocessor": "stylus", - "vars": { - "theme": { - "type": "select", - "label": "Theme", - "name": "theme", - "value": "Macchiato", - "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" - } - ] - }, - "accent-color": { - "type": "select", - "label": "Accent", - "name": "accent-color", - "value": "Lavender", - "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": "Gray", - "label": "Gray", - "value": "Gray" - } - ] - }, - "topbar": { - "type": "checkbox", - "label": "Topbar colors", - "name": "topbar", - "value": null, - "default": "1", - "options": null - }, - "usefont": { - "type": "checkbox", - "label": "Use Inter font", - "name": "usefont", - "value": "0", - "default": "0", - "options": null - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for GitHub", - "name": "Github Catppuccin", - "originalDigest": "38ae9dab8f261f93285dd9aec1a45d3f925f3192", - "_id": "fad7c0f9-3f00-4eb4-8745-76593273fa04", - "_rev": 1689673346780, - "id": 6 - }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/searxng/raw/main/catppuccin.user.css", - "url": "https://github.com/catppuccin/searxng", - "installDate": 1664437976693, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name SearXNG Catppuccin\n@namespace github.com/catppuccin/searxng\n@homepageURL https://github.com/catppuccin/searxng\n@version 0.2.1\n@description Soothing pastel theme for SearXNG\n@author Catppuccin\n@updateURL https://github.com/catppuccin/searxng/raw/main/catppuccin.user.css\n@preprocessor stylus\n@var select lighttheme \"Light Variant\" [\"Latte*\", \"Frappe\", \"Macchiato\", \"Mocha\"]\n@var select darktheme \"Dark Variant\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var checkbox additions \"Additional Tweaks\" 0\n==/UserStyle== */\n\n@-moz-document url-prefix(\"http://ransack.i2p/\"),\nurl-prefix(\"https://darmarit.org/searx/\"),\nurl-prefix(\"https://de.xcxc.ml/\"),\nurl-prefix(\"https://dynabyte.ca/\"),\nurl-prefix(\"https://etsi.me/\"),\nurl-prefix(\"https://icanfindit.online/\"),\nurl-prefix(\"https://jackgoss.xyz/\"),\nurl-prefix(\"https://jsearch.pw/\"),\nurl-prefix(\"https://metasearch.nl/\"),\nurl-prefix(\"https://northboot.xyz/\"),\nurl-prefix(\"https://notsearch.uk/\"),\nurl-prefix(\"https://opnxng.com/\"),\nurl-prefix(\"https://paulgo.io/\"),\nurl-prefix(\"https://priv.au/\"),\nurl-prefix(\"https://privatus.live/\"),\nurl-prefix(\"https://s.frlt.one/\"),\nurl-prefix(\"https://s.zhaocloud.net/\"),\nurl-prefix(\"https://saber.tk/\"),\nurl-prefix(\"https://search.0relay.com/\"),\nurl-prefix(\"https://search.affusio.com/\"),\nurl-prefix(\"https://search.bus-hit.me/\"),\nurl-prefix(\"https://search.chemicals-in-the-water.eu/\"),\nurl-prefix(\"https://search.cronobox.one/\"),\nurl-prefix(\"https://search.disroot.org/\"),\nurl-prefix(\"https://search.ethibox.fr/\"),\nurl-prefix(\"https://search.gcomm.ch/\"),\nurl-prefix(\"https://search.kiwitalk.de/\"),\nurl-prefix(\"https://search.mdosch.de/\"),\nurl-prefix(\"https://search.mpx.wtf/\"),\nurl-prefix(\"https://search.neet.works/\"),\nurl-prefix(\"https://search.ononoki.org/\"),\nurl-prefix(\"https://search.privacyguides.net/\"),\nurl-prefix(\"https://search.projectsegfau.lt/\"),\nurl-prefix(\"https://search.rabbit-company.com/\"),\nurl-prefix(\"https://search.rhscze.cf/\"),\nurl-prefix(\"https://search.rowie.at/\"),\nurl-prefix(\"https://search.sapti.me/\"),\nurl-prefix(\"https://search.serginho.dev/\"),\nurl-prefix(\"https://search.smnz.de/\"),\nurl-prefix(\"https://search.snopyta.org/\"),\nurl-prefix(\"https://search.stinpriza.org/\"),\nurl-prefix(\"https://search.teamriverbubbles.com/\"),\nurl-prefix(\"https://search.trom.tf/\"),\nurl-prefix(\"https://search.unlocked.link/\"),\nurl-prefix(\"https://search.uspersec.com/\"),\nurl-prefix(\"https://search.vidhukant.xyz/\"),\nurl-prefix(\"https://search.zzls.xyz/\"),\nurl-prefix(\"https://searx.baczek.me/\"),\nurl-prefix(\"https://searx.be/\"),\nurl-prefix(\"https://searx.becomesovran.com/\"),\nurl-prefix(\"https://searx.bissisoft.com/\"),\nurl-prefix(\"https://searx.chocoflan.net/\"),\nurl-prefix(\"https://searx.divided-by-zero.eu/\"),\nurl-prefix(\"https://searx.dresden.network/\"),\nurl-prefix(\"https://searx.ebnar.xyz/\"),\nurl-prefix(\"https://searx.ericaftereric.top/\"),\nurl-prefix(\"https://searx.esmailelbob.xyz/\"),\nurl-prefix(\"https://searx.fi/\"),\nurl-prefix(\"https://searx.fmac.xyz/\"),\nurl-prefix(\"https://searx.fossencdi.org/\"),\nurl-prefix(\"https://searx.gnous.eu/\"),\nurl-prefix(\"https://searx.gnu.style/\"),\nurl-prefix(\"https://searx.kujonello.cf/\"),\nurl-prefix(\"https://searx.mastodontech.de/\"),\nurl-prefix(\"https://searx.mha.fi/\"),\nurl-prefix(\"https://searx.mistli.net/\"),\nurl-prefix(\"https://searx.mxchange.org/\"),\nurl-prefix(\"https://searx.nakhan.net/\"),\nurl-prefix(\"https://searx.namejeff.xyz/\"),\nurl-prefix(\"https://searx.netzspielplatz.de/\"),\nurl-prefix(\"https://searx.nixnet.services/\"),\nurl-prefix(\"https://searx.org/\"),\nurl-prefix(\"https://searx.orion-hub.fr/\"),\nurl-prefix(\"https://searx.priv.pw/\"),\nurl-prefix(\"https://searx.prvcy.eu/\"),\nurl-prefix(\"https://searx.rimkus.it/\"),\nurl-prefix(\"https://searx.roflcopter.fr/\"),\nurl-prefix(\"https://searx.ru/\"),\nurl-prefix(\"https://searx.run/\"),\nurl-prefix(\"https://searx.semipvt.com/\"),\nurl-prefix(\"https://searx.sethforprivacy.com/\"),\nurl-prefix(\"https://searx.sev.monster/\"),\nurl-prefix(\"https://searx.slipfox.xyz/searx/\"),\nurl-prefix(\"https://searx.sp-codes.de/\"),\nurl-prefix(\"https://searx.stuehieyr.com/\"),\nurl-prefix(\"https://searx.tiekoetter.com/\"),\nurl-prefix(\"https://searx.tuxcloud.net/\"),\nurl-prefix(\"https://searx.tyil.nl/\"),\nurl-prefix(\"https://searx.vanwa.tech/\"),\nurl-prefix(\"https://searx.webheberg.info/\"),\nurl-prefix(\"https://searx.xyz/\"),\nurl-prefix(\"https://searx.zapashcanon.fr/\"),\nurl-prefix(\"https://searx.zcyph.cc/\"),\nurl-prefix(\"https://searxng.ir/\"),\nurl-prefix(\"https://searxng.nicfab.eu/\"),\nurl-prefix(\"https://searxng.zackptg5.com/\"),\nurl-prefix(\"https://serx.ml/\"),\nurl-prefix(\"https://sh0.it/\"),\nurl-prefix(\"https://soek.allesbeste.com/\"),\nurl-prefix(\"https://spot.ecloud.global/\"),\nurl-prefix(\"https://srx.cosmohub.io/\"),\nurl-prefix(\"https://suche.dasnetzundich.de/\"),\nurl-prefix(\"https://suche.tromdienste.de/\"),\nurl-prefix(\"https://suche.uferwerk.org/\"),\nurl-prefix(\"https://swag.pw/\"),\nurl-prefix(\"https://sx.catgirl.cloud/\"),\nurl-prefix(\"https://timdor.noip.me/searx/\"),\nurl-prefix(\"https://trydex.tk/searxng/\"),\nurl-prefix(\"https://www.gruble.de/\"),\nurl-prefix(\"https://www.webrats.xyz/\"),\nurl-prefix(\"https://xcxc.ml/\"),\nurl-prefix(\"https://xo.wtf/\") {\n\n colourscheme(flavour) {\n if (flavour==\"Latte\") {\n --ctp-rosewater: #dc8a78;\n --ctp-flamingo: #dd7878;\n --ctp-pink: #ea76cb;\n --ctp-mauve: #8839ef;\n --ctp-red: #d20f39;\n --ctp-maroon: #e64553;\n --ctp-peach: #fe640b;\n --ctp-yellow: #df8e1d;\n --ctp-green: #40a02b;\n --ctp-teal: #179299;\n --ctp-sky: #04a5e5;\n --ctp-sapphire: #209fb5;\n --ctp-blue: #1e66f5;\n --ctp-lavender: #7287fd;\n --ctp-text: #4c4f69;\n --ctp-subtext1: #5c5f77;\n --ctp-subtext0: #6c6f85;\n --ctp-overlay2: #7c7f93;\n --ctp-overlay1: #8c8fa1;\n --ctp-overlay0: #9ca0b0;\n --ctp-surface2: #acb0be;\n --ctp-surface1: #bcc0cc;\n --ctp-surface0: #ccd0da;\n --ctp-base: #eff1f5;\n --ctp-mantle: #e6e9ef;\n --ctp-crust: #dce0e8;\n }\n\n if (flavour==\"Frappe\") {\n --ctp-rosewater: #f2d5cf;\n --ctp-flamingo: #eebebe;\n --ctp-pink: #f4b8e4;\n --ctp-mauve: #ca9ee6;\n --ctp-red: #e78284;\n --ctp-maroon: #ea999c;\n --ctp-peach: #ef9f76;\n --ctp-yellow: #e5c890;\n --ctp-green: #a6d189;\n --ctp-teal: #81c8be;\n --ctp-sky: #99d1db;\n --ctp-sapphire: #85c1dc;\n --ctp-blue: #8caaee;\n --ctp-lavender: #babbf1;\n --ctp-text: #c6d0f5;\n --ctp-subtext1: #b5bfe2;\n --ctp-subtext0: #a5adce;\n --ctp-overlay2: #949cbb;\n --ctp-overlay1: #838ba7;\n --ctp-overlay0: #737994;\n --ctp-surface2: #626880;\n --ctp-surface1: #51576d;\n --ctp-surface0: #414559;\n --ctp-base: #303446;\n --ctp-mantle: #292c3c;\n --ctp-crust: #232634;\n }\n\n if (flavour==\"Macchiato\") {\n --ctp-rosewater: #f4dbd6;\n --ctp-flamingo: #f0c6c6;\n --ctp-pink: #f5bde6;\n --ctp-mauve: #c6a0f6;\n --ctp-red: #ed8796;\n --ctp-maroon: #ee99a0;\n --ctp-peach: #f5a97f;\n --ctp-yellow: #eed49f;\n --ctp-green: #a6da95;\n --ctp-teal: #8bd5ca;\n --ctp-sky: #91d7e3;\n --ctp-sapphire: #7dc4e4;\n --ctp-blue: #8aadf4;\n --ctp-lavender: #b7bdf8;\n --ctp-text: #cad3f5;\n --ctp-subtext1: #b8c0e0;\n --ctp-subtext0: #a5adcb;\n --ctp-overlay2: #939ab7;\n --ctp-overlay1: #8087a2;\n --ctp-overlay0: #6e738d;\n --ctp-surface2: #5b6078;\n --ctp-surface1: #494d64;\n --ctp-surface0: #363a4f;\n --ctp-base: #24273a;\n --ctp-mantle: #1e2030;\n --ctp-crust: #181926;\n }\n\n if (flavour==\"Mocha\") {\n --ctp-rosewater: #f5e0dc;\n --ctp-flamingo: #f2cdcd;\n --ctp-pink: #f5c2e7;\n --ctp-mauve: #cba6f7;\n --ctp-red: #f38ba8;\n --ctp-maroon: #eba0ac;\n --ctp-peach: #fab387;\n --ctp-yellow: #f9e2af;\n --ctp-green: #a6e3a1;\n --ctp-teal: #94e2d5;\n --ctp-sky: #89dceb;\n --ctp-sapphire: #74c7ec;\n --ctp-lavender: #b4befe;\n --ctp-blue: #89b4fa;\n --ctp-text: #cdd6f4;\n --ctp-subtext1: #bac2de;\n --ctp-subtext0: #a6adc8;\n --ctp-overlay2: #9399b2;\n --ctp-overlay1: #7f849c;\n --ctp-overlay0: #6c7086;\n --ctp-surface2: #585b70;\n --ctp-surface1: #45475a;\n --ctp-surface0: #313244;\n --ctp-base: #1e1e2e;\n --ctp-mantle: #181825;\n --ctp-crust: #11111b;\n }\n\n }\n\n .theme-light {\n if (lighttheme==\"Latte\") { colourscheme(Latte) }\n if (lighttheme==\"Frappe\") { colourscheme(Frappe) }\n if (lighttheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (lighttheme==\"Mocha\") { colourscheme(Mocha) }\n }\n .theme-dark {\n if (darktheme==\"Latte\") { colourscheme(Latte) }\n if (darktheme==\"Frappe\") { colourscheme(Frappe) }\n if (darktheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (darktheme==\"Mocha\") { colourscheme(Mocha) }\n }\n\n .theme-auto {\n if (lighttheme==\"Latte\") { colourscheme(Latte) }\n if (lighttheme==\"Frappe\") { colourscheme(Frappe) }\n if (lighttheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (lighttheme==\"Mocha\") { colourscheme(Mocha) }\n }\n\n @media (prefers-color-scheme: dark) {\n .theme-auto {\n if (darktheme==\"Latte\") { colourscheme(Latte) }\n if (darktheme==\"Frappe\") { colourscheme(Frappe) }\n if (darktheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (darktheme==\"Mocha\") { colourscheme(Mocha) }\n }\n }\n\n :root.theme-auto, :root.theme-dark, :root.theme-light {\n --color-base-font: var(--ctp-text);\n --color-base-background: var(--ctp-base);\n --color-base-background-mobile: var(--ctp-base);\n --color-url-font: var(--ctp-lavender);\n --color-url-visited-font: var(--ctp-mauve);\n --color-header-background: var(--ctp-mantle);\n --color-header-border: var(--ctp-mantle);\n --color-footer-background: var(--ctp-mantle);\n --color-footer-border: var(--ctp-mantle);\n --color-sidebar-border: var(--ctp-base);\n --color-sidebar-font: var(--ctp-text);\n --color-sidebar-background: var(--ctp-base);\n --color-backtotop-font: var(--ctp-subtext1);\n --color-backtotop-border: var(--ctp-surface0);\n --color-backtotop-background: var(--ctp-surface0);\n --color-btn-background: var(--ctp-lavender);\n --color-btn-font: var(--ctp-base);\n --color-show-btn-background: var(--ctp-lavender);\n --color-show-btn-font: var(--ctp-base);\n --color-search-border: var(--ctp-surface0);\n --color-search-shadow: 0 2px 8px var(--ctp-crust);\n --color-search-background: var(--ctp-surface0);\n --color-search-font: var(--ctp-text);\n --color-search-background-hover: var(--ctp-lavender);\n --color-error: $red;\n --color-error-background: var(--ctp-surface0);\n --color-warning: $yellow;\n --color-warning-background: var(--ctp-surface0);\n --color-success: $green;\n --color-success-background: var(--ctp-surface0);\n --color-categories-item-selected-font: var(--ctp-text);\n --color-categories-item-border-selected: var(--ctp-mauve);\n --color-autocomplete-font: var(--ctp-subtext1);\n --color-autocomplete-border: var(--ctp-surface0);\n --color-autocomplete-shadow: 0 2px 8px var(--ctp-crust);\n --color-autocomplete-background: var(--ctp-surface0);\n --color-autocomplete-background-hover: var(--ctp-surface1);\n --color-answer-font: var(--ctp-text);\n --color-answer-background: var(--ctp-mantle);\n --color-result-background: var(--ctp-mantle);\n --color-result-border: var(--ctp-base);\n --color-result-url-font: var(--ctp-subtext1);\n --color-result-vim-selected: var(--ctp-surface0);\n --color-result-vim-arrow: var(--ctp-lavender);\n --color-result-description-highlight-font: var(--ctp-text);\n --color-result-link-font: var(--ctp-lavender);\n --color-result-link-font-highlight: var(--ctp-lavender);\n --color-result-link-visited-font: var(--ctp-mauve);\n --color-result-publishdate-font: var(--ctp-surface2);\n --color-result-engines-font: var(--ctp-surface2);\n --color-result-search-url-border: var(--ctp-surface2);\n --color-result-search-url-font: var(--ctp-text);\n --color-result-detail-font: var(--ctp-text);\n --color-result-detail-label-font: var(--ctp-surface1);\n --color-result-detail-background: var(--ctp-base);\n --color-result-detail-hr: var(--ctp-base);\n --color-result-detail-link: var(--ctp-lavender);\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: var(--ctp-crust);\n --color-result-image-span-font: var(--ctp-text);\n --color-result-image-span-font-selected: var(--ctp-base);\n --color-result-image-background: var(--ctp-mantle);\n --color-settings-tr-hover: var(--ctp-surface0);\n --color-settings-engine-description-font: var(--ctp-text);\n --color-settings-engine-group-background: var(--ctp-surface0);\n --color-toolkit-badge-font: var(--ctp-text);\n --color-toolkit-badge-background: var(--ctp-surface0);\n --color-toolkit-kbd-font: var(--ctp-text);\n --color-toolkit-kbd-background: var(--ctp-mantle);\n --color-toolkit-dialog-border: var(--ctp-mantle);\n --color-toolkit-dialog-background: var(--ctp-mantle);\n --color-toolkit-tabs-label-border: var(--ctp-base);\n --color-toolkit-tabs-section-border: var(--ctp-base);\n --color-toolkit-select-background: var(--ctp-surface0);\n --color-toolkit-select-border: var(--ctp-surface0);\n --color-toolkit-select-background-hover: var(--ctp-surface1);\n --color-toolkit-input-text-font: var(--ctp-text);\n --color-toolkit-checkbox-onoff-off-background: var(--ctp-surface0);\n --color-toolkit-checkbox-onoff-on-background: var(--ctp-surface0);\n --color-toolkit-checkbox-onoff-on-mark-background: var(--ctp-green);\n --color-toolkit-checkbox-onoff-on-mark-color: var(--ctp-mantle);\n --color-toolkit-checkbox-onoff-off-mark-background: var(--ctp-red);\n --color-toolkit-checkbox-onoff-off-mark-color: var(--ctp-mantle);\n --color-toolkit-checkbox-label-background: var(--ctp-base);\n --color-toolkit-checkbox-label-border: var(--ctp-mantle);\n --color-toolkit-checkbox-input-border: var(--ctp-blue);\n --color-toolkit-engine-tooltip-border: var(--ctp-surface0);\n --color-toolkit-engine-tooltip-background: var(--ctp-surface0);\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: var(--ctp-crust);\n --color-doc-code: var(--ctp-rosewater);\n --color-doc-code-background: var(--ctp-mantle);\n }\n if (additions) {\n article.result {\n background-color: var(--color-result-background);\n border-radius: .75em;\n padding: .75em;\n margin: .5em;\n }\n article.category-images {\n padding-bottom: 4em;\n }\n }\n}\n", - "usercssData": { - "name": "SearXNG Catppuccin", - "namespace": "github.com/catppuccin/searxng", - "homepageURL": "https://github.com/catppuccin/searxng", - "version": "0.2.1", - "description": "Soothing pastel theme for SearXNG", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/searxng/raw/main/catppuccin.user.css", - "preprocessor": "stylus", - "vars": { - "lighttheme": { - "type": "select", - "label": "Light Variant", - "name": "lighttheme", - "value": "Macchiato", - "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" - } - ] - }, - "darktheme": { - "type": "select", - "label": "Dark Variant", - "name": "darktheme", - "value": "Macchiato", - "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" - } - ] - }, - "additions": { - "type": "checkbox", - "label": "Additional Tweaks", - "name": "additions", - "value": "1", - "default": "0", - "options": null - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for SearXNG", - "name": "SearXNG Catppuccin", - "originalDigest": "bbd80752b4180bc3703587c1755ce863de05c3bf", - "_id": "3d8ab5c8-4e81-4444-800f-ace0dc0ba2da", - "_rev": 1678140139631, - "id": 7 - }, - { - "enabled": false, - "updateUrl": "https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/130513.user.css", - "url": "https://uso.kkx.one/style/130513", - "installDate": 1666305292039, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Google at Center - Google Centered Results\n@namespace USO Archive\n@author Antonello Amici\n@description `- Center Google Search Results- Center Google Images- Center Google News- Center Google Video- Center Google Shopping- Center Google Books- Styles for All Google Domains`\n@version 20200731.19.9\n@license CC-BY-ND-4.0\n@preprocessor uso\n==/UserStyle== */\n@-moz-document regexp(\"https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?.\"), regexp(\"https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?/((\\\\?|webhp|search|gfe_rd|auth|gws_rd|#q|imghp|#gfe_rd|#safe|#pws|#tbs|#gws|#tbm).*)\"), regexp(\"https?://encrypted.google.(com|([a-z]{2}))(.[a-z]{2})?/((\\\\?|webhp|search|gfe_rd|auth|gws_rd|#q|imghp|#gfe_rd|#safe|#pws|#tbs|#gws|#tbm).*)\"), regexp(\"https?://encrypted.google.(com|([a-z]{2}))(.[a-z]{2})?.\"), regexp(\"https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?/_/chrome/newtab\\\\?.*\") {\n/**\n* Name: Google at Center - Centered Results & Float Bar\n* Author: Antonello Amici\n* Version: 1.20200731\n* License: CC BY-ND - Creative Commons Attribution-NoDerivs\n*/\n/* i really want this to be global */\n/*@import url('https://fonts.googleapis.com/css?family=Roboto|Nunito');*/\n#viewport {\n min-width: 977px !important;\n max-width: 977px !important;\n margin: 0 auto;\n left: 0;\n right: 0;\n}\n#gb {\n z-index: 987;\n} \n.jhp>#gb {\n position: relative !important;\n top: -295px !important;\n right: 0 !important;\n left: 0;\n margin: 0 auto;\n}\n#top_nav, #hdtb {\n width: 980px !important;\n}\n.srp #searchform,\n.sfbg {\n position: fixed;\n top: 19px;\n min-width: 979px;\n width: 979px;\n left: 50%;\n margin-left: -490px;\n}\n.gb_mb {\n min-width: 0 !important;\n}\n.sfbg, .sfbgg, #fbar {\n min-width: 977px !important;\n margin: 0 auto;\n left: auto;\n}\n.big .ctr-p, .big #tsf, .hp .big #tsf {\n min-width: 977px !important; \n width: 977px !important;\n}\n/*.gb_C .gb_D {\n background-position: -464px -38px;\n}*/\n.fbar {\n margin-left: 0 !important;\n}\n#fsl {\n margin-left: 0;\n}\n.tsf-p {\n margin: -1px 0 0 27px !important;\n}\n.lst-c {\n overflow: visible;\n}\n.hp #gs_st0 {\n margin-right: -120px;\n}\n.srp #gs_st0 {\n margin-right: 0;\n}\n.sfbgx {\n border-bottom: 0 !important;\n background-color: transparent !important;\n}\n.sfbgg {\n border-left: 1px solid #e5e5e5;\n border-right: 1px solid #e5e5e5;\n border-bottom: 1px solid #e5e5e5;\n padding-bottom: 10px; \n background: #fafafa;\n}\n#hdtb-msb {\n min-width: 970px !important;\n}\n#hdtb-msb .hdtb-mitem:first-child.hdtb-imb {\n margin-left: 10px !important;\n}\n#main {\n width: 100%;\n margin: 0 auto;\n max-width: 1280px;\n}\n#cnt {\n max-width: 980px;\n margin: 0 auto;\n}\n#hdtb-more-mn {\n left: 350px !important;\n}\n#rhscol {\n position: absolute;\n width: 980px;\n height: 1px;\n left: 50%;\n margin-left: -490px;\n}\n.mw #rhs {\n margin-left: 680px; \n margin-top: 20px; \n min-width: 0;\n}\n#hdtb-s {\n width: 100% !important;\n}\nbig>.mw,\n.mw {\n max-width: 600px !important;\n margin: 0 auto !important;\n}\n#hdtb-msb>.hdtb-mitem:first-child,\n.ab_tnav_wrp,\n#cnt #center_col,\n.mw #center_col {\n margin-left: 0 !important;\n}\n#appbar {\n min-width: 980px !important;\n border-bottom: 1px solid #e5e5e5;\n border-left: 1px solid #e5e5e5;\n border-right: 1px solid #e5e5e5;\n background: #fafafa;\n}\n#hdtbMenus {\n width: 980px;\n text-align: right;\n}\n.hdtbU {\n transform: translateX(-520px);\n}\n.hdtb-mn-hd {\n padding-left: 0;\n}\n.mw #rcnt {\n margin-left: -17px;\n}\n.mw #cnt #center_col, .mw #cnt #foot {\n width: 600px;\n}\n#fbar {\n border-left: 1px solid #e5e5e5;\n border-right: 1px solid #e5e5e5;\n}\n#footer {\n width: 980px;\n}\n.mw #foot {\n margin-left: 0 !important;\n}\n.irc_land {\n margin-left: 462px;\n}\n.sr__restricts {\n margin-left: -170px;\n}\n.sh-dr__restricts {\n margin-left: -250px;\n margin-top: 97px;\n border: 1px solid #e5e5e5;\n}\n.sh-dtt__top-tools {\n width: 980px !important;\n margin-left: -173px !important\n}\n.QOsNac {\n width: 940px;\n}\n\n#res h3 {\n font-size: 20px;\n line-height: 1.33;\n font-family: Roboto;\n}\n/*\n.g, body, html, input, .std, h1 {\n font-family: Nunito;\n font-size: 16px;\n line-height: 1.43;\n}\n#hdtb {\n font-size: 16px;\n}\n*/\n.A8SBwf {\n width: 512px;\n}\n.Q8LRLc {\n padding-right: 20px;\n}\n}", - "usercssData": { - "name": "Google at Center - Google Centered Results", - "namespace": "USO Archive", - "author": "Antonello Amici", - "description": "- Center Google Search Results- Center Google Images- Center Google News- Center Google Video- Center Google Shopping- Center Google Books- Styles for All Google Domains", - "version": "20200731.19.9", - "license": "CC-BY-ND-4.0", - "preprocessor": "uso" - }, - "author": "Antonello Amici", - "description": "- Center Google Search Results- Center Google Images- Center Google News- Center Google Video- Center Google Shopping- Center Google Books- Styles for All Google Domains", - "name": "Google at Center - Google Centered Results", - "originalDigest": "1055c1d570c017976236595be3e545a92d80d997", - "_id": "324573a4-63c3-4c85-90d6-b4b63a8d2682", - "_rev": 1684684866445, - "installationUrl": "https://uso.kkx.one/style/130513", - "id": 8 - }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/mastodon/raw/main/dist/catppuccin.user.css", - "url": "https://github.com/catppuccin/mastodon", - "installDate": 1669367356962, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/mastodon\n@homepageURL https://github.com/catppuccin/mastodon\n@version 1.1.4\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/mastodon/raw/main/dist/catppuccin.user.css\n@preprocessor less\n@var select lightFlavour \"Light Flavour\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavour \"Dark Flavour\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColour \"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:Grey\"]\n==/UserStyle== */\n@-moz-document domain(\"mstdn.social\"),\ndomain(\"fosstodon.org\"),\ndomain(\"tech.lgbt\"),\ndomain(\"mastodon.social\") {\n\n .theme-mastodon-light,\n :root:has(.theme-mastodon-light),\n .skin-mastodon-light,\n :root:has(.skin-mastodon-light) {\n #mastodon(@lightFlavour, @accentColour);\n }\n\n .theme-default,\n .theme-contrast,\n :root:has(.theme-default),\n :root:has(.theme-contrast),\n .skin-default,\n .skin-contrast,\n :root:has(.skin-default),\n :root:has(.skin-contrast) {\n #mastodon(@darkFlavour, @accentColour);\n }\n\n #mastodon(@lookup, @accent) {\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 @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-colour: @catppuccin[@@lookup][@@accent];\n\n body,\n .tabs-bar__wrapper,\n .admin-wrapper .sidebar-wrapper__inner {\n background: @crust;\n color: @text;\n }\n\n .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n\n .search-popout,\n .search-popout em,\n .dismissable-banner__message,\n .account__header__bio .account__header__fields dt,\n .account__section-headline a.active,\n .account__section-headline button.active,\n .notification__filter-bar a.active,\n .notification__filter-bar button.active,\n .account__header__bio .account__header__content,\n .navigation-bar,\n .column-link__badge,\n .column-subheading,\n .account__display-name strong,\n .status__display-name strong,\n .notification__message,\n .public-layout .public-account-bio .account__header__content,\n .reply-indicator__content,\n .status__content,\n .card__bar .display-name strong {\n color: @text;\n }\n\n\n .search-popout span,\n .link-footer p,\n .link-footer p a {\n color: @subtext1;\n }\n\n .account__header__tabs__name h1 small,\n .account__header__bio .account__header__fields dd,\n .display-name__account,\n .status__relative-time,\n .empty-column-indicator,\n .follow_requests-unlocked_explanation,\n .account .account__display-name,\n .label_input .search__input,\n .search__input:focus,\n .account__header__fields dt {\n color: @subtext0\n }\n\n .compose-panel hr,\n .navigation-panel hr {\n border-top-color: @subtext0\n }\n\n .trends__item,\n .status,\n .getting-started__trends h4,\n .trends__item__name span,\n .story {\n border-color: @subtext0\n }\n\n\n .account__header__tabs__name h1,\n .account__header__content a,\n .account__header__bio .account__header__fields a,\n .empty-column-indicator a,\n .follow_requests-unlocked_explanation a,\n .column-back-button,\n .icon-button.inverted,\n .text-icon-button,\n .icon-button.active,\n .public-layout .public-account-bio .account__header__fields a,\n .column-header__back-button,\n .navigation-bar strong,\n .reply-indicator__content a.unhandled-link,\n .status__content a.unhandled-link {\n color: @accent-colour;\n }\n\n .icon-button,\n .notification__message .fa {\n color: @surface2;\n }\n\n\n .icon-button:active,\n .icon-button:focus,\n .icon-button:hover,\n .text-icon-button:active,\n .text-icon-button:focus,\n .text-icon-button:hover,\n .icon-button.inverted:active,\n .icon-button.inverted:focus,\n .icon-button.inverted:hover,\n .public-layout .public-account-bio .account__header__fields a:hover {\n color: @accent-colour;\n }\n\n\n .ui__header,\n .column-header,\n .column-header__button,\n .column-header__back-button,\n .column-back-button,\n .drawer__header,\n .account__section-headline,\n .notification__filter-bar,\n .account__section-headline button,\n .notification__filter-bar button,\n .account__header,\n .search__input,\n .search__input:focus,\n .column-link__badge,\n .column-subheading,\n .public-layout .header,\n .public-layout .public-account-header__bar::before,\n .account__header__fields,\n .account__header__fields dt,\n .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .focusable:focus,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected {\n border-color: @mantle;\n background: @surface1;\n }\n\n .admin-wrapper .sidebar ul a:hover,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover {\n background: @surface0;\n }\n\n\n .dismissable-banner {\n border-color: @surface1;\n background: @base;\n }\n\n .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .column-header__back-button,\n .account__header__bio .account__header__fields dl,\n .account__header__bio .account__header__fields,\n .empty-column-indicator,\n .column > .scrollable,\n .nothing-here,\n .public-layout .public-account-bio,\n .hero-widget__text,\n body.admin,\n .admin-wrapper .sidebar ul a.selected,\n .admin-wrapper .sidebar ul ul {\n border-color: @mantle;\n background: @base;\n }\n\n\n .public-layout .public-account-header__tabs__tabs .counter::after {\n border-color: @accent-colour;\n }\n\n .public-layout .public-account-header__tabs__tabs .counter.active::after {\n border-color: @accent-colour;\n }\n\n .account,\n .load-gap {\n border-color: @mantle;\n }\n\n .account__section-headline a.active::after {\n border-color: transparent transparent @base;\n }\n\n .account__section-headline a.active::before,\n .account__section-headline button.active::after,\n .account__section-headline button.active::before,\n .notification__filter-bar a.active::after,\n .notification__filter-bar a.active::before,\n .notification__filter-bar button.active::after,\n .notification__filter-bar button.active::before {\n border-color: transparent transparent @mantle;\n }\n\n\n .search-popout,\n .drawer__header a:hover,\n .column-header__button:hover,\n .account__section-headline button:hover,\n .notification__filter-bar button:hover,\n .account__section-headline a:hover {\n background: @surface2;\n }\n\n .column-link .active,\n .column-link--transparent.active,\n .column-link--transparent:focus,\n .column-link:focus {\n color: @accent-colour;\n }\n\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent-colour;\n }\n\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.button-tertiary:active {\n color: @base;\n }\n\n .button.button-tertiary {\n border-color: @accent-colour;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button {\n background: @accent-colour;\n color: @base;\n }\n\n .button.logo-button svg {\n fill: currentColor;\n }\n\n\n .public-layout .header .nav-button {\n background-color: @surface1;\n }\n\n .public-layout .header .nav-button:hover {\n background-color: @surface2;\n }\n\n .button.button-secondary:active,\n .button.button-secondary:focus,\n .button.button-secondary:hover {\n border-color: @accent-colour;\n color: @base;\n transition: .4s;\n }\n\n .button:active,\n .button:focus,\n .button:hover,\n .button.button-tertiary:active,\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.logo-button:active,\n .button.logo-button:focus,\n .button.logo-button:hover {\n background: @accent-colour;\n }\n\n .drawer__inner,\n .drawer__inner__mastodon {\n background-color: @base;\n }\n\n .compose-form .compose-form__modifiers,\n .compose-form .autosuggest-textarea__textarea,\n .compose-form .spoiler-input__input {\n background: @surface1;\n color: @text;\n }\n\n .compose-form .autosuggest-textarea__textarea::placeholder {\n color: @subtext0\n }\n\n .compose-form .compose-form__buttons-wrapper {\n background: @surface0;\n }\n\n .load-more:hover {\n background-color: @mantle;\n }\n\n .character-counter {\n color: @subtext0\n }\n\n .public-layout .header,\n .hero-widget,\n .public-layout .public-account-header,\n .public-layout .public-account-bio,\n .nothing-here {\n box-shadow: none;\n }\n\n .dropdown-menu__arrow:before,\n .dropdown-menu__item a,\n .dropdown-menu__item button,\n .dropdown-menu__container__list,\n .dropdown-menu.bottom {\n background: @surface0;\n color: @text;\n }\n\n .dropdown-menu__item a:hover,\n .dropdown-menu__item button:hover {\n background: @surface1;\n }\n\n .input-copy,\n .simple_form input[type=text],\n .simple_form textarea,\n .simple_form .block-button,\n .simple_form .button,\n .simple_form button {\n background: @mantle;\n color: @text;\n }\n\n .simple_form .block-button:hover,\n .simple_form .button:hover,\n .simple_form button:hover {\n background: @surface0;\n }\n\n .simple_form .input.with_label .label_input > label,\n .simple_form select,\n .accounts-table__count,\n .simple_form textarea {\n color: @text;\n }\n\n .simple_form textarea,\n .simple_form input[type=password],\n .simple_form input[type=number],\n .simple_form input[type=text] {\n border: 1px solid @crust;\n }\n\n .simple_form input[type=email]:required:valid {\n border: 1px solid @green\n }\n\n .simple_form input[type=password],\n .simple_form input[type=number],\n .simple_form input[type=email]:required:valid,\n .simple_form input[type=password]:required:invalid:not(:placeholder-shown) {\n color: @text;\n background: @mantle;\n }\n\n .simple_form input[type=password]:required:invalid:not(:placeholder-shown) {\n border: 1px solid @red;\n }\n\n .simple_form select {\n background: @mantle url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center/auto 16px;\n border: 1px solid @crust;\n }\n\n .simple_form input[type=datetime-local]:active,\n .simple_form input[type=datetime-local]:focus,\n .simple_form input[type=email]:active,\n .simple_form input[type=email]:focus,\n .simple_form input[type=number]:active,\n .simple_form input[type=number]:focus,\n .simple_form input[type=password]:active,\n .simple_form input[type=password]:focus,\n .simple_form input[type=text]:active,\n .simple_form input[type=text]:focus,\n .simple_form input[type=url]:active,\n .simple_form input[type=url]:focus,\n .simple_form textarea:active,\n .simple_form textarea:focus {\n border-color: @accent-colour !important;\n background: @mantle !important;\n color: @text !important;\n }\n\n .table > thead > tr > th {\n border-color: @accent-colour !important;\n }\n\n .batch-table__toolbar,\n .table > thead > tr > th {\n background: @surface0 !important;\n color: @text !important;\n }\n\n .simple_form input[type=datetime-local]:hover,\n .simple_form input[type=email]:hover,\n .simple_form input[type=number]:hover,\n .simple_form input[type=password]:hover,\n .simple_form input[type=text]:hover,\n .simple_form input[type=url]:hover,\n .simple_form textarea:hover {\n background: @mantle !important;\n border-color: @accent-colour !important;\n transition: 0.4s;\n }\n\n .batch-table__row {\n background: @surface1;\n }\n\n .batch-table__row:hover,\n .batch-table__row:nth-child(2n):hover {\n background: @surface2;\n }\n\n .batch-table__row:nth-child(2n),\n .table > tbody > tr > td {\n background: @surface0;\n }\n\n .table > thead > tr > th {\n border-bottom: 2px solid @surface0;\n }\n\n .positive-hint {\n color: @green !important;\n }\n\n .card__bar {\n background: @surface0;\n }\n }\n}\n", - "usercssData": { - "name": "Mastodon Catppuccin", - "namespace": "github.com/catppuccin/mastodon", - "homepageURL": "https://github.com/catppuccin/mastodon", - "version": "1.1.4", - "description": "Soothing pastel theme for Mastodon", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/mastodon/raw/main/dist/catppuccin.user.css", - "preprocessor": "less", - "vars": { - "lightFlavour": { - "type": "select", - "label": "Light Flavour", - "name": "lightFlavour", - "value": "macchiato", - "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" - } - ] - }, - "darkFlavour": { - "type": "select", - "label": "Dark Flavour", - "name": "darkFlavour", - "value": "macchiato", - "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" - } - ] - }, - "accentColour": { - "type": "select", - "label": "Accent", - "name": "accentColour", - "value": "lavender", - "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": "Grey", - "value": "subtext0" - } - ] - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for Mastodon", - "name": "Mastodon Catppuccin", - "originalDigest": "58116531f1104548281394238c7db9a204696931", - "_id": "320983b5-22d4-4221-9cd2-a1ba4b4f3dc1", - "_rev": 1689335906788, - "id": 9 - }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/anilist/raw/main/src/AnilistCatppuccin.user.css", - "installDate": 1669550331888, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name AniList Catppuccin\n@namespace github.com/catppuccin/anilist\n@version 2.0.7\n@description Soothing pastel theme for AniList\n@author Catppuccin\n@updateURL https://github.com/catppuccin/anilist/raw/main/src/AnilistCatppuccin.user.css\n@preprocessor stylus\n@var select theme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\", \"Mocha-Old\"]\n@var select accent \"Accent\" [\"Rosewater*\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue\", \"Sapphire\", \"Sky\", \"Lavender\", \"Gray\"]\n@var select contrast-color \"Contrast Color\" [\"Rosewater\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red*\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue\", \"Sapphire\", \"Sky\", \"Lavender\", \"Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"anilist.co\"), domain(\"anichart.net\") {\n\n\tif (theme==\"Latte\") {\n\n\t\t$type = light\n\n $rosewater = 222, 149, 132\n $flamingo = 221, 120, 120\n $pink = 236, 131, 208\n $mauve = 136, 57, 239\n $red = 210, 15, 57\n $maroon = 230, 69, 83\n $peach = 254, 100, 11\n $yellow = 228, 147, 32\n $green = 64, 160, 43\n $teal = 23, 146, 153\n $blue = 42, 110, 245\n $sapphire = 32, 159, 181\n $sky = 4, 165, 229\n $lavender = 114, 135, 253\n $text = 76, 79, 105\n $subtext1 = 92, 95, 119\n $subtext0 = 108, 111, 133\n $overlay2 = 124, 127, 147\n $overlay1 = 140, 143, 161\n $overlay0 = 156, 160, 176\n $surface2 = 172, 176, 190\n $surface1 = 188, 192, 204\n $surface0 = 204, 208, 218\n $base = 239, 241, 245\n $mantle = 230, 233, 239\n $crust = 220, 224, 232\n\n\t}\n\n\telse if (theme==\"Frappe\") {\n\n\t\t$type = dark\n\n $rosewater = 242, 213, 207\n $flamingo = 238, 190, 190\n $pink = 244, 184, 228\n $mauve = 202, 158, 230\n $red = 231, 130, 132\n $maroon = 234, 153, 156\n $peach = 239, 159, 118\n $yellow = 229, 200, 144\n $green = 166, 209, 137\n $teal = 129, 200, 190\n $blue = 140, 170, 238\n $sapphire = 133, 193, 220\n $sky = 153, 209, 219\n $lavender = 186, 187, 241\n $text = 198, 206, 239\n $subtext1 = 181, 189, 220\n $subtext0 = 165, 172, 201\n $overlay2 = 148, 155, 183\n $overlay1 = 131, 138, 164\n $overlay0 = 115, 120, 145\n $surface2 = 98, 103, 126\n $surface1 = 81, 86, 108\n $surface0 = 65, 69, 89\n $base = 48, 52, 70\n $mantle = 41, 44, 60\n $crust = 35, 38, 52\n\n\t}\n\n\telse if (theme==\"Macchiato\") {\n\n\t\t$type = dark\n\n $rosewater = 244, 219, 214\n $flamingo = 240, 198, 198\n $pink = 245, 189, 230\n $mauve = 198, 160, 246\n $red = 237, 135, 150\n $maroon = 238, 153, 160\n $peach = 245, 169, 127\n $yellow = 238, 212, 159\n $green = 166, 218, 149\n $teal = 139, 213, 202\n $blue = 138, 173, 244\n $sapphire = 125, 196, 228\n $sky = 145, 215, 227\n $lavender = 183, 189, 248\n $text = 197, 207, 245\n $subtext1 = 179, 188, 224\n $subtext0 = 161, 170, 203\n $overlay2 = 143, 151, 183\n $overlay1 = 124, 131, 162\n $overlay0 = 108, 114, 141\n $surface2 = 90, 95, 120\n $surface1 = 72, 76, 100\n $surface0 = 54, 58, 79\n $base = 36, 39, 58\n $mantle = 30, 32, 48\n $crust = 24, 25, 38\n\n\t}\n\n\telse if (theme==\"Mocha\") {\n\n\t\t$type = dark\n\n $rosewater = 245, 224, 220\n $flamingo = 242, 205, 205\n $pink = 245, 194, 231\n $mauve = 203, 166, 247\n $red = 243, 139, 168\n $maroon = 235, 160, 172\n $peach = 250, 179, 135\n $yellow = 249, 226, 175\n $green = 166, 227, 161\n $teal = 148, 226, 213\n $blue = 135, 176, 249\n $sapphire = 116, 199, 236\n $sky = 137, 220, 235\n $lavender = 180, 190, 254\n $text = 198, 208, 245\n $subtext1 = 179, 188, 223\n $subtext0 = 161, 168, 201\n $overlay2 = 142, 149, 179\n $overlay1 = 123, 129, 157\n $overlay0 = 105, 109, 134\n $surface2 = 86, 89, 112\n $surface1 = 67, 70, 90\n $surface0 = 49, 50, 68\n $base = 30, 30, 46\n $mantle = 24, 24, 37\n $crust = 17, 17, 27\n\n\t}\n\n\telse if (theme==\"Mocha-Old\") {\n\n\t\t$type = dark\n\n $rosewater = 245, 224, 220\n $flamingo = 242, 205, 205\n $pink = 245, 194, 231\n $mauve = 221, 182, 242\n $red = 242, 143, 173\n $maroon = 232, 161, 174\n $peach = 248, 189, 150\n $yellow = 250, 227, 176\n $green = 171, 233, 179\n $teal = 181, 232, 224\n $blue = 150, 205, 251\n $sapphire = 116, 199, 236\n $sky = 137, 220, 235\n $lavender = 201, 203, 255\n $text = 217, 224, 238\n $subtext1 = 195, 186, 198\n $subtext0 = 152, 139, 162\n $overlay2 = 110, 108, 126\n $overlay1 = 87, 82, 104\n $overlay0 = 108, 112, 134\n $surface2 = 88, 91, 112\n $surface1 = 69, 71, 90\n $surface0 = 48, 45, 65\n $base = 30, 30, 46\n $mantle = 26, 24, 38\n $crust = 22, 19, 32\n\n\t}\n/*----------------------ACCENT COLORS-------------------------*/\n if (accent==\"Rosewater\") {\n $accent = $rosewater\n } else if (accent==\"Flamingo\") {\n $accent = $flamingo\n } else if (accent==\"Pink\") {\n $accent = $pink\n } else if (accent==\"Mauve\") {\n $accent = $mauve\n } else if (accent==\"Red\") {\n $accent = $red\n } else if (accent==\"Maroon\") {\n $accent = $maroon\n } else if (accent==\"Peach\") {\n $accent = $peach\n } else if (accent==\"Yellow\") {\n $accent = $yellow\n } else if (accent==\"Green\") {\n $accent = $green\n } else if (accent==\"Teal\") {\n $accent = $teal\n } else if (accent==\"Blue\") {\n $accent = $blue\n } else if (accent==\"Sapphire\") {\n $accent = $sapphire\n } else if (accent==\"Sky\") {\n $accent = $sky\n } else if (accent==\"Lavender\") {\n $accent = $lavender\n } else if (accent==\"Gray\") {\n $accent = $subtext0\n }\n :root {\n --color-blue: $accent !important;\n --color-blue-dim: $accent !important;\n --color-overlay: $crust;\n }\n .signup[data-v-62eacfff], .join-btn[data-v-3428d21c] {\n background: rgb($accent) !important;\n }\n h2[data-v-a5dce466], .el-checkbox__input.is-checked+.el-checkbox__label, h2, h2[data-v-0f519cab] {\n color: rgb($accent);\n }\n/*----------------------LIKED COLORS-------------------------*/\n if (contrast-color==\"Rosewater\") {\n $contrast-color = $rosewater\n } else if (contrast-color==\"Flamingo\") {\n $contrast-color = $flamingo\n } else if (contrast-color==\"Pink\") {\n $contrast-color = $pink\n } else if (contrast-color==\"Mauve\") {\n $contrast-color = $mauve\n } else if (contrast-color==\"Red\") {\n $contrast-color = $red\n } else if (contrast-color==\"Maroon\") {\n $contrast-color = $maroon\n } else if (contrast-color==\"Peach\") {\n $contrast-color = $peach\n } else if (contrast-color==\"Yellow\") {\n $contrast-color = $yellow\n } else if (contrast-color==\"Green\") {\n $contrast-color = $green\n } else if (contrast-color==\"Teal\") {\n $contrast-color = $teal\n } else if (contrast-color==\"Blue\") {\n $contrast-color = $blue\n } else if (contrast-color==\"Sapphire\") {\n $contrast-color = $sapphire\n } else if (contrast-color==\"Sky\") {\n $contrast-color = $sky\n } else if (contrast-color==\"Lavender\") {\n $contrast-color = $lavender\n } else if (contrast-color==\"Gray\") {\n $contrast-color = $subtext0\n }\n\n /*----------BASE COLORS FOR ANILIST----------*/\n :root {\n --color-background: $crust;\n --color-foreground: $base;\n --color-foreground-grey: $surface0;\n --color-foreground-grey-dark: $surface0;\n --color-foreground-blue: $mantle;\n --color-foreground-blue-dark: $mantle;\n --color-background-blue-dark: $subtext1;\n --color-overlay: $crust;\n --color-shadow: $mantle;\n --color-shadow-dark: $crust;\n --color-shadow-blue: $blue;\n --color-text: $text;\n --color-text-light: $subtext1;\n --color-text-lighter: $subtext0;\n --color-text-bright: $text;\n --color-blue: $blue;\n --color-blue-dim: $sapphire;\n --color-white: 255,255,255;\n --color-black: 0,0,0;\n --color-red: $contrast-color;\n --color-peach: $maroon;\n --color-orange: $peach;\n --color-yellow: $yellow;\n --color-green: $green;\n --color-background-1200: $text;\n --color-background-1100: $text\n --color-background-1000: $text;\n --color-background-900: $subtext1;\n --color-background-800: $subtext0;\n --color-background-700: $surface1;\n --color-background-600: $surface0;\n --color-background-500: $surface0;\n --color-background-400: $surface0;\n --color-background-300: $base;\n --color-background-200: $mantle;\n --color-background-100: $crust;\n --color-gray-1200: $text;\n --color-gray-1100: $text;\n --color-gray-1000: $text;\n --color-gray-900: $text;\n --color-gray-800: $overlay2;\n --color-gray-700: $overlay1;\n --color-gray-600: $overlay0;\n --color-gray-500: $surface2;\n --color-gray-400: $surface1;\n --color-gray-300: $surface0;\n --color-gray-200: $mantle;\n --color-gray-100: $crust;\n --color-blue-100: $white;\n --color-blue-200: $white;\n --color-blue-300: $white;\n --color-blue-400: $sapphire;\n --color-blue-500: $sapphire;\n --color-blue-600: $blue;\n --color-blue-700: $blue;\n --color-blue-800: $blue;\n --color-blue-900: $blue;\n --color-blue-1000: $blue;\n --color-green-100: $teal;\n --color-green-200: $green;\n --color-green-300: $green;\n --color-green-400: $green;\n --color-green-500: $green;\n --color-green-600: $green;\n --color-green-700: $green;\n --color-green-800: $green;\n --color-red-100: $white;\n --color-red-200: $flamingo;\n --color-red-300: $maroon;\n --color-red-400: $red;\n --color-red-500: $red;\n --color-red-600: $red;\n --color-red-700: $red;\n }\n .site-theme-dark {\n --color-background: $crust;\n --color-foreground: $base;\n --color-foreground-grey: $surface0;\n --color-foreground-grey-dark: $surface0;\n --color-foreground-blue: $mantle;\n --color-foreground-blue-dark: $mantle;\n --color-text: $text;\n --color-text-light: $subtext0;\n --color-text-lighter: $subtext1;\n --color-shadow-blue: $crust;\n --color-background-1200: $text;\n --color-background-1100: $text\n --color-background-1000: $text;\n --color-background-900: $subtext1;\n --color-background-800: $subtext0;\n --color-background-700: $surface1;\n --color-background-600: $surface0;\n --color-background-500: $surface0;\n --color-background-400: $surface0;\n --color-background-300: $base;\n --color-background-200: $mantle;\n --color-background-100: $crust;\n --color-gray-1200: $text;\n --color-gray-1100: $text;\n --color-gray-1000: $text;\n --color-gray-900: $text;\n --color-gray-800: $overlay2;\n --color-gray-700: $overlay1;\n --color-gray-600: $overlay0;\n --color-gray-500: $surface2;\n --color-gray-400: $surface1;\n --color-gray-300: $surface0;\n --color-gray-200: $mantle;\n --color-gray-100: $crust;\n }\n .site-theme-dark .nav-unscoped {\n background-color: rgb($mantle) !important;\n }\n /*----Tracking Status List Stuff----*/\n .site-theme-dark .list[data-v-5776f768], .el-icon-arrow-down:before {\n color: rgb($mantle) !important;\n }\n .site-theme-dark .el-dropdown-menu, .site-theme-dark .el-dropdown-menu__item--divided:before, .el-select-dropdown {\n background-color: rgb($base) !important;\n }\n .site-theme-dark .el-dropdown-menu {\n border: 4px rgb($text) !important;\n }\n .site-theme-dark .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {\n color: rgb($crust) !important;\n }\n .site-theme-dark .el-dropdown-menu__item--divided {\n border-top-color: rgb(21,31,46);\n }\n .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {\n background-color: rgb($mantle);\n }\n /*-----------------GREEN FIXES-----------------*/\n .user-page-unscoped.green {\n --color-blue: $green;\n --color-blue-dim: $green;\n --color-overlay: $crust;\n }\n .user-page-unscoped.green .progress .bar {\n background: linear-gradient(270deg,rgb($green), rgb($green));\n }\n\n /*-----------------BLUE FIXES-----------------*/\n .user-page-unscoped.blue {\n --color-blue: $blue;\n --color-blue-dim: $blue;\n --color-overlay: $crust;\n }\n .user-page-unscoped.purple .progress .bar {\n background: linear-gradient(270deg,rgb($blue), rgb($blue));\n }\n\n /*-----------------PURPLE FIXES-----------------*/\n .user-page-unscoped.purple {\n --color-blue: $mauve !important;\n --color-blue-dim: $mauve;\n --color-overlay: $crust;\n }\n .user-page-unscoped.purple .progress .bar {\n background: linear-gradient(270deg,rgb($mauve), rgb($mauve));\n }\n\n /*-----------------ORANGE FIXES-----------------*/\n .user-page-unscoped.orange {\n --color-blue: $peach !important;\n --color-blue-dim: $peach;\n --color-overlay: $crust;\n }\n .user-page-unscoped.orange .progress .bar {\n background: linear-gradient(270deg,rgb($peach), rgb($peach));\n }\n\n /*-----------------RED FIXES-----------------*/\n .user-page-unscoped.red {\n --color-blue: $red !important;\n --color-blue-dim: $red;\n --color-overlay: $crust;\n }\n .user-page-unscoped.red .progress .bar {\n background: linear-gradient(270deg,rgb($red), rgb($red));\n }\n\n /*-----------------PINK FIXES-----------------*/\n .user-page-unscoped.pink {\n --color-blue: $pink !important;\n --color-blue-dim: $pink;\n --color-overlay: $crust;\n }\n .user-page-unscoped.pink .progress .bar {\n background: linear-gradient(270deg,rgb($pink), rgb($pink));\n }\n /*-----------------GRAY FIXES-----------------*/\n .user-page-unscoped.gray {\n --color-blue: $overlay1 !important;\n --color-blue-dim: $overlay1;\n --color-overlay: $crust;\n }\n .user-page-unscoped.gray .progress .bar {\n background: linear-gradient(270deg,rgb($overlay1), rgb($overlay1));\n }\n\n /*---------SCORE TWEAKS--------------*/\n .score[data-v-5ca094da] { color: rgb($base); }\n\n /*--------------FOOTER (It's hardcoded idk why anilist dumdum)----------*/\n .footer[data-v-a5dce466], .landing[data-v-3428d21c], .footer, .footer[data-v-0f519cab] {\n background-color: var(--color-background) !important;\n }\n\n /*------------------MISC EDITS--------------------*/\n /*--Reset button in notifications-----*/\n .reset-btn {\n color: rgb($base) !important;\n }\n /* Publish Button in Replies and Messages */\n .save {\n color: rgb($base) !important;\n }\n /*------------IMAGE COVER------------*/\n .cover .image-text, .plus-progress {\n color: rgb($text) !important;\n }\n\n .entry .plus-progress, .medialist.table .entry .edit { color: rgb($base) !important;}\n /*--------Settings button--------*/\n .settings[data-v-3deab077] .button {\n color: rgb($crust);\n }\n .el-checkbox__input.is-checked .el-checkbox__inner, .el-radio__input.is-checked .el-radio__inner {\n background-color: rgb($accent);\n border-color: rgb($accent);\n }\n .el-checkbox__inner:after {\n border-color: rgb($crust);\n border-width: 2px;\n left: 3px;\n }\n .el-radio__input.is-checked+.el-radio__label {\n color: rgb($accent);\n }\n /*--------HIDE SCROLLBAR IN BIO-----*/\n .section::-webkit-scrollbar {\n display: none;\n }\n .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n /*--------ANICHART SPECIFIC TWEAKS----*/\n .nav[data-v-e2f25004] {\n background: rgb($crust);\n }\n .season[data-v-e2f25004], .charts .label[data-v-e2f25004], .charts .svg-icon[data-v-e2f25004], .section:first-of-type .section-heading[data-v-309146c2], a.title[data-v-09928904] {\n color: rgb($text);\n }\n .season.router-link-active[data-v-e2f25004], .charts a:hover .svg-icon[data-v-e2f25004], .season[data-v-e2f25004]:hover, .charts .router-link-active .svg-icon[data-v-e2f25004] {\n color: rgb($accent);\n }\n .settings[data-v-3deab077] .button.danger { color: rgb($base); }\n /* AUTOMAIL TWEAK */\n .site-theme-dark .el-popper .el-dropdown-menu__item:focus, .el-popper .el-dropdown-menu__item:not(.is-disabled):hover {\n color: rgb($accent) !important;\n }\n .hohMediaScore { font-size: 90%; font-family: Overpass; border: 2px solid rgb($surface0); padding: 4px; border-radius: 10px; margin-left: 0px; background-color: rgb($base); color: rgb($accent); }\n .filter-group.compare-btn, .hohButton { color: rgb($base); }\n .hohButton { background-color: rgb($accent); }\n .medialist.table .entry:hover, .medialist.table .entry .title a:hover, .compare-btn[data-v-170179fc]:hover { color: rgb($base); }\n .hohCompare table { background-color: rgb($crust); }\n .hohAnimeTable, .hohAnimeTable td, .hohUserRow td, .hohUserRow th, .hohHeaderRow td, .hohHeaderRow th { border: 2px solid rgb($surface0) !important; }\n .hohUserRow td { border-top: 4px solid rgb($surface0) !important; }\n .hohUserRow tr { border-right: 4px solid rgb($surface0) !important; }\n /*---------ANILIST LIKER PLUGIN------*/\n #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n #AnilistLikerPlugin .btntop { margin-bottom: -4px; margin-top: 5px; }\n #AnilistLikerPlugin .btnbottom { margin-top: -2px; }\n}\n", - "usercssData": { - "name": "AniList Catppuccin", - "namespace": "github.com/catppuccin/anilist", - "version": "2.0.7", - "description": "Soothing pastel theme for AniList", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/anilist/raw/main/src/AnilistCatppuccin.user.css", - "preprocessor": "stylus", - "vars": { - "theme": { - "type": "select", - "label": "Theme", - "name": "theme", - "value": "Macchiato", - "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" - }, - { - "name": "Mocha-Old", - "label": "Mocha-Old", - "value": "Mocha-Old" - } - ] - }, - "accent": { - "type": "select", - "label": "Accent", - "name": "accent", - "value": "Lavender", - "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": "Gray", - "label": "Gray", - "value": "Gray" - } - ] - }, - "contrast-color": { - "type": "select", - "label": "Contrast Color", - "name": "contrast-color", - "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": "Gray", - "label": "Gray", - "value": "Gray" - } - ] - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for AniList", - "name": "AniList Catppuccin", - "originalDigest": "cd58a058907b29bd6035a0d2f720ac9b03171156", - "_id": "6bb365e2-13e6-4871-93d2-88449b74d26f", - "_rev": 1678295350835, - "id": 10 - }, { "enabled": true, "updateUrl": "https://userstyles.world/api/style/3838.user.css", @@ -872,556 +126,6 @@ "installationUrl": "https://userstyles.world/style/3838", "id": 12 }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/brave-search/raw/main/catppuccin.user.css", - "installDate": 1672309222998, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Brave Search Catppuccin\n@namespace github.com/catppuccin/brave-search\n@version 1.0.0\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/brave-search/raw/main/catppuccin.user.css\n@preprocessor stylus\n@var select lighttheme \"Light Theme\" [\"Latte\"]\n@var select darktheme \"Dark Theme\" [\"Frappe\", \"Macchiato\", \"Mocha\"]\n==/UserStyle== */\n\n@-moz-document domain(\"search.brave.com\") {\n if (lighttheme==\"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 $shadow = #dbdfef\n }\n\n :root.light {\n --body-bg: $base;\n --bg-glassy: $mantle;\n --bg-1: $surface1;\n --bg-2: $surface0;\n --bg-02: $crust;\n --bg-04: $mantle;\n --bg-green: $green;\n --bg-blue: $blue;\n --bg-red: $red;\n --bg-favicon: $surface1;\n --bg-form-control-selected: $surface2;\n --bg-form-control-unselected: $surface0;\n --form-control-selected: $blue;\n --form-control-hover: $lavender;\n --form-control-focus: $text;\n --settings-header-bg: $mantle;\n --settings-header-text: $text;\n --settings-header-icon: $blue;\n --settings-widget-text: $subtext0;\n --settings-item-text: $text;\n --settings-item-icon: $blue;\n --settings-item-border: $overlay0;\n --settings-item-border-2: $overlay2;\n --settings-btn-bg: $surface0;\n --settings-btn-text: $text;\n --settings-widget-outline: $overlay0;\n --settings-independent-score: $blue;\n --settings-global-score: $peach;\n --brave-supporter-bg: $base;\n --brave-supporter-text: $text;\n --context-menu-header-border: $overlay0;\n --color-primary: $text;\n --color-primary-2: $subtext1;\n --color-primary-3: $subtext0;\n --color-white: $text;\n --color-gray-2: $subtext1;\n --color-gray-3: $subtext0;\n --color-gray-4: $overlay2;\n --color-gray-5: $overlay1;\n --color-gray-6: $overlay0;\n --color-green: $green;\n --color-red: $red;\n --color-blue: $blue;\n --info-color: $blue;\n --link-primary: $blue;\n --link-secondary: $blue;\n --link-visited: $mauve;\n --snippet-url: $subtext0;\n --separator-dot: $overlay0;\n --theme-purple: $mauve;\n --theme-yellow: $yellow;\n --border-color: $overlay0;\n --blurple-300: $lavender;\n --text-01: $text;\n --text-02: $subtext1;\n --text-03: $subtext0;\n --interactive-04: $blue;\n --interactive-05: $blue;\n --interactive-06: $blue;\n --interactive-07: $blue;\n --interactive-08: $blue;\n --focus-border: $overlay2;\n --divider-01: $overlay0;\n --disabled: $overlay1;\n --btn-filled-bg: $surface0;\n --btn-filled-bg-hover: $surface1;\n --btn-filled-text-active: $text;\n --btn-filled-bg-active: $surface2;\n --btn-filled-text-disabled: $overlay1;\n --btn-outline-border: $overlay0;\n --btn-outline-border-hover: $overlay1;\n --btn-outline-text: $text;\n --btn-outline-text-hover: $subtext1;\n --btn-outline-text-active: $text;\n --btn-outline-border-active: $overlay2;\n --btn-outline-text-disabled: $overlay1;\n --btn-icon-svg-hover: $subtext1;\n --btn-icon-bg-hover: $surface1;\n --btn-icon-svg-active: $text;\n --code-bg-0: $base;\n --code-border: $overlay0;\n --code-color-1: $surface0;\n --code-color-2: $text;\n --code-color-3: $green;\n --code-color-4: $blue;\n --code-color-5: $pink;\n --search-bgd-01: $overlay0;\n --search-bgd-02: $base;\n --search-bgd-03: $crust;\n --search-bgd-04: $mantle;\n --search-bgd-05: $base;\n --search-bgd-06: $surface0;\n --search-bgd-07: $mantle;\n --search-bgd-08: $crust;\n --search-line-01: $surface0;\n --search-line-02: $subtext0;\n --search-text-01: $text;\n --search-text-02: $subtext1;\n --search-text-03: $subtext0;\n --search-text-04: $subtext0;\n --search-text-05: $blue;\n --search-text-06: $overlay0;\n --search-text-09: $yellow;\n --search-text-10: $peach;\n --search-interactive-01: $blue;\n --search-interactive-02: $mauve;\n --search-interactive-03: $mauve;\n --search-interactive-04: $sky;\n --search-interactive-05: $mauve;\n --gray-30: $base;\n --gray-60: $surface0;\n --gray-90: $overlay0;\n --gray-110: $subtext0;\n --gray-120: $text;\n --secondary-90: $lavender;\n }\n\n\n if (darktheme==\"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 $shadow = #010409\n }\n else if (darktheme==\"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 $shadow = #010409\n }\n else if (darktheme==\"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 $lavender = #b4befe\n $blue = #89b4fa\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 $shadow = #010409\n }\n\n :root.dark {\n --body-bg: $base;\n --bg-glassy: $mantle;\n --bg-1: $surface1;\n --bg-2: $surface0;\n --bg-02: $crust;\n --bg-04: $mantle;\n --bg-green: $green;\n --bg-blue: $blue;\n --bg-red: $red;\n --bg-favicon: $surface1;\n --bg-form-control-selected: $surface2;\n --bg-form-control-unselected: $surface0;\n --form-control-selected: $blue;\n --form-control-hover: $lavender;\n --form-control-focus: $text;\n --settings-header-bg: $mantle;\n --settings-header-text: $text;\n --settings-header-icon: $blue;\n --settings-widget-text: $subtext0;\n --settings-item-text: $text;\n --settings-item-icon: $blue;\n --settings-item-border: $overlay0;\n --settings-item-border-2: $overlay2;\n --settings-btn-bg: $surface0;\n --settings-btn-text: $text;\n --settings-widget-outline: $overlay0;\n --settings-independent-score: $blue;\n --settings-global-score: $peach;\n --brave-supporter-bg: $base;\n --brave-supporter-text: $text;\n --context-menu-header-border: $overlay0;\n --color-primary: $text;\n --color-primary-2: $subtext1;\n --color-primary-3: $subtext0;\n --color-white: $text;\n --color-gray-2: $subtext1;\n --color-gray-3: $subtext0;\n --color-gray-4: $overlay2;\n --color-gray-5: $overlay1;\n --color-gray-6: $overlay0;\n --color-green: $green;\n --color-red: $red;\n --color-blue: $blue;\n --info-color: $blue;\n --link-primary: $blue;\n --link-secondary: $blue;\n --link-visited: $mauve;\n --snippet-url: $subtext0;\n --separator-dot: $overlay0;\n --theme-purple: $mauve;\n --theme-yellow: $yellow;\n --border-color: $overlay0;\n --blurple-300: $lavender;\n --text-01: $text;\n --text-02: $subtext1;\n --text-03: $subtext0;\n --interactive-04: $blue;\n --interactive-05: $blue;\n --interactive-06: $blue;\n --interactive-07: $blue;\n --interactive-08: $blue;\n --focus-border: $overlay2;\n --divider-01: $overlay0;\n --disabled: $overlay1;\n --btn-filled-bg: $surface0;\n --btn-filled-bg-hover: $surface1;\n --btn-filled-text-active: $text;\n --btn-filled-bg-active: $surface2;\n --btn-filled-text-disabled: $overlay1;\n --btn-outline-border: $overlay0;\n --btn-outline-border-hover: $overlay1;\n --btn-outline-text: $text;\n --btn-outline-text-hover: $subtext1;\n --btn-outline-text-active: $text;\n --btn-outline-border-active: $overlay2;\n --btn-outline-text-disabled: $overlay1;\n --btn-icon-svg-hover: $subtext1;\n --btn-icon-bg-hover: $surface1;\n --btn-icon-svg-active: $text;\n --code-bg-0: $base;\n --code-border: $overlay0;\n --code-color-1: $surface0;\n --code-color-2: $text;\n --code-color-3: $green;\n --code-color-4: $blue;\n --code-color-5: $pink;\n --search-bgd-01: $overlay0;\n --search-bgd-02: $base;\n --search-bgd-03: $crust;\n --search-bgd-04: $mantle;\n --search-bgd-05: $base;\n --search-bgd-06: $surface0;\n --search-bgd-07: $mantle;\n --search-bgd-08: $crust;\n --search-line-01: $surface0;\n --search-line-02: $subtext0;\n --search-text-01: $text;\n --search-text-02: $subtext1;\n --search-text-03: $subtext0;\n --search-text-04: $subtext0;\n --search-text-05: $blue;\n --search-text-06: $overlay0;\n --search-text-09: $yellow;\n --search-text-10: $peach;\n --search-interactive-01: $blue;\n --search-interactive-02: $mauve;\n --search-interactive-03: $mauve;\n --search-interactive-04: $sky;\n --search-interactive-05: $mauve;\n --gray-30: $base;\n --gray-60: $surface0;\n --gray-90: $overlay0;\n --gray-110: $subtext0;\n --gray-120: $text;\n --secondary-90: $lavender;\n }\n}", - "usercssData": { - "name": "Brave Search Catppuccin", - "namespace": "github.com/catppuccin/brave-search", - "version": "1.0.0", - "description": "Soothing pastel theme for Brave Search", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/brave-search/raw/main/catppuccin.user.css", - "preprocessor": "stylus", - "vars": { - "lighttheme": { - "type": "select", - "label": "Light Theme", - "name": "lighttheme", - "value": null, - "default": "Latte", - "options": [ - { - "name": "Latte", - "label": "Latte", - "value": "Latte" - } - ] - }, - "darktheme": { - "type": "select", - "label": "Dark Theme", - "name": "darktheme", - "value": "Macchiato", - "default": "Frappe", - "options": [ - { - "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 Brave Search", - "name": "Brave Search Catppuccin", - "originalDigest": "55a41936a4a079bde8ef06dcc8925fad05d9371f", - "_id": "05781fac-cc5f-41ad-ada5-76ce1696455c", - "_rev": 1678038044589, - "id": 14 - }, - { - "enabled": true, - "updateUrl": "https://raw.githubusercontent.com/catppuccin/reddit/main/css/reddit-catppuccin.user.css", - "installDate": 1674641021717, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/reddit\n@version 1.1.0\n@description Soothing pastel theme for Reddit.\n@author jayylmao\n@updateURL https://raw.githubusercontent.com/catppuccin/reddit/main/css/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(--text) !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 \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/reddit", - "version": "1.1.0", - "description": "Soothing pastel theme for Reddit.", - "author": "jayylmao", - "updateURL": "https://raw.githubusercontent.com/catppuccin/reddit/main/css/reddit-catppuccin.user.css", - "preprocessor": "stylus", - "vars": { - "stylusAccent": { - "type": "select", - "label": "Accent color", - "name": "stylusAccent", - "value": "Lavender", - "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": "Macchiato", - "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": "1254d6fcb6b167dabd95edd75c4f1c258e2185f3", - "_id": "29ee6d21-98de-4b3a-8d55-43b787f7f58b", - "_rev": 1678295393953, - "id": 17 - }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/deepl/raw/main/catppuccin.user.css", - "url": "https://github.com/catppuccin/deepl", - "installDate": 1674763382847, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/deepl\n@homepageURL https://github.com/catppuccin/deepl\n@version 0.2.0\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/deepl/raw/main/catppuccin.user.css\n@preprocessor stylus\n\n@var select theme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var select accent \"Accent\" [\"Rosewater\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue*\", \"Sapphire\", \"Sky\", \"Lavender\"]\n\n@var checkbox quotes \"Remove Quotes\" 0\n@var checkbox header \"Remove Header\" 0\n@var checkbox footer \"Remove Footer\" 0\n@var checkbox tabs \"Remove Tabs\" 0\n@var checkbox dictionary \"Remove Dictionary\" 0\n@var checkbox removeAds \"Remove DeepL Ads\" 0\n==/UserStyle== */\n@-moz-document url-prefix(\"https://www.deepl.com/translator\") {\n if (theme == \"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 } else if (theme==\"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 } else if (theme==\"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 } else if (theme==\"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 $lavender = #b4befe;\n $blue = #89b4fa;\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 if (accent == \"Rosewater\") {\n $accent = $rosewater\n } else if (accent == \"Flamingo\") {\n $accent = $flamingo\n } else if (accent == \"Pink\") {\n $accent = $pink\n } else if (accent == \"Mauve\") {\n $accent = $mauve\n } else if (accent == \"Red\") {\n $accent = $red\n } else if (accent == \"Maroon\") {\n $accent = $maroon\n } else if (accent == \"Peach\") {\n $accent = $peach\n } else if (accent == \"Yellow\") {\n $accent = $yellow\n } else if (accent == \"Green\") {\n $accent = $green\n } else if (accent == \"Teal\") {\n $accent = $teal\n } else if (accent == \"Blue\") {\n $accent = $blue\n } else if (accent == \"Sapphire\") {\n $accent = $sapphire\n } else if (accent == \"Sky\") {\n $accent = $sky\n } else if (accent == \"Lavender\") {\n $accent = $lavender\n }\n\n $accent2 = mix($accent, $text, 60%);\n\n .dl_body {\n color: $subtext1;\n }\n\n button {\n color: $text;\n }\n\n [class*=\"label--\"] {\n --inlineLabelColor: theme is \"Latte\" ? #fff : $crust;\n --outline-color: $accent;\n --background: $overlay1;\n --backgroundHover: mix($overlay1, $base, 90%);\n\n &[class*=\"selected--\"] {\n --background: $green;\n --backgroundHover: mix($green, $base, 90%);\n }\n\n [class^=\"toggle--\"] {\n [class^=\"knob--\"] {\n background: theme is \"Latte\" ? #fff : $crust;\n }\n }\n }\n\n [class^=\"wrapper--\"] {\n --input-background: $base;\n --input-border-color: $surface1;\n --input-color: $subtext1;\n --button-background: $base;\n --button-border-color: $surface1;\n --button-color: $subtext1;\n\n [class^=\"flyout--\"] {\n --option-color: $subtext1;\n --option-icon-color: $accent;\n background: $surface0;\n\n [class^=\"option--\"][class*=\"unavilable--\"] {\n --option-color: $overlay1;\n --option-icon-color: $subtext0;\n }\n\n &[class*=\"withBorderOnFlyout--\"] {\n --border: 1px solid $surface2;\n }\n }\n }\n\n [class^=\"form--\"] {\n [class^=\"submit--\"] {\n color: theme is \"Latte\" ? $base: $crust;\n background: $accent2;\n\n &:disabled {\n background: alpha($accent2, 0.5);\n }\n }\n }\n\n .text-deepl-blue {\n color: $accent2;\n }\n\n .text-deprecated-grey-darker {\n color: $subtext1;\n }\n\n .bg-white {\n background-color: $base;\n }\n\n .border-dark-7 {\n border-color: $surface1;\n }\n\n .dl_body--redesign {\n background-color: $mantle !important;\n }\n\n [class*=\"button--\"][class*=\"color_primary--\"] {\n border-color: $accent2;\n background-color: $accent2;\n color: $accent2;\n }\n\n [class*=\"button--\"][class*=\"variant_contained--\"],\n .dark [class*=\"button--\"][class*=\"variant_contained--\"] {\n color: theme is \"Latte\" ? #fff : $crust;\n }\n\n [class*=\"button--\"].variant_text--gozza,\n .dark [class*=\"button--\"].variant_text--gozza {\n background-color: transparent;\n }\n\n /////\n\n .eSEOtericText {\n color: $overlay1;\n }\n\n .dl_header {\n &,\n &::before {\n background-color: $crust !important;\n }\n }\n\n .dl_header_menu_v2__links__item {\n &,\n &:visited,\n &:active,\n &:focus {\n color: $accent2;\n }\n }\n\n .dl_headerMenu__proButton {\n background-color: $accent;\n color: theme is \"Latte\" ? #fff : $crust;\n\n &:hover {\n background-color: darken($accent, 30%);\n color: theme is \"Latte\" ? #fff : $crust;\n }\n }\n\n .dl_header_menu_v2__login_button_simple > button {\n color: $accent2;\n\n &:hover {\n color: $accent;\n }\n }\n\n .dl_header_menu_v2__buttons__menu > button {\n &::before,\n &::after {\n color: $accent2;\n }\n\n &:hover {\n &::before,\n &::after {\n color: $accent;\n }\n }\n }\n\n .dl_headerMenu__freeBadge,\n .dl_headerMenu__alphaBadge {\n background-color: spin($accent, -40deg);\n color: theme is \"Latte\" ? #fff : $crust;\n }\n\n .dl_header_menu_v2__links__item.dl_translator_link:not(.nohover):hover {\n color: $accent;\n }\n\n .dl_header_menu_v2__links__item:not(.nohover):hover,\n .dl_header_menu_v2__links__item.is-active {\n border-bottom-color: $accent;\n color: $accent;\n }\n\n #new-menu-container {\n [class^=\"menuContainer--\"] {\n background-color: $base;\n }\n\n [class^=\"container--\"] a {\n color: $text;\n\n &:hover {\n color: $accent;\n }\n }\n\n [class^=\"mainContent--\"] + [class^=\"mainContent--\"] {\n border-top-color: $surface1;\n }\n\n [class^=\"closeButton\"] {\n &::before,\n &::after {\n background-color: $subtext0;\n }\n\n &:hover {\n &::before,\n &::after {\n background-color: $accent;\n }\n }\n }\n }\n\n /////\n\n .lmt--web .lmt__language_container .lmt__language_container_switch:hover,\n .lmt--web .lmt__language_container .lmt__language_container_switch:focus {\n color: $accent;\n }\n\n .lmt__docTrans-tab-container {\n [class^=\"cardButton--\"] {\n background-color: $base;\n border-color: $surface1;\n\n &:not([class*=\"active--\"]):hover {\n background-color: $surface0;\n }\n }\n\n [class^=\"textLower--\"] {\n color: $overlay2;\n }\n\n [class*=\"logo\"],\n [class^=\"textUpper--\"] {\n color: $accent;\n }\n\n [class*=\"active--\"] {\n [class*=\"logo\"],\n [class^=\"textUpper--\"] {\n color: $text;\n }\n\n [class^=\"innerLower--\"] {\n background-color: $accent;\n }\n }\n }\n\n .lmt--web .lmt__sides_container,\n #doc-trans-source-panel,\n #doc-trans-target-panel {\n border-color: $surface1;\n }\n\n .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__language_container,\n .dl_body--redesign .lmt--web .lmt__textarea_container,\n .lmt__doc .lmt__language_container #doc-trans-source-panel,\n [class^=\"docTrans__help_popup--\"],\n #doc-trans-target-panel {\n background: $base;\n }\n\n #doc-trans-source-panel,\n #doc-trans-target-panel {\n [class^=\"header--\"] {\n border-bottom-color: $surface2;\n }\n }\n\n .dl_help-popup_assist-text {\n color: $overlay1;\n }\n\n .dl_body--redesign .lmt--web .lmt__language_select .lmt__language_select__active {\n color: $subtext0;\n }\n\n .lmt--web .lmt__language_select > .lmt__language_select__active {\n strong {\n color: $accent2;\n }\n\n &:hover {\n strong,\n .lmt__language_select__opener {\n color: $accent;\n }\n }\n }\n\n .lmt--web .lmt__textarea {\n &,\n textarea {\n color: $text;\n }\n }\n\n .lmt--web .lmt__textarea.lmt__textarea--inactive {\n color: $overlay2 !important;\n }\n\n .lmt__source_textarea_overlay .lmt__source_textarea_overlay__sentence--active {\n color: $accent2;\n background-color: $base;\n }\n\n .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__side_container.lmt__side_container--source .lmt__textarea_container {\n border-right-color: $surface1;\n border-top-color: $surface1;\n }\n\n .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__side_container.lmt__side_container--target .lmt__textarea_container {\n border-top-color: $surface1 !important;\n }\n\n .lmt--showing_alternatives .lmt__translations_as_text::before,\n .lmt--web .lmt__translations_as_text h4::before {\n border-top-color: $surface1;\n }\n\n .lmt--web .lmt__translations_as_text h4 {\n color: $overlay1;\n }\n\n .dl_body--redesign .lmt--web .lmt__textarea_container.lmt__textarea_container--focus,\n .integratedLanguageSelectors .lmt--web .lmt__sides_container.lmt__sides_container--focus_source .lmt__side_container.lmt__side_container--source .lmt__textarea_container,\n .integratedLanguageSelectors .lmt--web .lmt__sides_container.lmt__sides_container--focus_target .lmt__side_container.lmt__side_container--target .lmt__textarea_container {\n border: 1px solid $accent !important;\n }\n\n .lmt--web .lmt__language_container .lmt__language_container_switch {\n color: $accent2;\n }\n\n @keyframes lmt_textarea__busy_animation_ctp {\n 0% { box-shadow: inset 0 0 0px 0 $base, inset 0 0 0px 0px rgba(14, 43, 70, 0.0);\n }\n\n 10% { box-shadow: inset 0 0 0px 1px $base, inset 0 0 0px 2px rgba(14, 43, 70, 0.5);\n }\n\n 20% { box-shadow: inset 0 0 1px 3px $base, inset 0 0 1px 4px rgba(14, 43, 70, 0.5),\n }\n\n 40% { box-shadow: inset 0 0 1px 8px $base, inset 0 0 1px 8px rgba(14, 43, 70, 0.3),\n }\n }\n\n .lmt--active_translation_request.lmt--active_translation_request--with_target_has_content .lmt__side_container--target .lmt__inner_textarea_container {\n animation: lmt_textarea__busy_animation_ctp 1.5s 2.5s linear infinite;\n box-shadow: inset 0 0 1px 14px $base, inset 0 0 0px rgba(0, 0, 0, 0);\n }\n\n .lmt__toolbar_container,\n [data-testid=\"deepl-ui-tooltip-container\"] {\n span > button:hover {\n background-color: alpha($text, .15) !important;\n }\n }\n\n .lmt__clear_text_button_wrapper {\n [class*=\"button--\"] {\n &:active:enabled,\n &:hover:enabled {\n color: $accent;\n }\n }\n }\n\n // language selector\n .lmt__language_select__menu.lmt__language_select__menu_three_columns {\n &,\n input {\n background-color: $base;\n }\n\n border-color: $surface1;\n }\n\n .lmt__language_select__menu .lmt__dropdown_item_inside_container,\n .lmt__language_select__menu .lmt__formalitySwitch__menu_items > div > button,\n .lmt__language_select__menu .lmt__formalitySwitch__menu_items > div > div > button,\n .lmt__language_select__menu > div > button,\n .lmt__language_select__menu > div > div > button {\n color: $subtext1;\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column button:hover,\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column button.highlighted {\n background-color: alpha($yellow, 0.3);\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column {\n border-right-color: $surface1;\n }\n\n .lmt--web .lmt__language_select__menu_three_columns_close_button {\n color: $accent;\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column button .tick {\n border-bottom-color: $accent;\n border-right-color: $accent;\n }\n\n // glossary\n .lmt__glossary_highlight {\n color: $accent;\n }\n\n .lmt__glossaryButton__desktop {\n border-color: alpha($text, .12)\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover {\n color: $accent;\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: $accent;\n color: theme is \"Latte\" ? #fff : $crust;\n\n .lmt__glossary_editorClose {\n color: theme is \"Latte\" ? #fff : $crust;\n }\n }\n\n [dl-test = \"glossary-modal\"] {\n input {\n background-color: $surface1;\n }\n\n &[class*=\"modal--\"] {\n background-color: $surface0;\n }\n\n [class*=\"content--\"] {\n color: $text;\n }\n }\n\n .lmt__glossary_newEntry_langButton {\n color: $subtext1;\n\n &:hover {\n color: $accent;\n }\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_langButton .lmt__glossary_arrowDown {\n border-bottom-color: $overlay2;\n border-right-color: $overlay2;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: $overlay0;\n color: $text;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_langButton {\n border-color: $overlay0;\n background-color: $surface1;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource:focus,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget:focus {\n border-color: $accent;\n }\n\n .lmt_firstEntry-content .lmt__glossary_acceptButton {\n color: theme is \"Latte\" ? #fff : $crust;\n }\n\n .lmt__glossary_acceptButton.lmt__glossary_acceptButton--disabled {\n &,\n &:hover {\n background-color: alpha($accent, 0.5);\n }\n }\n\n .lmt__language_select__menu {\n background-color: $surface1;\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button {\n color: $text;\n\n &:hover {\n background-color: alpha($yellow, 0.2) !important;\n }\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langName {\n color: $text !important;\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langCodePair,\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langCodePair .langCode {\n color: $subtext0;\n }\n\n .lmt__glossary_acceptButton {\n background-color: $accent2;\n\n &:hover {\n background-color: $accent;\n }\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossaryName {\n color: $text;\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-bottom-color: $accent2;\n border-right-color: $accent2;\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom\n .lmt__glossary_editor [class^=\"form--\"] {\n background-color: $mantle;\n }\n\n .lmt__glossary_editor_subBar_bottom .lmt__glossary_editor_glossaryAddNewWrapper .lmt__glossary_editor_glossaryAddNew {\n color: $accent;\n }\n\n .lmt__glossary_editor {\n background-color: $base;\n color: $text;\n border-color: $accent;\n }\n\n .lmt__glossaryButton__desktop.switchedOn {\n border-color: $accent;\n }\n\n .lmt__glossary_editorRow_editMode .editInput {\n border-color: $surface1;\n color: $text;\n background-color: $base;\n }\n\n .lmt__glossary_editor_checkmark {\n border-bottom-color: theme is \"Latte\" ? $base: $crust;\n border-right-color: theme is \"Latte\" ? $base: $crust;\n }\n\n .lmt__glossary_editor_langPairHeadline {\n color: $text;\n border-bottom-color: $surface1;\n }\n\n .lmt__glossary_editorRow {\n color: $text;\n }\n\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: $overlay1;\n border-right-color: $overlay1;\n }\n\n .LanguagePair_arrow {\n color: $overlay2;\n stroke: $overlay2;\n }\n\n .lmt__glossary_dialog {\n background-color: $surface0;\n color: $text;\n border-color: $surface2;\n }\n\n .lmt__glossary_editorRow .iconButton {\n color: $text;\n }\n\n /////\n\n .combined_app_ad_mobile_and_desktop .dl_ad_pro_container,\n .dl_pro__banner--2021--wrapper,\n [class^=\"footerOuterContainer\"],\n .lmt_quote__inner {\n background-color: $crust;\n }\n\n .lmt_quote__inner,\n .lmt_quote__text,\n .lmt_quote__source {\n color: $subtext0;\n }\n\n .lmt_quote__source a {\n color: $accent;\n }\n\n // popup\n .lmt__edit_text_popup {\n background-color: $surface1;\n }\n\n .lmt__edit_text_popup li,\n .lmt__edit_text_popup .lmt__edit_text_list_item {\n color: $subtext1;\n border-color: $surface2;\n }\n\n .lmt__edit_text_popup .lmt__edit_text_popup__entry--active {\n background-color: alpha($yellow, 0.3);\n }\n\n // dictionary\n #lmt__dict_container {\n [class^=\"content--\"] {\n .tag_lemma a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a\n .isForeignTerm .tag_t,\n .tag_t a {\n color: $accent;\n }\n\n .sep {\n color: $text;\n }\n\n .tag_trans {\n color: $subtext1;\n }\n\n .notascommon {\n color: $overlay1;\n }\n }\n\n span > span > button:hover {\n color: $accent;\n }\n }\n\n // quotes\n .lmt_quotes_nav_entry {\n color: $overlay1;\n background-color: $overlay0;\n }\n\n .lmt_quotes_nav_entry--active {\n color: $accent;\n background-color: $accent;\n }\n\n // footer\n .dl_footerV2_container {\n [class*=\"linkList--\"] li {\n &:not(:first-of-type) a {\n color: $accent2 !important; // idk why this isn't coloring\n }\n\n [class*=\"badge--\"] {\n background-color: spin($accent, -40deg) !important;\n color: theme is \"Latte\" ? #fff : $crust !important;\n }\n }\n }\n\n /////\n\n if (theme != Latte) {\n #dl_menu_logo img,\n #dl_menu_translator_simplified img,\n .lmt_quote .lmt_quote__logo,\n .lmt_quote__inner::before,\n [class^=\"docTrans__help_popup__container--\"] [class^=\"supportedIcons--\"] > div,\n .dl_footerV2_container [class^=\"brandingContainer--\"] a > img,\n [class^=\"socialMediaContainer--\"] a > img {\n filter: invert(100%) hue-rotate(180deg);\n }\n }\n\n /////\n\n // options\n if (quotes) {\n #dl_quotes_container {\n display: none;\n }\n }\n\n if (header) {\n .dl_header {\n display: none;\n }\n }\n\n if (footer) {\n .dl_footerV2_container,\n .showSeoText .eSEOtericText {\n display: none;\n }\n }\n\n if (tabs) {\n .lmt__doc {\n margin-bottom: 0;\n\n &Trans-tab-container {\n display: none !important;\n min-height: 100vh;\n }\n }\n\n #lmt_quotes_article {\n margin-top: 0;\n }\n\n .dl_translator_page_container {\n align-items: center;\n align-content: center;\n justify-content: center;\n }\n }\n\n if (dictionary) {\n #lmt__dict_container {\n display: none !important;\n }\n }\n\n if (quotes != footer) {\n .showSeoText .eSEOtericText {\n margin-bottom: 70px;\n }\n }\n\n if (quotes && header && footer) {\n body {\n display: flex;\n flex-direction: column;\n min-height: calc(100vh - 2em);\n align-items: center;\n align-content: center;\n justify-content: center;\n }\n\n .dl_translator_page_container {\n margin: 2em 0;\n\n > * {\n width: 100vw;\n }\n }\n }\n\n if (quotes && header && footer && tabs) {\n body {\n min-height: 100vh;\n }\n }\n\n if (removeAds) {\n #lmt_pro_ad_container {\n display: none;\n }\n }\n}\n", - "usercssData": { - "name": "DeepL Catppuccin", - "namespace": "github.com/catppuccin/deepl", - "homepageURL": "https://github.com/catppuccin/deepl", - "version": "0.2.0", - "description": "Soothing pastel theme for DeepL", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/deepl/raw/main/catppuccin.user.css", - "preprocessor": "stylus", - "vars": { - "theme": { - "type": "select", - "label": "Theme", - "name": "theme", - "value": "Macchiato", - "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" - } - ] - }, - "accent": { - "type": "select", - "label": "Accent", - "name": "accent", - "value": "Lavender", - "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" - } - ] - }, - "quotes": { - "type": "checkbox", - "label": "Remove Quotes", - "name": "quotes", - "value": "1", - "default": "0", - "options": null - }, - "header": { - "type": "checkbox", - "label": "Remove Header", - "name": "header", - "value": "1", - "default": "0", - "options": null - }, - "footer": { - "type": "checkbox", - "label": "Remove Footer", - "name": "footer", - "value": "1", - "default": "0", - "options": null - }, - "tabs": { - "type": "checkbox", - "label": "Remove Tabs", - "name": "tabs", - "value": null, - "default": "0", - "options": null - }, - "dictionary": { - "type": "checkbox", - "label": "Remove Dictionary", - "name": "dictionary", - "value": null, - "default": "0", - "options": null - }, - "removeAds": { - "type": "checkbox", - "label": "Remove DeepL Ads", - "name": "removeAds", - "value": "1", - "default": "0", - "options": null - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for DeepL", - "name": "DeepL Catppuccin", - "originalDigest": "58b83380a0dd8b412bb32865bf5cfb6475d9f6f4", - "_id": "30aa868e-4e9e-4b82-951d-03a09fec5b02", - "_rev": 1678295361735, - "id": 18 - }, - { - "enabled": true, - "updateUrl": "https://raw.githubusercontent.com/catppuccin/twitch/main/src/catppuccin.user.css", - "url": "https://github.com/catppuccin/twitch", - "installDate": 1674813945292, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Twitch Catppuccin\n@namespace github.com/catppuccin/twitch\n@homepageURL https://github.com/catppuccin/twitch\n@version 1.0.9\n@description Soothing pastel theme for Twitch\n@author Catppuccin - mustafakhalaf-git\n@preprocessor less\n@updateURL https://raw.githubusercontent.com/catppuccin/twitch/main/src/catppuccin.user.css\n@license GNU-V3.0\n\n@var select lightTheme \"Light Variant\" [\"latte:Latte\"]\n@var select darkTheme \"Dark Variant\" [\"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColour \"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:Grey\"]\n==/UserStyle== */\n@-moz-document domain(\"twitch.tv\") {\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 .tw-root--theme-dark {\n #catppuccin(@darkTheme, @accentColour);\n }\n .tw-root--theme-light {\n #catppuccin(@lightTheme, @accentColour);\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-colour: @catppuccin[@@lookup][@@accent];\n\n & body {\n background-color: @base;\n }\n\n & .carousel-metadata {\n background: @crust;\n }\n & .carousel-metadata--fadeout {\n background: @crust;\n }\n\n .chat-scrollable-area__message-container {\n background-color: @mantle;\n }\n .jmUA-dj {\n background-color: @mantle;\n }\n .gzYMLv {\n color: @text;\n }\n .gZxBHd {\n color: #fff;\n &:hover {\n color: #fff;\n }\n }\n .bTJhJp {\n color: #fff;\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 .navigation-link__active-indicator {\n background-color: @@accent !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\n &,\n .side-nav-card__link:hover {\n --color-background-input-focus: @crust --color-background-interactable-hover: @surface0;\n --color-background-button-text-default: @crust;\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: @crust;\n --color-text-base: @subtext1;\n --color-text-alt: @subtext1;\n --color-text-alt-2: @text;\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 --color-brand-muted-canary: @peach --color-brand-muted-lavender: @lavender;\n --color-brand-muted-mustard: @yellow;\n --color-brand-muted-emerald: @green;\n --color-brand-muted-coral: @peach --color-brand-muted-ocean: @blue;\n --color-brand-accent-grape: @mauve;\n --color-brand-accent-dragonfruit: @flamingo;\n --color-brand-accent-carrot: @peach --color-brand-accent-sun: @peach --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 --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-colour;\n --color-twitch-purple: @accent-colour;\n --color-twitch-purple-4: @accent-colour;\n --color-twitch-purple-5: @accent-colour;\n --color-twitch-purple-6: @accent-colour;\n --color-twitch-purple-7: @accent-colour;\n --color-twitch-purple-8: @accent-colour;\n --color-twitch-purple-9: @accent-colour;\n --color-twitch-purple-10: @accent-colour;\n --color-twitch-purple-11: @accent-colour;\n --color-twitch-purple-12: @accent-colour;\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 --color-yellow-7: @peach --color-yellow-8: @peach --color-yellow-9: @peach --color-yellow-10: @peach --color-yellow-11: @peach --color-yellow-12: @peach --color-yellow-13: @peach --color-yellow-14: @peach --color-yellow-15: @peach --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 --color-red-12: @peach --color-twitter: @blue;\n --color-facebook: @blue;\n --color-reddit: @peach --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 }\n }\n}\n@-moz-document domain(\"dashboard.twitch.tv\") {\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 .tw-root--theme-dark {\n #catppuccin(@darkTheme);\n }\n .tw-root--theme-light {\n #catppuccin(@lightTheme);\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 > .simplebar-scroll-content > .simplebar-content {\n background-color: @base;\n }\n }\n}\n", - "usercssData": { - "name": "Twitch Catppuccin", - "namespace": "github.com/catppuccin/twitch", - "homepageURL": "https://github.com/catppuccin/twitch", - "version": "1.0.9", - "description": "Soothing pastel theme for Twitch", - "author": "Catppuccin - mustafakhalaf-git", - "preprocessor": "less", - "updateURL": "https://raw.githubusercontent.com/catppuccin/twitch/main/src/catppuccin.user.css", - "license": "GNU-V3.0", - "vars": { - "lightTheme": { - "type": "select", - "label": "Light Variant", - "name": "lightTheme", - "value": null, - "default": "latte", - "options": [ - { - "name": "latte", - "label": "Latte", - "value": "latte" - } - ] - }, - "darkTheme": { - "type": "select", - "label": "Dark Variant", - "name": "darkTheme", - "value": "macchiato", - "default": "frappe", - "options": [ - { - "name": "frappe", - "label": "Frappe", - "value": "frappe" - }, - { - "name": "macchiato", - "label": "Macchiato", - "value": "macchiato" - }, - { - "name": "mocha", - "label": "Mocha", - "value": "mocha" - } - ] - }, - "accentColour": { - "type": "select", - "label": "Accent", - "name": "accentColour", - "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": "Grey", - "value": "subtext0" - } - ] - } - } - }, - "author": "Catppuccin - mustafakhalaf-git", - "description": "Soothing pastel theme for Twitch", - "name": "Twitch Catppuccin", - "originalDigest": "c35dcefb2f9b450c9152acb26814b9bdc640ae9e", - "_id": "305be6cd-c4f1-4e92-97e6-3b7541a5faf8", - "_rev": 1682349253845, - "id": 19 - }, { "enabled": true, "updateUrl": "https://github.com/catppuccin/google/raw/main/src/catppuccin.user.css", @@ -1480,7 +184,7 @@ "name": "Google Catppuccin", "originalDigest": "a53e0c34b1727cd71430409d463710da43017b44", "_id": "e58fccb7-c3f2-48c4-a82b-d0d852d70e6c", - "_rev": 1689617562523, + "_rev": 1690195010043, "id": 22 }, { @@ -1493,676 +197,29 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name NexusMods Overhaul\n@namespace github.com/blyad2137/nexusmods-overhaul\n@version 1.1.2\n@description `Overhauls look of nexusmods to be more 'modern', from lack of better word.`\n@author blyad (https://github.com/blyad2137)\n@license CC BY-NC-SA 4.0\n@homepageURL https://github.com/blyad2137/nexusmods-overhaul\n@supportURL https://github.com/blyad2137/nexusmods-overhaul/issues\n@updateURL https://userstyles.world/api/style/925.user.css\n==/UserStyle== */\n\n@-moz-document domain(\"nexusmods.com\") {\n\t\t::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);\n border-radius: 0px;\n background-color: #212121;\n }\n html[hide-scrollbar=\"true\"] ::-webkit-scrollbar{display:none}\n ::-webkit-scrollbar {\n width: 1rem;\n background-color: #212121;\n }\n ::-webkit-scrollbar-thumb {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .6);\n background-color: var(--theme-primary) !important;\n\t\t\t border: 5px solid rgba(0, 0, 0, 0);\n\t\t\t border-radius: 10px;\n\t\t\t background-clip: padding-box;\n }\n\t\t::-webkit-scrollbar-thumb:hover {\n\t\t\t background-color: var(--theme-secondary) !important;\n\t\t\t border: 4px solid rgba(0, 0, 0, 0);\n\t\t}\n\t\t::-webkit-scrollbar-corner {\n\t\t\t background-color: #212121;\n\t\t\t border-color: #212121;\n\t\t}\n\n\tspan.tooltip.tooltipstered {\n\t\tbackground-color: #0000 !important;\n\t}\n\tbody.scheme-theme-Fallout .mod-tile-left .mod-tile-dl-status {\n\t\tbackground-color: #92ab20D8 !important;\n\t\tcolor: #fff !important;\n\t}\n\t.rj-vortex-button {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-vortex-button:hover {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t#rj-back-to-top.rj-hug-footer {\n\t\tbackground-color: var(--theme-primary);\n\t\tposition: absolute;\n\t}\n\ti.fa.fa-chevron-up {\n\t\ttext-align: center;\n\t\ttop: 27%;\n\t\tleft: 31%;\n\t\tmargin: 0;\n\t\tposition: absolute;\n\t}\n\t.bubble {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t#rj-back-to-top {\n\t\tbackground-color: var(--theme-primary-translucent);\n\t}\n\t.rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .add-game-button {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t.rj-standard-button:hover, .title-with-pip .pip, .rj-panel .banner {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-panel .banner:before {\n \tborder-color: transparent transparent var(--theme-secondary) transparent;\t\n\t}\n\t.rj-panel .banner:after {\n\t\tborder-color: var(--theme-secondary) transparent transparent transparent;\n\t}\n\t[src=\"/assets/images/footer/Vortex.svg\"] {\n\t\t-webkit-mask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tmask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tbackground-color: var(--theme-primary);\n\t\tcontent: url('https://i.imgur.com/WFQNmEA.png');\n\t\timage-rendering: auto;\n\t}\n\t#rj-sitemap ul li a:hover, .page-layout .table table tfoot a.replaced-login-link, .page-layout .donation-wrapper > p > p > a, .page-layout .author > span, .notifications-header a, .notifications-list ul li .notification-bold, .page-layout .back-wrapper a span, .page-layout .back-wrapper a i, .page-layout tbody td:last-child, .table .orange, .rj-header-tray .rj-mobile-menu-link-section a:active:hover, .rj-header-tray .rj-mobile-menu-link-section a:link:hover, .rj-header-tray .rj-mobile-menu-link-section a:visited:hover, .rj-panel-cta, i.orange, li.rj-mobile-menu-subsection>a>div>span.upload, .page-layout .donation-wrapper > p > span.timer {\n\t\tcolor: var(--theme-primary);\n\t}\n\t.rj-orange, a:link.rj-orange, a:active.rj-orange {\n\t\tcolor: var(--theme-primary) !important;\n\t}\n\t.rj-btn, a.rj-btn, button.rj-btn {\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-btn.rj-btn-outline:hover, .notification-preferences-body input:checked + .notification-preference-slider, .rj-btn.rj-btn-standard:hover {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t#qs_close:hover {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\t#qs_pagination a {\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\n\n\t.static .wrap:first-of-type {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.static .wrap {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.tabcontent {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\tul.modtabs {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.modtabs li {\n\t\tbackground-color: transparent;\n\t}\n\tul.modtabs li a.selected {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t\tborder-right-color: rgba(76, 76, 76, .38);\n\t}\n\tul.modtabs li a:last-of-type:hover {\n\t\tborder-right-color: rgba(65, 65, 65, .38);\n\t}\n\tul.modtabs li a {\n\t\tborder-right-color: rgba(61, 61, 61, .38);\n\t}\n\tul.modtabs li a:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.mod-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\tli.mod-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.tiles .fadeoff {\n\t\tbackground: -webkit-linear-gradient(top,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t}\n\tbody .home-intro {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.tiles li.article-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 30px rgba(56, 56, 56, .8);\n\t}\n\tli.article-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .5);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.modimages {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.modpage .col-1-1.info-details {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.modpage>.wrap {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.modpage .sideitems {\n\t\tborder-bottom-color: rgba(56, 56, 56, .38);\n\t}\n\t.modpage .col-1-1:not(.popup-bugreport > .col-1-1):not(.popup-mod-tagging .col-1-1):not(.popup-js .col-1-1) {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n .popup-js .col-1-1 {\n background-color: transparent;\n }\n\t.accordion dt:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.accordion dt {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.accordion dt.accopen {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.accordion dd {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.table th.table-require-notes:hover, .table th.table-compat-notes:hover, .table th.table-translation-notes:hover {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.table th:hover {\n\t\tbackground: rgba(65, 65, 65, .38);\n\t}\n\t.table th, .table td {\n\t\tborder-right-color: rgba(73, 73, 73, .38);\n\t}\n\t.table th {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.tabcontent-mod-page .accordionitems .table td {\n\t\tborder-right-color: rgba(91, 91, 91, .38);\n\t\tborder-top-color: rgba(91, 91, 91, .38);\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments .comment-head {\n\t\tbackground-color: rgba(29, 29, 29, .38);\n\t\tborder-bottom-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li {\n\t\tbackground-color: rgba(35, 35, 35, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li ol>li {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.edit-article-desc, .articlepage article {\n\t\tbackground-color: transparent;\n\t}\n\tsection#rj-vortex {\n\t\tborder-top-color: rgba(93, 93, 93, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#rj-footer {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\ttext-shadow: 1px 1px 1px #000000b8;\n\t}\n\t#rj-footer svg, #rj-footer img {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\tfigure.quote {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\tfigure.quote .icon-quote {\n\t\tfill: rgba(101, 101, 102, .38);\n\t}\n\t.col-1-1>.container, .modpage.mediapage .container.comments {\n\t\tbackground: rgba(76, 76, 76, 0);\n\t}\n\t.mod-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -610px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t#mod-list .mod-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.article-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -810px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t.article-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.activity-desc {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\tul.activity>li {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.rj-mobile-menu-subsections, #head .rj-header-wrap .rj-header-left, #head .rj-header-wrap .rj-header-right, .game-home-link {\n\t\tbackground-color: transparent;\n\t}\n\t#head.new-head {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t#head.new-head::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#head .rj-header-wrap {\n\t\tposition: relative;\n\t}\n\t.rj-nav-item:hover, .rj-nav-item.active {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tform.rj-search .search-button, form.rj-search .rj-search-input {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-option:hover {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-header-wrap.rj-search-active .search-button {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t#qs_results {\n\t\tbackground: rgba(44, 43, 43, .38);\n\t}\n\t#gsearch_results {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackground: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tbox-shadow: inset 0 0 20rem 1rem rgba(0, 0, 0, .38);\n\t}\n\t#qsearch_results {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.gsearch_results_list li {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.qs_result section>div {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.qs_result .stats {\n\t\tbackground-color: transparent;\n\t}\n\t.qs_result h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(37, 37, 37, .38) 100%);\n\t}\n\t.gsearch_results_list li.active h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(44, 43, 43, .38) 100%);\n\t}\n\t.premium-banner {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.premium-banner > span, .premium-banner > i {\n\t\tcolor: #fff;\n\t}\n\t.select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__rendered {\n\t\tcolor: #bbb;\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__arrow b {\n\t\tborder-color: #777 transparent transparent transparent;\n\t}\n\t.select2-container--default .select2-results__option[aria-selected=true] {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\t.select2-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.select2-results__option {\n\t\tcolor: #aaa;\n\t}\n\t.select2-dropdown, .select2-dropdown--below {\n\t\tborder-color: rgba(76, 76, 76, .38);\n\t}\n\t.popup-mod-requirements ul {\n\t\tbackground: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\t.pagination ul li a.page-selected, .pagination ul li a.page-selected:hover {\n\t\tbackground: rgba(62, 62, 62, .38);\n\t}\n\t.pagination ul li a, .pagination ul li a:hover, .pagination ul li a:focus {\n\t\tcolor: #c8c8c8;\n\t}\n\t.pagination ul li a {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.pagination ul li.prev .icon-arrow-thin, .pagination ul li.next .icon-arrow-thin {\n\t\tfill: #c8c8c8;\n\t}\n\t.pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li.prev a:hover, .pagination ul li.prev a:focus, .pagination ul li.next a:hover, .pagination ul li.next a:focus {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #c8c8c8;\n\t}\n\t.select2-container--default .select2-search--dropdown .select2-search__field {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #aaa;\n\t}\n\t.article-actions {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.article-nav .article-label {\n\t\tcolor: #a9a9a9;\n\t}\n\t.article-nav ul li:hover a {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.article-nav ul li a {\n\t\tborder-color: rgba(86, 86, 86, .38);\n\t}\n\t.article-nav ul li a .icon-arrow-thin {\n\t\tfill: #bcbcbc;\n\t}\n\t.article-page {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\t.article-page .comments {\n\t\tborder-color: rgba(56, 56, 56, .38);\n\t}\n\t#head.new-head .headlogo svg {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\t.rj-search-category {\n\t\tborder-left-color: rgba(255, 255, 255, .08);\n\t}\n\tform.rj-search.open-category-select .rj-search-category-dropdown-toggle {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-search-category-wrapper {\n\t\tcolor: #e8e8e8;\n\t}\n\t.select2-container--default.select2-container--disabled .select2-selection--single, .searchtext, .select2-container--default .select2-selection--multiple, .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.searchtext {\n\t\tcolor: #bbb;\n\t}\n\tinput[type=\"checkbox\"] {\n\t\tfilter: invert(.835) hue-rotate(180deg);\n\t}\n\t.refine-results ul.choice-list, .range-area {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\ta.mod-image {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.mod-tile-left, figure.image_figure .fore_div img, figure.image_figure .fore_div_mods img {\n\t\tbackground-color: transparent;\n\t}\n\t.game-filter form input {\n\t\tcolor: #919191;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t[style=\"position: absolute; top: 72px; z-index: 9999; background-color: rgb(76, 76, 76); border: 1px solid rgb(225, 225, 225); padding: 8px 16px;\"] {\n\t\tbackground-color: rgba(76, 76, 76, .38) !important;\n\t\tborder-color: rgba(17, 17, 17, .38) !important;\n\t}\n\t.date_selector {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-widget-content {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #919191;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.ui-widget-header {\n\t\tbackground-color: rgba(64, 64, 64, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option {\n\t\tbackground-color: #383838;\n\t}\n\t.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {\n\t\tbackground-color: rgba(0, 0, 0, 0);\n\t}\n\t.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t\tcolor: #bbb;\n\t}\n\t.btn-inactive, .btn:disabled {\n\t\tbackground-color: #565656 !important;\n\t\tcolor: #000 !important;\n\t}\n\t.btn-inactive .icon, .btn:disabled .icon {\n\t\tfill: #000;\n\t}\n\t#rj-sitemap ul li a.rj-standard-button {\n\t\tcolor: #fff;\n\t}\n\t.rj-user-nav .nav-interact .ni-background {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tsection#rj-sitemap {\n\t\tborder-image-source: linear-gradient(to right,rgba(255,255,255,0),rgba(255, 255, 255, .38) 52%,rgba(255,255,255,0));\n\t}\n\t.rj-header-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-header-full-width-banner {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.rj-panel.rj-panel-border:hover>.rj-panel-inner {\n\t\tbackground-color: rgba(77, 79, 80, .38);\n\t}\n\t.rj-panel.rj-panel-border>.rj-panel-inner {\n\t\tbackground-color: rgba(60, 61, 63, .38);\n\t}\n\t.rj-panel.rj-panel-border {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.rj-panel.rj-panel-border::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbackground: linear-gradient(180deg,var(--theme-primary),rgba(255,255,255,0.26));\n\t\tposition: absolute;\n\t\topacity: .38;\n\t}\n\t.rj-panel.rj-panel-border:hover {\n\t\tbackground-color: rgba(255,255,255,0.18);\n\t}\n\t.rj-right-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.rj-right-tray .arrow {\n\t\tborder-bottom-color: rgba(43, 45, 47, .38);\n\t}\n\t.rj-right-tray .arrow::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tfilter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark.link-section:hover {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.widget-mod-requirements.popup.mfp-with-anim.col-1-1.popup-mod-requirements {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tdiv.bbc_spoiler_content {\n\t\tbackground: rgba(38, 38, 38, .38);\n\t\tborder-color: rgba(59, 59, 59, .38);\n\t}\n\t.notifications-header, .notification-preferences-header {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.notifications-list, .notification-load-more, .notification-preferences-menu {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#featured #nofeature #pagetitle {\n\t\tbackground: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {\n\t\tcolor: #ccc !important;\n\t\tborder-color: rgba(103, 103, 103, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .38)), color-stop(100%, rgba(60, 60, 60, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, gba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {\n\t\tcolor: #999 !important;\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button:hover {\n\t\tborder-color: rgba(17, 17, 17, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(88, 88, 88, .38)), color-stop(100%, rgba(17, 17, 17, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t}\n\t.dataTables_filter input, input.form-field {\n\t\tcolor: #919191 !important;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttable.dataTable tbody tr, .form-section-content .select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttd.tracking-mod .tracking-icon {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.table td {\n\t\tborder-top-color: rgba(73, 73, 73, .38);\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\ttable.dataTable.no-footer {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\ttable.dataTable thead th, table.dataTable thead td {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\t.form-section-content, .media-section-content {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.form-section header, textarea.application-key, .application-image-container {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.line {\n\t\tborder-bottom-color: rgba(225, 225, 225, .38);\n\t}\n\t.page-layout .donation-panel {\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.page-layout .donation-wrapper form input[type=text] {\n\t\tcolor: #e0e0e0;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.page-layout .donation-wrapper form .form-group > span {\n\t\tcolor: #e0e0e0;\n\t}\n\t.rj-btn.rj-btn-outline, .rj-btn.rj-btn-standard {\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\tdiv#mainContent > .tabcontent.tabcontent-mod-page[aria-live=\"assertive\"] {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.forum-bugs td.bug-comment {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.forum-bugs .comments>ol>li:first-of-type:before {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.info.warning {\n\t\tbackground-color: transparent;\n\t\tposition: relative;\n\t}\n\t.info.warning.site-notice {\n\t\tbackground-color: #d5632d;\n\t}\n\t.info .info-content::before:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackground-color: var(--theme-primary);\n\t\topacity: .38;\n\t\tz-index: 2;\n\t}\n\t.info .info-content::after:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackdrop-filter: blur(1rem);\n\t\tz-index: 0;\n\t}\n\t.info .info-content > h3, .info .info-content > p, .info > svg, .info {\n\t\tz-index: 3;\n\t\tposition: relative;\n\t\ttext-shadow: 1px 1px 1px #000000ba;\n\t}\n\tinput#user_login, input#password, input#otp_attempt, input#real_name, select {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\tdiv.floating-label label, .password-group input[type=password]~.password-toggle>i, .password-group input[type=text]~.password-toggle>i {\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-group .password-toggle {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.password-group .password-toggle:focus {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t.jumbotron {\n\t\tbackground-color: rgb(41, 44, 47);\n\t}\n\t#game-blurb {\n\t\tborder-top-color: rgba(255, 255, 255, .38);\n\t}\n\t.btn-active, #graph-widget-container .active {\n\t\tbackground-color: rgba(40, 40, 40, .38) !important;\n\t}\n\t.popup-bugreport.popup.mfp-with-anim.col-1-1 > .col-1-1, .wysibb, textarea#add-bugreport-post {\n\t\tbackground-color: transparent;\n\t}\n\t.wysibb .wysibb-text {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.wysibb {\n\t\tborder-color: #444;\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container {\n\t\tborder-color: #444;\n\t}\n\t#wbbmodal .wbbm {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 5px rgba(51, 51, 51, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#wbbmodal .wbbm-title {\n\t\tcolor: #ccc;\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .div-modal-text {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row label {\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row input {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t\tbackground-color: transparent;\n\t}\n\t#wbbmodal .wbbm-bottom {\n\t\tbackground-color: rgba(1, 1, 1, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button:hover {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button {\n\t\tbackground: rgba(5, 5, 5, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tcolor: #ccc;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active {\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {\n\t\tcolor: #ccc;\n\t\ttext-shadow: 0 1px 0 rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover, .wbb-select .option:hover, .wbb-list .nc:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .wbb-list {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 3px rgba(85, 85, 85, .38);\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.wbb-list .nc, .comment-reply textarea {\n\t\tcolor: #999;\n\t}\n\t.wbb-list .sc {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.popup {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tbody.rails-default-error-page {\n\t\tbackground-color: #2b2d2f;\n\t}\n\t.rails-default-error-page div.dialog > div {\n\t\tborder-color: #444;\n\t\tborder-top-color: #B00100;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #555;\n\t\tbackground-color: #383838;\n\t}\n\t.rails-default-error-page div.dialog > p {\n\t\tbackground-color: #414141;\n\t\tborder-color: #555;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #666;\n\t\tborder-top-color: #383838;\n\t\tcolor: #999;\n\t}\n\t.rails-default-error-page h1 {\n\t\tcolor: #910;\n\t}\n\t.grey, .comments figure.quote {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments>ol>li ol>li .comment-head {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t}\n\tdiv#nofeature {\n\t\tbackground-image: none !important;\n\t\tposition: relative;\n\t}\n\tdiv#nofeature::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-image: url('/assets/images/default/bg_default.jpg');\n\t\tbackground-size: cover;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: .38;\n\t\tz-index: -1;\n\t}\n\tbody .home-intro {\n\t\tposition: relative;\n\t\tbackground-image: none;\n\t}\n\tbody .home-intro::after {\n\t\tcontent: '';\n\t\tbackground-image: url('/assets/images/default/bg_game_header.jpg');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: top center;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 75%;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\tbody .home-intro::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 25% !important;\n\t\tmax-height: 25% !important;\n\t\tleft: 0;\n\t\ttop: 38.05em;\n\t\tbackground-image: -webkit-linear-gradient(top, #2d2d2d 2%, #0000 100%);\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"]:hover {\n\t\tbackground-color: rgba(77, 77, 77, .38);\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"] {\n\t\tcolor: #ddd;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.subnav, .drop-down:hover>.btn {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.sublist li a, div.container .actions ul.sublist li a {\n\t\tcolor: #a6a6a6;\n\t}\n\tinput#user_name, input#password_confirmation {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-help {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tcolor: #dadcdb;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.password-help>.arrow {\n\t\tborder-bottom-color: rgba(34, 34, 34, .38);\t\n\t}\n\t.password-help .password-condition.password-condition-success>div {\n\t\tcolor: rgba(255, 255, 255, .4);\n\t}\n\t.main.vortex-and-nmm {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.bg-vortex-pattern, .sso-container {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.bg-vortex-pattern::before, .sso-container::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: url('/bootstrap/images/vortex/bg/vortex-bg.jpg');\n\t\topacity: .38;\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\t.bg-dark, .article-image {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.popup-mod-tagging .col-1-1 {\n\t\tbackground-color: transparent;\n\t}\n\ttextarea.problem-description {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\tselect.form-field {\n\t\tcolor: #919191;\n\t}\n\toption {\n\t\tbackground-color: #2c2d2d;\n\t\tcolor: #919191;\n\t}\n\t.recent-files a {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.recent-files a:hover {\n\t\tbackground-color: rgba(42, 42, 42, .38);\n\t}\n\t.nexus-ui-blocker-message-box, dd.changelog ul.change-logs>li:nth-child(odd), div.changelog ul.change-logs>li:nth-child(odd) {\n\t\tbackground-color: transparent;\n\t}\n\t.tabcontent:before, .loading-wheel {\n\t\tfilter: drop-shadow(0 0 5px #000);\n\t}\n\t.lg-outer .lg-inner {\n\t\tmax-height: 90vh;\n\t\twidth: 90vw;\n\t\tposition: absolute;\n\t\tmargin: 0 auto;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t}\n\t.result {\n\t\theight: auto !important;\n\t\ttop: 0 !important;\n\t}\n\tinput#change_recovery_mobile_number_current_password, input#mobile_number, input#change_recovery_mobile_number_two_fa, input#change_email_current_password, input#new_email, input#change_email_two_fa, input#new_password, input#confirm_password, input#change_password_two_fa {\n\t\tbackground-color: rgba(0,0,0,.38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.security-edit-page .dial-code, .security-edit-page .fake-select i {\n\t\tcolor: #d1d5d9;\n\t}\n\t.security-edit-page .fake-select {\n\t\tbackground-color: rgb(51, 51, 51);\n\t}\n\t.security-edit-page .fake-select .flag {\n\t\tcolor: #fff;\n\t}\n\tul#breadcrumb.mod-crumb, ul#breadcrumb.static-crumb {\n\t\ttext-shadow: 0 1px 1px rgba(0, 0, 0, .8);\n\t}\n\tform.rj-search .search-button i, .rj-header-wrap.rj-search-active .search-button i {\n\t\tcolor: #e8e8e8;\n\t}\n\t[href*=\"/skyrimspecialedition/mods/52177\"] figure.image_figure .fore_div_mods img {\n\t\tcontent: url('https://i.kym-cdn.com/photos/images/facebook/001/857/748/54e.jpg');\n\t\ttransform: scale(1.5) translateY(-1.2rem) translateX(.5rem);\n\t}\n\t.premium-block.background-2 {\n\t\ttransition: background 400ms cubic-bezier(0.49, 0.38, 0.41, 1.24);\n\t}\n\t.premium-block.background-2:hover {\n\t\tbackground: linear-gradient(to right, #040404, 70%, transparent), url(https://staticdelivery.nexusmods.com/Images/ad_bg_2.png) right/70% no-repeat, #040404;\n\t}\n}\n@-moz-document domain(\"users.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--orange);\n\t}\n}\n@-moz-document domain(\"help.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #34d6ff;\n\t}\n\n\t#docsSearch {\n\t\tbackground-color: rgba(43, 45, 47);\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tbody {\n\t\tbackground-color: #222;\n\t}\n\ttextarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #fff;\n\t}\n\t.category-list .category:hover {\n\t\tbackground-color: rgba(43, 45, 47);\n\t}\n\t.category-list h3 {\n\t\tcolor: #ccc;\n\t}\n\t.category-list .category {\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t#sidebar form .search-query {\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #999;\n\t}\n\t#sidebar h3, #sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus, #sidebar .nav-list a:hover, #sidebar .nav-list a:focus, footer p a:hover, #fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {\n\t\tcolor: #ddd;\n\t}\n\t#sidebar .nav-list a, .contentWrapper p.descrip {\n\t\tcolor: #959595;\n\t}\n\t.nav-list>li>a, .nav-list .nav-header {\n\t\ttext-shadow: 0 1px 0 rgba(24, 24, 24, .5);\n\t}\n\t.contentWrapper {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #ddd;\n\t}\n\t.icon-article-doc:before {\n\t\tcolor: #676767;\n\t}\n\tselect {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tselect, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tcolor: #aaa;\n\t}\n\tfooter p a, footer p {\n\t\tcolor: #7b7b7b;\n\t}\n\t[class^=icon-], [class*=\" icon-\"], .featherlight-close-icon {\n\t\tcolor: #464646;\n\t}\n\t#fullArticle .printArticle:hover .icon-print {\n\t\tcolor: #686868;\n\t}\n\t#fullArticle table th, #fullArticle table td, #fullArticle img {\n\t\tborder-color: rgba(59, 59, 59);\n\t}\n\t#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {\n\t\tcolor: #a8a8a8;\n\t}\n\t.articleFoot p, .articleFoot time {\n\t\tcolor: #606060;\n\t}\n\t.related {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t.related h3 {\n\t\tcolor: #bdbdbd;\n\t}\n\t#fullArticle strong {\n\t\tcolor: #b9b9b9;\n\t}\n}\n@-moz-document domain(\"next.nexusmods.com\") {\n\t:root {\n\t\t--theme-primary: rgb(var(--primary));\n\t}\n}\n@-moz-document domain(\"wiki.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #e6832b;\n\t}\n}\n\n@-moz-document domain(\"forums.nexusmods.com\") {\n\t\t\t::-webkit-scrollbar-thumb {\n\t\t\t\t background-color: #43bbe2\n\t\t\t}\n\t\n\tinput[type=text], input[type=password], input[type=email], select {\n\t\tbackground-color: #0000 !important;\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout3\") {\n\t/*Fallout3*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/119189.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/newvegas\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55215\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55332\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55382\") {\n\t/*NewVegas*/\n\tbody.scheme-theme-Fallout {\n\t\t--theme-primary: #da8e35;\n\t\t--theme-primary-translucent: #da8e35d8;\n\t\t--theme-secondary: #b4762c;\n\t\t--theme-dark: #815316;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/8qtlmjh77m511.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout4\") {\n\t/*Fallout4*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/720318.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout76\") {\n\t/*Fallout76*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/927/thumb-1920-927080.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/morrowind\") {\n\t/*Morrowind*/\n\tbody::before {\n\t\tbackground-image: url('https://tesrskywind.com/wp-content/uploads/2019/07/GalleryAscadianIsles2_Arvuti.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/oblivion\") {\n\t/*Oblivion*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wccftech.com/wp-content/uploads/2021/01/skyblivion.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/skyrim\") {\n\t/*SkyrimLE*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/skyrim-wallpaper-4k-bu.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/skyrimspecialedition\") {\n\t/*SkyrimSE*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/242893.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher\") {\n\t/*Witcher*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/653677.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher3\") {\n\t/*Witcher3*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/HyZeLfQ.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/cyberpunk2077\") {\n\t/*Cyberpunk2077*/\n\t:root {\n\t\t--theme-primary: rgb(255, 0, 60);\n\t\t--theme-primary-translucent: rgba(255, 0, 60, .84);\n\t\t--theme-secondary: rgb(198, 21, 62);\n\t\t--theme-dark: rgb(138, 21, 48);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/676037.jpg');\n\t}\n\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/stardewvalley\") {\n\t/*StaredValley*/\n\tbody::before {\n\t\tbackground-image: url('https://i.pinimg.com/originals/b8/1a/a4/b81aa44ba47c8ebb93c4525a96904101.jpg');\n\t}\n\t\n\t#mainContent > section {\n\t\tborder-image: url('https://stardewvalleywiki.com/mediawiki/extensions/StardewValley/images/menu_border.png') 15 stretch !important;\n\t\tborder: 7px solid transparent;\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonage\") {\n\t/*DragonAge*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/109/109665.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/monsterhunterworld\") {\n\t/*MonsterHunterWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1926141.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/mountandblade2bannerlord\") {\n\t/*MountAndBlade2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/5671474.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonage2\") {\n\t/*DragonAge2*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/120/thumb-1920-120325.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonageinquisition\") {\n\t/*DragonAgeInquisition*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/373700.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/bladeandsorcery\") {\n\t/*BlandeAndSorecry*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/la9po1nkaq751.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls\") {\n\t/*DarkSouls*/\n\tbody::before {\n\t\tbackground-image: url('https://images.alphacoders.com/278/thumb-1920-278051.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kingdomcomedeliverance\") {\n\t/*KingdomcomeDeliverence*/\n\tbody::before {\n\t\tbackground-image: url('https://external-preview.redd.it/wJq9109DaVFax4XCnN6EnNDPSq6PBsOwtRlfnb4ldYs.jpg?auto=webp&s=234107489ff7daecfb4d852bf56035fb48849374');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/subnautica\") {\n\t/*Subnautica*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/901/thumb-1920-901071.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect\") {\n\t/*ME1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4605441.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect2\") {\n\t/*ME2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2467187.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect3\") {\n\t/*ME3*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/mass-effect-3-pc-version-rj.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffectandromeda\") {\n\t/*MEAndromeda*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/772/thumb-1920-772364.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffectlegendaryedition\") {\n\t/*ME_LE*/\n\t:root {\n\t\t--theme-primary: #e61809;\n\t\t--theme-primary-translucent: #e61809d8;\n\t\t--theme-secondary: #ae180d;\n\t\t--theme-dark: #781008;\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://w.wallha.com/ws/12/1USM7sVR.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darkestdungeon\") {\n\t/*DarkestDungeon*/\n\t:root {\n\t\t--theme-primary: #000;\n\t\t--theme-primary-translucent: #000000d8;\n\t\t--theme-secondary: #000;\n\t\t--theme-dark: #000;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://7wallpapers.net/wp-content/uploads/9_Darkest-Dungeon.jpg');\n\t}\n\t#head.new-head .headlogo svg, .rj-vortex-icon-wrapper, .rj-vortex-button, #rj-footer svg, #rj-footer img, ul.action-log>li, ul.btnexpand:hover, figure.quote, .comments figure.quote, .wysibb .wysibb-text blockquote, .rvs-container .rvs-nav-item.rvs-active, .rj-btn.rj-button-outline, a.rj-btn.rj-button-outline, blockquote.ipsBlockquote, .motm_position, ul.friend-actions .btn, .widget-download-links .btn, .popup-register-copy .btn, .btn.signin, .btn-more .btn, .home-buttons .btn, .btn-load, .form-section-content .btn, ul.file-actions .btn, .add-clone, .form-section .btn.btnsmall, .add-nav .btn, .modactions .btn, .mobile-close, ul.actions .btn, #foot #backtop .btn, #usernav ul li a, #footbtn .btn, form.search input.btn, ul.search-terms li:after, .accordion dt .acc-status, .fake-accordion .acc-status, .acc-status, .tiles .btnexpand ul li, ul.btnexpand:hover, ul.btnexpand:focus, .popup .mfp-close, .tiles .view-label, .tracking-highlight span.update-bar, .edit, .crop, .set-primary, ul.add-process li.current:before, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .info.callout, #mobilebtn, nav#mobilenav #mobile-user ul li a, ul#mobile-primary li a, .rvs-container .rvs-nav-item.rvs-active, .irs-bar, #head .btn, a.btn, .btn, .btn:visited, .toggle-button, .toggle-button:active, .toggle-button:visited, .rj-button-outline:hover, a.rj-button-outline:hover, .arrow-box, a.post-category.site-news, .select2-container--default .select2-results__option--highlighted[aria-selected], #rj-back-to-top.rj-hug-footer, .bubble, .rj-standard-button, ul.friend-actions .btn:hover, ul.friend-actions .btn:focus, .btn.signin:hover, .popup-register-copy .btn:hover, .popup-register-copy .btn:focus, .btn-more .btn:hover, .btn-more .btn:focus, .home-buttons .btn:hover, .home-buttons .btn:focus, .btn-load:hover, .btn-load:focus, .form-section-content .btn:hover, .form-section-content .btn:focus, ul.file-actions .btn:hover, ul.file-actions .btn:focus, .add-clone:hover, .add-clone:focus, .form-section .btn.btnsmall:hover, .form-section .btn.btnsmall:focus, .add-nav .btn:hover, .add-nav .btn:focus, .modactions .btn:hover, .modactions .btn:focus, .mobile-close:hover, .mobile-close:focus, ul.actions .btn:hover, ul.actions .btn:focus, #foot #backtop .btn:hover, #foot #backtop .btn:focus, #footbtn .btn:hover, #footbtn .btn:focus, #head .btn:hover, #head .btn:focus, #usernav ul li:hover a, #usernav ul li:focus a, form.search input.btn:hover, form.search input.btn:focus, ul.btnexpand li ul li:hover, ul.btnexpand li ul li:focus, .popup .mfp-close:hover, .popup .mfp-close:focus, .edit:hover, .edit:focus, .crop:hover, .crop:focus, .set-primary:hover, .set-primary:focus, #mobilebtn:hover, #mobilebtn:focus, .rvs-container .rvs-nav-item.rvs-active:hover, .rvs-container .rvs-nav-item.rvs-active:focus, a.btn:hover, .btn:hover, .actions .drop-down .btn:hover, .actions .drop-down .btn:focus, .drop-down:hover>#button-manage, a.btn:focus, .btn:focus, span.alert, .arrow-box:hover {\n\t\tfilter: drop-shadow(1px 1px 3px #bd0707);\n\t}\n\t.home-trending ul.tiles ul.inline-list a:hover, .arrowlist a:hover, .widget-download-links .btn:hover, .widget-download-links .btn:focus, .popup-register-copy p a:hover, .popup .info-content a:hover, ol.pick-page a:hover, p#opening a:hover, .add-file p a:hover, .tabcontent a:hover, dd a:hover, article a:hover, article a:focus, article a:active, .sideitem a:hover, ul.post-meta a:hover, .article-copy p a:hover, #mobile-fav .mobile-header a:hover, .quote-meta a:hover, .tiles .author a:hover, .comment-name a:hover, ul.comment-inline a:hover, article p a:hover, #copyright a:hover, a.fav-edit:hover, #name a:hover, ul#breadcrumb li a:hover, a.clear-cat:hover, .tiles .category a:hover, nav#menu .wrap ul li.nav-games ul li a:hover, #rj-sitemap ul li a:hover {\n\t\ttext-shadow: 1px 1px 5px #d50707;\n\t}\n\t.home-trending ul.tiles ul.inline-list a, .arrowlist a, .popup-register-copy p a, .popup .info-content a, ol.pick-page a, p#opening a, .add-file p a, .tabcontent a, dd a, article a, .sideitem a, ul.post-meta a, .article-copy p a, #mobile-fav .mobile-header a, .quote-meta a, .comment-name a, ul.comment-inline a, article p a, #copyright a, a.fav-edit, .tiles .author a, a.clear-cat, ul#breadcrumb li a, .topnav ul.global li a:hover, nav#menu .wrap ul li ul li a:hover, nav#menu .wrap ul li.nav-games ul li a, div.container a, ul.sublist li a:hover, div.container .actions ul.sublist li a:hover, a.view-all:hover, .featured-article h2 a:hover, .tiles .tile-desc h3 a:hover, .tiles .category a, .tiles .tile-data ul li a:hover, ul.tracking-author-options li a:hover, .file-manage-title h3 a:hover, #sitemap ul.footlinks li a:hover, ul#mobile-primary li#mobile-updates .updatedesc a, #name a, .stat-endorsements a:link, .stat-endorsements a:visited, .stat-endorsements a:active, .user-list-details a, .category-item a .category-name, li .log-modified a, li .log-modified a:visited, .category-item a:visited .category-name, .breadcrumb a, #ajgpermalink, a.theme-link, .gsearch_results_list li.active h3, .top-lists-links a:link, .top-lists-links a:visited, .notification-actions a.set-notification-read, .notification-actions a.set-notification-read:visited {\n\t\ttext-shadow: 1px 1px 2px #bd0707;\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/starwarsbattlefront22017\") {\n\t/*Battlefront2_2017*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/824/thumb-1920-824123.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil22019\") {\n\t/*RE2Remake*/\n\t:root {\n\t\t--theme-primary: #bf0000;\n\t\t--theme-primary-translucent: #bf0000d8;\n\t\t--theme-secondary: #900;\n\t\t--theme-dark: #7b0707;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1256071.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil32020\") {\n\t/*RE3Remake*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/xytj0c6i2g441.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevilvillage\") {\n\t/*REVillage*/\n\tbody::before {\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0276f574-98ea-4e2d-ba44-68f500bf01bc/decy31o-b5746c63-250c-4a71-86e2-fa3134977f1c.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyNzZmNTc0LTk4ZWEtNGUyZC1iYTQ0LTY4ZjUwMGJmMDFiY1wvZGVjeTMxby1iNTc0NmM2My0yNTBjLTRhNzEtODZlMi1mYTMxMzQ5NzdmMWMuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.VnKYmU_gLkhsrLv24MGxbNKoosfdStcNqneV8CmD9o4');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/valheim\") {\n\t/*Valheim*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp8599076.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls2\") {\n\t/*DarkSouls2*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wallpapersafari.com/75/54/h2igPl.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher2\") {\n\t/*Witcher2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3291282.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/metalgearsolidvtpp\") {\n\t/*ThePhantomPain*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4125603.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/nomanssky\") {\n\t/*NoMansSky*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/70-704953_no-mans-sky-next-4k.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonsdogma\") {\n\t/*DragonsDogma*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/364376.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/xcom\") {\n\t/*X-Com*/\n\tbody::before {\n\t\tbackground-image: url('https://vistapointe.net/images/xcom-enemy-unknown-11.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/xcom2\") {\n\t/*X-Com2*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/668/thumb-1920-668202.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kotor\") {\n\t/*KnightOfTheOldRepublic*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/467182.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/mbwarband\") {\n\t/*Warband*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/3206100.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/7daystodie\") {\n\t/*7D2D*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/709/thumb-1920-709973.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls3\") {\n\t/*DarkSouls3*/\n\tbody::before {\n\t\tbackground-image: url('https://images5.alphacoders.com/609/609173.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/stateofdecay\") {\n\t/*StateOfDecay*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2192288.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/sekiro\") {\n\t/*Sekiro*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1146370.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/pathfinderkingmaker\") {\n\t/*PathfinderKingmaker*/\n\tbody::before {\n\t\tbackground-image: url('https://wallup.net/wp-content/uploads/2017/05/29/434508-fantasy_art-artwork-Pathfinder.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/borderlands2\") {\n\t/*Borderlands2*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/borderlands-2-4k-g6.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kenshi\") {\n\t/*Kenshi*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/113/thumb-1920-1131614.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/divinityoriginalsin2\") {\n\t/*DivinityOriginalSin*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3622645.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/dyinglight\") {\n\t/*DyingLight*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/449/thumb-1920-449053.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/dyinglight2\") {\n\t/*DyingLight2*/\n\t:root {\n\t\t--theme-primary: rgb(255, 2, 9);\n\t\t--theme-primary-translucent: rgba(255, 2, 9, .85);\n\t\t--theme-secondary: rgb(192, 10, 14);\n\t\t--theme-dark: rgb(127, 7, 10);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/BfMpm5o.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/reddeadredemption2\") {\n\t/*RDR2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/677565.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/rimworld\") {\n\t/*RimWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3935722.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksoulsremastered\") {\n\t/*DarkSoulsRemastered*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3756449.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/doometernal\") {\n\t/*DoomEternal*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/i7oo37p28fb41.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/devilmaycry5\") {\n\t/*DevilMayCry5*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/ELsSrGK.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/thesims4\") {\n\t/*TheSims4*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/W2EPdqD.png');\n\t}/*My friend built auschwitz in sims 4*/\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/assassinscreed\") {\n\t/*AC1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/6364321.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/assassinscreedodyssey\") {\n\t/*ACOdyssey*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/download/assassins-creed-odyssey-8k-nt-7680x4320.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/gtasanandreas\") {\n\t/*GTA:SA*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/112/thumb-1920-1125180.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/grandtheftautothetrilogy\") {\n\t/*GTATrilogy*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/w0n7em07das71.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/subnauticabelowzero\") {\n\t/*SubnauticaBelowZero*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3753691.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/starwarsjedifallenorder\") {\n\t/*SWJediTheFallerOrder*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/55-557442_star-wars-jedi-fallen-order-4k-star-wars.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/stateofdecay2\") {\n\t/*StateOfDecay2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3024592.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/farcry3\") {\n\t/*FC3*/\n\tbody::before {\n\t\tbackground-image: url('https://staticctf.akamaized.net/J3yJr34U2pZ2Ieem48Dwy9uqj5PNUQTn/7mt4mi2lLVpiZe0dDJLvhj/35e6267a0fbca6dbe33996bee5b6d028/far-cry-3-heroBanner.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/daysgone\") {\n\t/*DaysGone*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/days-gone-2019-4k-gs.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/baldursgate3\") {\n\t/*BaldursGate3*/\n\tbody::before {\n\t\tbackground-image: url('https://images.alphacoders.com/107/thumb-1920-1070523.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/halothemasterchiefcollection\") {\n\t/*HaloTheMasterChiefCollection*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/510278.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/readyornot\") {\n\t/*ReadyOrNot*/\n\t:root {\n\t\t--theme-primary: rgb(255, 255, 255);\n\t\t--theme-primary-translucent: rgba(255, 255, 255, .85);\n\t\t--theme-secondary: rgb(200, 200, 200);\n\t\t--theme-dark: rgb(139, 139, 139);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://get.wallhere.com/photo/Ready-or-Not-police-SWAT-FN-SCAR-1599523.jpg');\n\t}\n\t\n\t.headlogo svg g:nth-of-type(1) g path[style*=\"fill:#fff\"] {\n\t\tfill: #000 !important;\n\t}\n\t.headlogo svg g:nth-of-type(2) path[class=\"theme-primary\"] {\n\t\tfilter: drop-shadow(0 0 2em #f00);\n\t}\n\t[d=\"M44.4,162.5c-0.6,0-1.3,0-1.9-0.1c-1.5-0.2-2.9-0.5-4.5-1c-2.8-0.9-5.2-2.2-6.9-3.2c-3.8-2.2-7.7-4.9-11.8-8.3 c-1.8-1.5-3.6-3.1-5.3-4.7l-1.4-1.4c-1-0.9-1.9-1.9-2.6-3c-1.3-2-2.4-4.6-2.5-8c-0.1-1.1-0.2-2.2-0.2-3.4c0-2.4,0.1-5,0.5-7.5 c0.7-5.2,2.4-9.8,3.7-13.3c0.1-0.3,0.2-0.6,0.3-0.9c-0.4-0.9-0.7-1.9-1.1-2.9C8.9,99.6,7.7,93.8,7.1,88 c-0.6-6.1-0.4-12.3,0.5-18.4c0.2-1.3,0.4-2.6,0.7-3.8C5.9,62.3,2.9,57.3,1,51.5l0-0.1c-0.4-1.2-1.4-4.2-0.8-8 c0.2-1.4,0.5-2.8,1-4.3c0.9-2.8,2.2-5.1,3.2-6.8c2.2-3.8,4.9-7.6,8.2-11.7c1.5-1.8,3-3.6,4.6-5.2l1.4-1.4 c0.7-0.8,1.5-1.5,2.4-2.1c2-1.5,4.8-2.8,8.6-2.9c1.2-0.1,2.5-0.2,3.8-0.2h0.1c2.5,0,5.2,0.2,7.8,0.6c4,0.6,7.6,1.7,10.8,2.9 c2.1-0.9,4.3-1.7,6.6-2.5C64.1,8,69.9,6.8,75.7,6.4C81.8,5.9,88,6.2,93.9,7.2c1.4,0.2,2.8,0.5,4.2,0.8c4.7-3.2,9-5.5,13.5-6.9 l0.1,0c1-0.4,3.2-1.1,6.1-1.1c0.6,0,1.3,0,1.9,0.1c1.5,0.2,2.9,0.5,4.5,1c2.8,0.9,5.2,2.2,6.9,3.2c3.8,2.2,7.7,4.9,11.8,8.3 c1.8,1.5,3.6,3.1,5.3,4.7l1.4,1.4c0.7,0.6,1.4,1.3,1.9,2.1c1.8,2.3,3.2,5.6,3.3,10.2c0.1,1.6,0.1,3.3,0,5 c-0.2,3.7-0.7,7.2-1.6,10.4c-0.7,2.4-1.5,4.8-2.4,7.2c1.8,4.5,3.1,9.1,4,13.8c1.8,9.9,1.6,20.1-0.6,29.9c1.3,1.9,2.5,3.7,3.5,5.5 c1.7,3,3.1,6.1,4.1,9.3c0.4,1.2,1.3,4.2,0.7,8.2c-0.2,1.4-0.6,2.7-1.1,4.2c-1.8,5.1-4.6,9.3-7.1,12.8c-2.7,3.8-5.8,7.5-9,10.9 l-1.2,1.2c-0.7,0.8-1.5,1.5-2.4,2.2c-2,1.5-4.8,2.7-8.6,2.9c-1.2,0.1-2.5,0.2-3.8,0.2h-0.1c-2.7,0-5.4-0.2-8.2-0.7 c-4.5-0.7-8.5-2.1-12.1-3.5c-1.9,0.8-3.9,1.5-5.8,2.1c-5.6,1.7-11.5,2.8-17.4,3.1c-6.1,0.4-12.3-0.1-18.3-1.2 c-0.7-0.1-1.5-0.3-2.2-0.4c-5.2,3.7-9.8,6.1-14.6,7.7l-0.1,0C49.5,161.7,47.3,162.5,44.4,162.5L44.4,162.5z M24.6,134.1l10.6,3.7 c0.9-2.6,1-5.4,0.4-8c0,0.2,0,0.5,0.1,0.7c0,0.3,0.1,0.7,0.1,1.1c-0.1-2-0.8-4.6-2.6-7c-0.7-0.9-1.5-1.7-2.4-2.4l0.5,0.4l0.9,0.9 c-0.8-0.8-1.7-1.6-2.7-2.3L24.6,134.1L24.6,134.1z M123.7,129.4c-0.8,0.8-1.6,1.6-2.3,2.7l11.9,4.6l0-11.1c0,0,0,0,0,0 c-1.1,0-2.2,0.1-3.2,0.4c0.2,0,0.4,0,0.6,0c0.3,0,0.7-0.1,1.1-0.1c-1.8,0.1-4.2,0.7-6.4,2.1c-1.2,0.8-2.2,1.7-3.1,2.9l0.4-0.5 L123.7,129.4L123.7,129.4z M35.8,126.8c0.5,0.4,1,0.8,1.5,1.3c2.6,2.2,5,3.9,7.2,5.2c1.4-0.7,3-1.7,4.7-3 c0.5-0.3,0.9-0.7,1.4-1.1c0.3-0.2,0.5-0.5,0.8-0.7c0.1-0.1,0.3-0.3,0.4-0.4l6.2-6.3l8.4,2.9c0.3,0.1,0.6,0.2,0.8,0.3 c1.8,0.6,3.6,1,5.4,1.4c3.7,0.7,7.6,1,11.4,0.7c3.6-0.2,7.3-0.9,10.7-1.9c1.7-0.5,3.4-1.1,5-1.9c0.8-0.3,1.6-0.7,2.3-1.1 c2-1,4.3-1.6,6.6-1.6c3.6,0,6.3,1.3,7.6,2c0.4,0.2,0.8,0.4,1.3,0.5c2.5,1,5.4,2.2,8,2.6c0.4,0.1,0.9,0.1,1.3,0.2 c1.5-1.7,2.9-3.5,4.2-5.3c0.8-1.1,1.6-2.2,2.3-3.3c-0.1-0.2-0.2-0.4-0.4-0.7c-0.7-1.2-1.5-2.4-2.5-3.9c-0.3-0.5-0.7-0.9-1.1-1.4 c-0.2-0.2-0.3-0.4-0.5-0.6c-4.1-4-5.5-9.7-3.6-15.1c0.1-0.3,0.2-0.6,0.3-0.8c2.3-7.2,2.7-14.9,1.4-22.3c-0.7-3.5-1.7-7-3.2-10.3 c-0.1-0.3-0.3-0.6-0.4-0.9c-3.3-6.1-1.9-11.3-0.7-13.8c0.5-1,0.9-2.1,1.3-3.1c0.8-1.9,1.4-3.9,2-5.7c0.2-0.9,0.4-1.8,0.5-2.9 c-0.5-0.4-1-0.8-1.5-1.3c-2.7-2.2-5-3.9-7.2-5.2c-1.4,0.8-3,1.8-4.8,3c-0.5,0.4-1,0.8-1.5,1.2c-0.1,0.1-0.3,0.2-0.4,0.4 c-2.7,2.6-6.3,4-10,4c-1.8,0-3.5-0.3-5.2-1c-0.4-0.1-0.8-0.3-1.2-0.4c-1.8-0.5-3.6-1-5.5-1.3c-3.7-0.6-7.6-0.8-11.4-0.5 c-3.6,0.3-7.2,1-10.6,2.1c-1.7,0.5-3.3,1.2-4.9,1.9c-0.8,0.3-1.5,0.7-2.3,1.1L59.5,40c-2.1,1.2-4.6,1.8-7,1.8 c-2.2,0-4.4-0.5-6.5-1.5c-0.5-0.2-0.9-0.4-1.4-0.6c-2.4-1-5.3-2.1-7.8-2.4c-0.4-0.1-0.8-0.1-1.1-0.2c-0.4,0.5-0.8,1-1.2,1.4 c-2.2,2.7-3.9,5-5.2,7.3c0.7,1.4,1.7,2.9,2.9,4.7c0.3,0.5,0.7,1,1.1,1.4c0.2,0.3,0.5,0.5,0.7,0.8l5.8,6.1l-2.5,8 c-0.2,0.5-0.3,1-0.5,1.5c-0.5,1.8-0.9,3.7-1.2,5.6c-0.6,3.8-0.7,7.6-0.3,11.5c0.3,3.6,1.1,7.2,2.3,10.6c0.6,1.7,1.3,3.3,2,4.9 c0.1,0.2,0.2,0.4,0.3,0.6c2.1,4.3,2.1,9.1-0.1,13.4c-0.2,0.4-0.4,0.8-0.5,1.2c-0.4,1-0.9,2-1.3,3c-0.8,2.2-1.8,4.8-2.1,7.1 C35.9,126.3,35.8,126.6,35.8,126.8L35.8,126.8z M129.9,38.8c0.8,0.8,1.7,1.6,2.8,2.4l4.9-12.9L127,24.6c-0.9,2.6-1,5.4-0.4,8 c0-0.1,0-0.2,0-0.3c0-0.3,0-0.8,0-1.3v-0.1c0,1.5,0.5,4,2.1,6.4c0.8,1.1,1.7,2.1,2.8,3l-0.5-0.4L129.9,38.8L129.9,38.8z M29.3,26.3l0,11.1c1.1,0,2.2-0.1,3.2-0.4c-0.2,0-0.4,0-0.6,0c-0.3,0-0.7,0.1-1.1,0.1c1.8-0.1,4.2-0.7,6.4-2.1 c1.2-0.8,2.2-1.7,3.1-2.9l-0.4,0.5l-0.9,1c0.8-0.8,1.6-1.7,2.3-2.7L29.3,26.3L29.3,26.3z\"] {\n\t\tfill: rgb(255, 255, 255) !important;\n\t}\n\t.article-image ul.post-meta a, ul.post-meta a.post-category, ul.post-meta a.post-category:hover, a.post-category, div.container a.post-category, a.post-category:hover, .tabcontent a.btn, .add-file .info.error p a, .add-file .info.warning p a, div.container a:hover, ul.actions .btn, div.container a.btn, .tiles li .tile-content h3 a, a.theme-link:hover, a.theme-link:focus, div.container .expandtile a, #rj-sitemap ul li a.rj-standard-button, #rj-back-to-top.rj-hug-footer, .rj-user-nav a.rj-upload:hover, .bubble, i.fa.fa-chevron-up, .rj-vortex-button:hover, span.alert, .rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .tiles .btnexpand ul li a, .tiles .view-label, a.btn, .btn, .btn:visited, .sideitem ul.tags + a.btn:hover, .modpage .sideitem a.btnsmall, .mfp-close, .title-with-pip .pip, .add-game-button, .page-layout .table table tfoot a.rj-btn[id=\"fastDownloadButton\"]{\n\t\tcolor: #000;\n\t}\n\tul.btnexpand svg {\n\t\tfill: #fff;\n\t}\n\tul.add-process li.current a, ul.add-process li.complete a, .category-item a:hover .category-name, .btn, div.container .btn a {\n\t\tcolor: #1a1a1a;\n\t}\n\tul.btnexpand:hover svg, .drop-down>.btn .icon, .icon-track, .icon-manual, .btnexpand:hover .icon-plus, .accordion dt .acc-status .icon-arrow, .fake-accordion .acc-status .icon-arrow, .icon-archive, .tile-menu svg, .icon-discussion, .icon-comment, .icon-report, .icon-nmm, .icon-plus, .icon-share, ul.btnexpand:hover svg {\n\t\tfill: #000;\n\t}\n\t[src=\"/assets/images/white_vortex.svg\"] {\n\t\tfilter: invert(1);\n\t}\n\t.rj-user-nav a.rj-upload:hover {\n\t\ttext-shadow: 0 0 4px #f00;\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/godofwar\") {\n\t/*GOW2018*/\n\t:root {\n\t\t--theme-primary: rgb(146, 41, 41);\n\t\t--theme-primary-translucent: rgba(146, 41, 41, .85);\n\t\t--theme-secondary: rgb(146, 11, 11);\n\t\t--theme-dark: rgb(102, 0, 0);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/2mwwj73iv2211.png?auto=webp&s=9ae78d1f9180eae9f3f8b523426779d3882a900f');\n\t}\n\t\n\t.headlogo svg > g:nth-of-type(1) {\n\t\tvisibility: hidden;\n\t}\n\t#head.new-head .headlogo>div {\n\t\tposition: relative;\n\t}\n\t#head.new-head .headlogo>div::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/14205259-3456-4d74-8583-1a0f2736b41c/dep78an-b527a6b3-d07d-4c4f-818f-e8bc5b300a75.png/v1/fill/w_1280,h_1114,strp/omega_symbol__god_of_war_2018__by_rootofalllight_dep78an-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTExNCIsInBhdGgiOiJcL2ZcLzE0MjA1MjU5LTM0NTYtNGQ3NC04NTgzLTFhMGYyNzM2YjQxY1wvZGVwNzhhbi1iNTI3YTZiMy1kMDdkLTRjNGYtODE4Zi1lOGJjNWIzMDBhNzUucG5nIiwid2lkdGgiOiI8PTEyODAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.P4cY0Aojx7CqO43MfTr6mNMRAldo4eFeClvd9Pm6A78');\n\t\tbackground-size: 35px;\n\t\tbackground-position: center;\n\t\tbackground-position-x: 0;\n\t\tbackground-position-y: .75em;\n\t\tbackground-repeat: no-repeat;\n\t\tfilter: drop-shadow(2px 2px 0 black) drop-shadow(-1px -1px 0 black);\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/eldenring\") {\n\t/*EldenRing*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/u7kjl5fh92571.png?auto=webp&s=3d20aa293bd80d31880d81cdf7ad4b4a0a8df6fd');\n\t}\n}", + "sourceCode": "/* ==UserStyle==\n@name NexusMods Overhaul\n@namespace github.com/blyad2137/nexusmods-overhaul\n@version 1.1.4\n@description `Overhauls look of nexusmods to be more 'modern', from lack of better word.`\n@author blyad (https://github.com/blyad2137)\n@license CC BY-NC-SA 4.0\n@homepageURL https://github.com/blyad2137/nexusmods-overhaul\n@supportURL https://github.com/blyad2137/nexusmods-overhaul/issues\n==/UserStyle== */\n\n@-moz-document domain(\"nexusmods.com\") {\n\t\t::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);\n border-radius: 0px;\n background-color: #212121;\n }\n html[hide-scrollbar=\"true\"] ::-webkit-scrollbar{display:none}\n ::-webkit-scrollbar {\n width: 1rem;\n background-color: #212121;\n }\n ::-webkit-scrollbar-thumb {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .6);\n background-color: var(--theme-primary) !important;\n\t\t\t border: 5px solid rgba(0, 0, 0, 0);\n\t\t\t border-radius: 10px;\n\t\t\t background-clip: padding-box;\n }\n\t\t::-webkit-scrollbar-thumb:hover {\n\t\t\t background-color: var(--theme-secondary) !important;\n\t\t\t border: 4px solid rgba(0, 0, 0, 0);\n\t\t}\n\t\t::-webkit-scrollbar-corner {\n\t\t\t background-color: #212121;\n\t\t\t border-color: #212121;\n\t\t}\n\n\tspan.tooltip.tooltipstered {\n\t\tbackground-color: #0000 !important;\n\t}\n\tbody.scheme-theme-Fallout .mod-tile-left .mod-tile-dl-status {\n\t\tbackground-color: #92ab20D8 !important;\n\t\tcolor: #fff !important;\n\t}\n\t.rj-vortex-button {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-vortex-button:hover {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t#rj-back-to-top.rj-hug-footer {\n\t\tbackground-color: var(--theme-primary);\n\t\tposition: absolute;\n\t}\n\ti.fa.fa-chevron-up {\n\t\ttext-align: center;\n\t\ttop: 27%;\n\t\tleft: 31%;\n\t\tmargin: 0;\n\t\tposition: absolute;\n\t}\n\t.bubble {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t#rj-back-to-top {\n\t\tbackground-color: var(--theme-primary-translucent);\n\t}\n\t.rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .add-game-button {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t.rj-standard-button:hover, .title-with-pip .pip, .rj-panel .banner {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-panel .banner:before {\n \tborder-color: transparent transparent var(--theme-secondary) transparent;\t\n\t}\n\t.rj-panel .banner:after {\n\t\tborder-color: var(--theme-secondary) transparent transparent transparent;\n\t}\n\t[src=\"/assets/images/footer/Vortex.svg\"] {\n\t\t-webkit-mask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tmask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tbackground-color: var(--theme-primary);\n\t\tcontent: url('https://i.imgur.com/WFQNmEA.png');\n\t\timage-rendering: auto;\n\t}\n\t#rj-sitemap ul li a:hover, .page-layout .table table tfoot a.replaced-login-link, .page-layout .donation-wrapper > p > p > a, .page-layout .author > span, .notifications-header a, .notifications-list ul li .notification-bold, .page-layout .back-wrapper a span, .page-layout .back-wrapper a i, .page-layout tbody td:last-child, .table .orange, .rj-header-tray .rj-mobile-menu-link-section a:active:hover, .rj-header-tray .rj-mobile-menu-link-section a:link:hover, .rj-header-tray .rj-mobile-menu-link-section a:visited:hover, .rj-panel-cta, i.orange, li.rj-mobile-menu-subsection>a>div>span.upload, .page-layout .donation-wrapper > p > span.timer {\n\t\tcolor: var(--theme-primary);\n\t}\n\t.rj-orange, a:link.rj-orange, a:active.rj-orange {\n\t\tcolor: var(--theme-primary) !important;\n\t}\n\t.rj-btn, a.rj-btn, button.rj-btn {\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-btn.rj-btn-outline:hover, .notification-preferences-body input:checked + .notification-preference-slider, .rj-btn.rj-btn-standard:hover {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-news-items .news-item .news-img-wrapper {\n\t\tbackground: linear-gradient(to top,transparent,var(--theme-primary));\n\t}\n\t#qs_close:hover {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\t#qs_pagination a {\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\n\n\t.static .wrap:first-of-type {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.static .wrap {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.tabcontent {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\tul.modtabs {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.modtabs li {\n\t\tbackground-color: transparent;\n\t}\n\tul.modtabs li a.selected {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t\tborder-right-color: rgba(76, 76, 76, .38);\n\t}\n\tul.modtabs li a:last-of-type:hover {\n\t\tborder-right-color: rgba(65, 65, 65, .38);\n\t}\n\tul.modtabs li a {\n\t\tborder-right-color: rgba(61, 61, 61, .38);\n\t}\n\tul.modtabs li a:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.mod-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\tli.mod-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.tiles .fadeoff {\n\t\tbackground: -webkit-linear-gradient(top,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t}\n\tbody .home-intro {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.tiles li.article-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 30px rgba(56, 56, 56, .8);\n\t}\n\tli.article-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .5);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.modimages {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.modpage .col-1-1.info-details {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.modpage>.wrap {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.modpage .sideitems {\n\t\tborder-bottom-color: rgba(56, 56, 56, .38);\n\t}\n\t.modpage .col-1-1:not(.popup-bugreport > .col-1-1):not(.popup-mod-tagging .col-1-1):not(.popup-js .col-1-1) {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n .popup-js .col-1-1 {\n background-color: transparent;\n }\n\t.accordion dt:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.accordion dt {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.accordion dt.accopen {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.accordion dd {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.table th.table-require-notes:hover, .table th.table-compat-notes:hover, .table th.table-translation-notes:hover {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.table th:hover {\n\t\tbackground: rgba(65, 65, 65, .38);\n\t}\n\t.table th, .table td {\n\t\tborder-right-color: rgba(73, 73, 73, .38);\n\t}\n\t.table th {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.tabcontent-mod-page .accordionitems .table td {\n\t\tborder-right-color: rgba(91, 91, 91, .38);\n\t\tborder-top-color: rgba(91, 91, 91, .38);\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments .comment-head {\n\t\tbackground-color: rgba(29, 29, 29, .38);\n\t\tborder-bottom-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li {\n\t\tbackground-color: rgba(35, 35, 35, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li ol>li {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.edit-article-desc, .articlepage article {\n\t\tbackground-color: transparent;\n\t}\n\tsection#rj-vortex {\n\t\tborder-top-color: rgba(93, 93, 93, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#rj-footer {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\ttext-shadow: 1px 1px 1px #000000b8;\n\t}\n\t#rj-footer svg, #rj-footer img {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\tfigure.quote {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\tfigure.quote .icon-quote {\n\t\tfill: rgba(101, 101, 102, .38);\n\t}\n\t.col-1-1>.container, .modpage.mediapage .container.comments {\n\t\tbackground: rgba(76, 76, 76, 0);\n\t}\n\t.mod-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -610px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t#mod-list .mod-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.article-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -810px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t.article-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.activity-desc {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\tul.activity>li {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.rj-mobile-menu-subsections, #head .rj-header-wrap .rj-header-left, #head .rj-header-wrap .rj-header-right, .game-home-link {\n\t\tbackground-color: transparent;\n\t}\n\t#head.new-head {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t#head.new-head::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#head .rj-header-wrap {\n\t\tposition: relative;\n\t}\n\t.rj-nav-item:hover, .rj-nav-item.active {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tform.rj-search .search-button, form.rj-search .rj-search-input {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-option:hover {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-header-wrap.rj-search-active .search-button {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t#qs_results {\n\t\tbackground: rgba(44, 43, 43, .38);\n\t}\n\t#gsearch_results {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackground: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tbox-shadow: inset 0 0 20rem 1rem rgba(0, 0, 0, .38);\n\t}\n\t#qsearch_results {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.gsearch_results_list li {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.qs_result section>div {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.qs_result .stats {\n\t\tbackground-color: transparent;\n\t}\n\t.qs_result h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(37, 37, 37, .38) 100%);\n\t}\n\t.gsearch_results_list li.active h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(44, 43, 43, .38) 100%);\n\t}\n\t.premium-banner {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.premium-banner > span, .premium-banner > i {\n\t\tcolor: #fff;\n\t}\n\t.select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__rendered {\n\t\tcolor: #bbb;\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__arrow b {\n\t\tborder-color: #777 transparent transparent transparent;\n\t}\n\t.select2-container--default .select2-results__option[aria-selected=true] {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\t.select2-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.select2-results__option {\n\t\tcolor: #aaa;\n\t}\n\t.select2-dropdown, .select2-dropdown--below {\n\t\tborder-color: rgba(76, 76, 76, .38);\n\t}\n\t.popup-mod-requirements ul {\n\t\tbackground: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\t.pagination ul li a.page-selected, .pagination ul li a.page-selected:hover {\n\t\tbackground: rgba(62, 62, 62, .38);\n\t}\n\t.pagination ul li a, .pagination ul li a:hover, .pagination ul li a:focus {\n\t\tcolor: #c8c8c8;\n\t}\n\t.pagination ul li a {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.pagination ul li.prev .icon-arrow-thin, .pagination ul li.next .icon-arrow-thin {\n\t\tfill: #c8c8c8;\n\t}\n\t.pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li.prev a:hover, .pagination ul li.prev a:focus, .pagination ul li.next a:hover, .pagination ul li.next a:focus {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #c8c8c8;\n\t}\n\t.select2-container--default .select2-search--dropdown .select2-search__field {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #aaa;\n\t}\n\t.article-actions {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.article-nav .article-label {\n\t\tcolor: #a9a9a9;\n\t}\n\t.article-nav ul li:hover a {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.article-nav ul li a {\n\t\tborder-color: rgba(86, 86, 86, .38);\n\t}\n\t.article-nav ul li a .icon-arrow-thin {\n\t\tfill: #bcbcbc;\n\t}\n\t.article-page {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\t.article-page .comments {\n\t\tborder-color: rgba(56, 56, 56, .38);\n\t}\n\t#head.new-head .headlogo svg {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\t.rj-search-category {\n\t\tborder-left-color: rgba(255, 255, 255, .08);\n\t}\n\tform.rj-search.open-category-select .rj-search-category-dropdown-toggle {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-search-category-wrapper {\n\t\tcolor: #e8e8e8;\n\t}\n\t.select2-container--default.select2-container--disabled .select2-selection--single, .searchtext, .select2-container--default .select2-selection--multiple, .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.searchtext {\n\t\tcolor: #bbb;\n\t}\n\tinput[type=\"checkbox\"] {\n\t\tfilter: invert(.835) hue-rotate(180deg);\n\t}\n\t.refine-results ul.choice-list, .range-area {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\ta.mod-image {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.mod-tile-left, figure.image_figure .fore_div img, figure.image_figure .fore_div_mods img {\n\t\tbackground-color: transparent;\n\t}\n\t.game-filter form input {\n\t\tcolor: #919191;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t[style=\"position: absolute; top: 72px; z-index: 9999; background-color: rgb(76, 76, 76); border: 1px solid rgb(225, 225, 225); padding: 8px 16px;\"] {\n\t\tbackground-color: rgba(76, 76, 76, .38) !important;\n\t\tborder-color: rgba(17, 17, 17, .38) !important;\n\t}\n\t.date_selector {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-widget-content {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #919191;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.ui-widget-header {\n\t\tbackground-color: rgba(64, 64, 64, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option {\n\t\tbackground-color: #383838;\n\t}\n\t.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {\n\t\tbackground-color: rgba(0, 0, 0, 0);\n\t}\n\t.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t\tcolor: #bbb;\n\t}\n\t.btn-inactive, .btn:disabled {\n\t\tbackground-color: #565656 !important;\n\t\tcolor: #000 !important;\n\t}\n\t.btn-inactive .icon, .btn:disabled .icon {\n\t\tfill: #000;\n\t}\n\t#rj-sitemap ul li a.rj-standard-button {\n\t\tcolor: #fff;\n\t}\n\t.rj-user-nav .nav-interact .ni-background {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tsection#rj-sitemap {\n\t\tborder-image-source: linear-gradient(to right,rgba(255,255,255,0),rgba(255, 255, 255, .38) 52%,rgba(255,255,255,0));\n\t}\n\t.rj-header-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-header-full-width-banner {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.rj-panel.rj-panel-border:hover>.rj-panel-inner {\n\t\tbackground-color: rgba(77, 79, 80, .38);\n\t}\n\t.rj-panel.rj-panel-border>.rj-panel-inner {\n\t\tbackground-color: rgba(60, 61, 63, .38);\n\t}\n\t.rj-panel.rj-panel-border {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.rj-panel.rj-panel-border::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbackground: linear-gradient(180deg,var(--theme-primary),rgba(255,255,255,0.26));\n\t\tposition: absolute;\n\t\topacity: .38;\n\t}\n\t.rj-panel.rj-panel-border:hover {\n\t\tbackground-color: rgba(255,255,255,0.18);\n\t}\n\t.rj-right-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.rj-right-tray .arrow {\n\t\tborder-bottom-color: rgba(43, 45, 47, .38);\n\t}\n\t.rj-right-tray .arrow::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tfilter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark.link-section:hover {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.widget-mod-requirements.popup.mfp-with-anim.col-1-1.popup-mod-requirements {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tdiv.bbc_spoiler_content {\n\t\tbackground: rgba(38, 38, 38, .38);\n\t\tborder-color: rgba(59, 59, 59, .38);\n\t}\n\t.notifications-header, .notification-preferences-header {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.notifications-list, .notification-load-more, .notification-preferences-menu {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#featured #nofeature #pagetitle {\n\t\tbackground: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {\n\t\tcolor: #ccc !important;\n\t\tborder-color: rgba(103, 103, 103, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .38)), color-stop(100%, rgba(60, 60, 60, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, gba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {\n\t\tcolor: #999 !important;\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button:hover {\n\t\tborder-color: rgba(17, 17, 17, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(88, 88, 88, .38)), color-stop(100%, rgba(17, 17, 17, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t}\n\t.dataTables_filter input, input.form-field {\n\t\tcolor: #919191 !important;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttable.dataTable tbody tr, .form-section-content .select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttd.tracking-mod .tracking-icon {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.table td {\n\t\tborder-top-color: rgba(73, 73, 73, .38);\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\ttable.dataTable.no-footer {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\ttable.dataTable thead th, table.dataTable thead td {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\t.form-section-content, .media-section-content {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.form-section header, textarea.application-key, .application-image-container {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.line {\n\t\tborder-bottom-color: rgba(225, 225, 225, .38);\n\t}\n\t.page-layout .donation-panel {\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.page-layout .donation-wrapper form input[type=text] {\n\t\tcolor: #e0e0e0;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.page-layout .donation-wrapper form .form-group > span {\n\t\tcolor: #e0e0e0;\n\t}\n\t.rj-btn.rj-btn-outline, .rj-btn.rj-btn-standard {\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\tdiv#mainContent > .tabcontent.tabcontent-mod-page[aria-live=\"assertive\"] {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.forum-bugs td.bug-comment {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.forum-bugs .comments>ol>li:first-of-type:before {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.info.warning {\n\t\tbackground-color: transparent;\n\t\tposition: relative;\n\t}\n\t.info.warning.site-notice {\n\t\tbackground-color: #d5632d;\n\t}\n\t.info .info-content::before:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackground-color: var(--theme-primary);\n\t\topacity: .38;\n\t\tz-index: 2;\n\t}\n\t.info .info-content::after:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackdrop-filter: blur(1rem);\n\t\tz-index: 0;\n\t}\n\t.info .info-content > h3, .info .info-content > p, .info > svg, .info {\n\t\tz-index: 3;\n\t\tposition: relative;\n\t\ttext-shadow: 1px 1px 1px #000000ba;\n\t}\n\tinput#user_login, input#password, input#otp_attempt, input#real_name, select {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\tdiv.floating-label label, .password-group input[type=password]~.password-toggle>i, .password-group input[type=text]~.password-toggle>i {\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-group .password-toggle {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.password-group .password-toggle:focus {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t.jumbotron {\n\t\tbackground-color: rgb(41, 44, 47);\n\t}\n\t#game-blurb {\n\t\tborder-top-color: rgba(255, 255, 255, .38);\n\t}\n\t.btn-active, #graph-widget-container .active {\n\t\tbackground-color: rgba(40, 40, 40, .38) !important;\n\t}\n\t.popup-bugreport.popup.mfp-with-anim.col-1-1 > .col-1-1, .wysibb, textarea#add-bugreport-post {\n\t\tbackground-color: transparent;\n\t}\n\t.wysibb .wysibb-text {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.wysibb {\n\t\tborder-color: #444;\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container {\n\t\tborder-color: #444;\n\t}\n\t#wbbmodal .wbbm {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 5px rgba(51, 51, 51, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#wbbmodal .wbbm-title {\n\t\tcolor: #ccc;\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .div-modal-text {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row label {\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row input {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t\tbackground-color: transparent;\n\t}\n\t#wbbmodal .wbbm-bottom {\n\t\tbackground-color: rgba(1, 1, 1, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button:hover {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button {\n\t\tbackground: rgba(5, 5, 5, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tcolor: #ccc;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active {\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {\n\t\tcolor: #ccc;\n\t\ttext-shadow: 0 1px 0 rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover, .wbb-select .option:hover, .wbb-list .nc:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .wbb-list {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 3px rgba(85, 85, 85, .38);\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.wbb-list .nc, .comment-reply textarea {\n\t\tcolor: #999;\n\t}\n\t.wbb-list .sc {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.popup {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tbody.rails-default-error-page {\n\t\tbackground-color: #2b2d2f;\n\t}\n\t.rails-default-error-page div.dialog > div {\n\t\tborder-color: #444;\n\t\tborder-top-color: #B00100;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #555;\n\t\tbackground-color: #383838;\n\t}\n\t.rails-default-error-page div.dialog > p {\n\t\tbackground-color: #414141;\n\t\tborder-color: #555;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #666;\n\t\tborder-top-color: #383838;\n\t\tcolor: #999;\n\t}\n\t.rails-default-error-page h1 {\n\t\tcolor: #910;\n\t}\n\t.grey, .comments figure.quote {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments>ol>li ol>li .comment-head {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t}\n\t.comment-content-text code {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\tdiv#nofeature {\n\t\tbackground-image: none !important;\n\t\tposition: relative;\n\t}\n\tdiv#nofeature::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-image: url('/assets/images/default/bg_default.jpg');\n\t\tbackground-size: cover;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: .38;\n\t\tz-index: -1;\n\t}\n\tbody .home-intro {\n\t\tposition: relative;\n\t\tbackground-image: none;\n\t}\n\tbody .home-intro::after {\n\t\tcontent: '';\n\t\tbackground-image: url('/assets/images/default/bg_game_header.jpg');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: top center;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 75%;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\tbody .home-intro::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 25% !important;\n\t\tmax-height: 25% !important;\n\t\tleft: 0;\n\t\ttop: 38.05em;\n\t\tbackground-image: -webkit-linear-gradient(top, #2d2d2d 2%, #0000 100%);\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"]:hover {\n\t\tbackground-color: rgba(77, 77, 77, .38);\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"] {\n\t\tcolor: #ddd;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.subnav, .drop-down:hover>.btn {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.sublist li a, div.container .actions ul.sublist li a {\n\t\tcolor: #a6a6a6;\n\t}\n\tinput#user_name, input#password_confirmation {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-help {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tcolor: #dadcdb;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.password-help>.arrow {\n\t\tborder-bottom-color: rgba(34, 34, 34, .38);\t\n\t}\n\t.password-help .password-condition.password-condition-success>div {\n\t\tcolor: rgba(255, 255, 255, .4);\n\t}\n\t.main.vortex-and-nmm {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.bg-vortex-pattern, .sso-container {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.bg-vortex-pattern::before, .sso-container::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: url('/bootstrap/images/vortex/bg/vortex-bg.jpg');\n\t\topacity: .38;\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\t.bg-dark, .article-image {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.popup-mod-tagging .col-1-1 {\n\t\tbackground-color: transparent;\n\t}\n\ttextarea.problem-description {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\tselect.form-field {\n\t\tcolor: #919191;\n\t}\n\toption {\n\t\tbackground-color: #2c2d2d;\n\t\tcolor: #919191;\n\t}\n\t.recent-files a {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.recent-files a:hover {\n\t\tbackground-color: rgba(42, 42, 42, .38);\n\t}\n\t.nexus-ui-blocker-message-box, dd.changelog ul.change-logs>li:nth-child(odd), div.changelog ul.change-logs>li:nth-child(odd) {\n\t\tbackground-color: transparent;\n\t}\n\t.tabcontent:before, .loading-wheel {\n\t\tfilter: drop-shadow(0 0 5px #000);\n\t}\n\t.lg-outer .lg-inner {\n\t\tmax-height: 90vh;\n\t\twidth: 90vw;\n\t\tposition: absolute;\n\t\tmargin: 0 auto;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t}\n\t.result {\n\t\theight: auto !important;\n\t\ttop: 0 !important;\n\t}\n\tinput#change_recovery_mobile_number_current_password, input#mobile_number, input#change_recovery_mobile_number_two_fa, input#change_email_current_password, input#new_email, input#change_email_two_fa, input#new_password, input#confirm_password, input#change_password_two_fa {\n\t\tbackground-color: rgba(0,0,0,.38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.security-edit-page .dial-code, .security-edit-page .fake-select i {\n\t\tcolor: #d1d5d9;\n\t}\n\t.security-edit-page .fake-select {\n\t\tbackground-color: rgb(51, 51, 51);\n\t}\n\t.security-edit-page .fake-select .flag {\n\t\tcolor: #fff;\n\t}\n\tul#breadcrumb.mod-crumb, ul#breadcrumb.static-crumb {\n\t\ttext-shadow: 0 1px 1px rgba(0, 0, 0, .8);\n\t}\n\tform.rj-search .search-button i, .rj-header-wrap.rj-search-active .search-button i {\n\t\tcolor: #e8e8e8;\n\t}\n\t[href*=\"/skyrimspecialedition/mods/52177\"] figure.image_figure .fore_div_mods img {\n\t\tcontent: url('https://i.kym-cdn.com/photos/images/facebook/001/857/748/54e.jpg');\n\t\ttransform: scale(1.5) translateY(-1.2rem) translateX(.5rem);\n\t}\n\t.premium-block.background-2 {\n\t\ttransition: background 400ms cubic-bezier(0.49, 0.38, 0.41, 1.24);\n\t}\n\t.premium-block.background-2:hover {\n\t\tbackground: linear-gradient(to right, #040404, 70%, transparent), url(https://staticdelivery.nexusmods.com/Images/ad_bg_2.png) right/70% no-repeat, #040404;\n\t}\n\t.areplacer, div.clearfix[style*=\"background: #2d2d2d\"] > div {\n\t\tdisplay: none;\n\t}\n}\n@-moz-document domain(\"users.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--orange);\n\t}\n}\n@-moz-document domain(\"help.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #34d6ff;\n\t}\n\n\t#docsSearch {\n\t\tbackground-color: rgba(43, 45, 47);\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tbody {\n\t\tbackground-color: #222;\n\t}\n\ttextarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #fff;\n\t}\n\t.category-list .category:hover {\n\t\tbackground-color: rgba(43, 45, 47);\n\t}\n\t.category-list h3 {\n\t\tcolor: #ccc;\n\t}\n\t.category-list .category {\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t#sidebar form .search-query {\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #999;\n\t}\n\t#sidebar h3, #sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus, #sidebar .nav-list a:hover, #sidebar .nav-list a:focus, footer p a:hover, #fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {\n\t\tcolor: #ddd;\n\t}\n\t#sidebar .nav-list a, .contentWrapper p.descrip {\n\t\tcolor: #959595;\n\t}\n\t.nav-list>li>a, .nav-list .nav-header {\n\t\ttext-shadow: 0 1px 0 rgba(24, 24, 24, .5);\n\t}\n\t.contentWrapper {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #ddd;\n\t}\n\t.icon-article-doc:before {\n\t\tcolor: #676767;\n\t}\n\tselect {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tselect, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tcolor: #aaa;\n\t}\n\tfooter p a, footer p {\n\t\tcolor: #7b7b7b;\n\t}\n\t[class^=icon-], [class*=\" icon-\"], .featherlight-close-icon {\n\t\tcolor: #464646;\n\t}\n\t#fullArticle .printArticle:hover .icon-print {\n\t\tcolor: #686868;\n\t}\n\t#fullArticle table th, #fullArticle table td, #fullArticle img {\n\t\tborder-color: rgba(59, 59, 59);\n\t}\n\t#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {\n\t\tcolor: #a8a8a8;\n\t}\n\t.articleFoot p, .articleFoot time {\n\t\tcolor: #606060;\n\t}\n\t.related {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t.related h3 {\n\t\tcolor: #bdbdbd;\n\t}\n\t#fullArticle strong {\n\t\tcolor: #b9b9b9;\n\t}\n}\n@-moz-document domain(\"next.nexusmods.com\") {\n\t:root {\n\t\t--theme-primary: rgb(var(--primary));\n\t}\n}\n@-moz-document domain(\"wiki.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #e6832b;\n\t}\n}\n\n@-moz-document domain(\"forums.nexusmods.com\") {\n\t\t\t::-webkit-scrollbar-thumb {\n\t\t\t\t background-color: #43bbe2\n\t\t\t}\n\t\n\tinput[type=text], input[type=password], input[type=email], select {\n\t\tbackground-color: #0000 !important;\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout3\") {\n\t/*Fallout3*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/119189.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/newvegas\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55215\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55332\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55382\") {\n\t/*NewVegas*/\n\tbody.scheme-theme-Fallout {\n\t\t--theme-primary: #da8e35;\n\t\t--theme-primary-translucent: #da8e35d8;\n\t\t--theme-secondary: #b4762c;\n\t\t--theme-dark: #815316;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/8qtlmjh77m511.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout4\") {\n\t/*Fallout4*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/720318.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout76\") {\n\t/*Fallout76*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/927/thumb-1920-927080.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/morrowind\") {\n\t/*Morrowind*/\n\tbody::before {\n\t\tbackground-image: url('https://tesrskywind.com/wp-content/uploads/2019/07/GalleryAscadianIsles2_Arvuti.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/oblivion\") {\n\t/*Oblivion*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wccftech.com/wp-content/uploads/2021/01/skyblivion.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/skyrim\") {\n\t/*SkyrimLE*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/skyrim-wallpaper-4k-bu.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/skyrimspecialedition\") {\n\t/*SkyrimSE*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/242893.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher\") {\n\t/*Witcher*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/653677.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher3\") {\n\t/*Witcher3*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/HyZeLfQ.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/cyberpunk2077\") {\n\t/*Cyberpunk2077*/\n\t:root {\n\t\t--theme-primary: rgb(255, 0, 60);\n\t\t--theme-primary-translucent: rgba(255, 0, 60, .84);\n\t\t--theme-secondary: rgb(198, 21, 62);\n\t\t--theme-dark: rgb(138, 21, 48);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/676037.jpg');\n\t}\n\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/stardewvalley\") {\n\t/*StaredValley*/\n\tbody::before {\n\t\tbackground-image: url('https://i.pinimg.com/originals/b8/1a/a4/b81aa44ba47c8ebb93c4525a96904101.jpg');\n\t}\n\t\n\t#mainContent > section {\n\t\tborder-image: url('https://stardewvalleywiki.com/mediawiki/extensions/StardewValley/images/menu_border.png') 15 stretch !important;\n\t\tborder: 7px solid transparent;\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonage\") {\n\t/*DragonAge*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/109/109665.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/monsterhunterworld\") {\n\t/*MonsterHunterWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1926141.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/mountandblade2bannerlord\") {\n\t/*MountAndBlade2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/5671474.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonage2\") {\n\t/*DragonAge2*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/120/thumb-1920-120325.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonageinquisition\") {\n\t/*DragonAgeInquisition*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/373700.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/bladeandsorcery\") {\n\t/*BlandeAndSorecry*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/la9po1nkaq751.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls\") {\n\t/*DarkSouls*/\n\tbody::before {\n\t\tbackground-image: url('https://images.alphacoders.com/278/thumb-1920-278051.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kingdomcomedeliverance\") {\n\t/*KingdomcomeDeliverence*/\n\tbody::before {\n\t\tbackground-image: url('https://external-preview.redd.it/wJq9109DaVFax4XCnN6EnNDPSq6PBsOwtRlfnb4ldYs.jpg?auto=webp&s=234107489ff7daecfb4d852bf56035fb48849374');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/subnautica\") {\n\t/*Subnautica*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/901/thumb-1920-901071.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect\") {\n\t/*ME1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4605441.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect2\") {\n\t/*ME2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2467187.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect3\") {\n\t/*ME3*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/mass-effect-3-pc-version-rj.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffectandromeda\") {\n\t/*MEAndromeda*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/772/thumb-1920-772364.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffectlegendaryedition\") {\n\t/*ME_LE*/\n\t:root {\n\t\t--theme-primary: #e61809;\n\t\t--theme-primary-translucent: #e61809d8;\n\t\t--theme-secondary: #ae180d;\n\t\t--theme-dark: #781008;\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://w.wallha.com/ws/12/1USM7sVR.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darkestdungeon\") {\n\t/*DarkestDungeon*/\n\t:root {\n\t\t--theme-primary: #000;\n\t\t--theme-primary-translucent: #000000d8;\n\t\t--theme-secondary: #000;\n\t\t--theme-dark: #000;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://7wallpapers.net/wp-content/uploads/9_Darkest-Dungeon.jpg');\n\t}\n\t#head.new-head .headlogo svg, .rj-vortex-icon-wrapper, .rj-vortex-button, #rj-footer svg, #rj-footer img, ul.action-log>li, ul.btnexpand:hover, figure.quote, .comments figure.quote, .wysibb .wysibb-text blockquote, .rvs-container .rvs-nav-item.rvs-active, .rj-btn.rj-button-outline, a.rj-btn.rj-button-outline, blockquote.ipsBlockquote, .motm_position, ul.friend-actions .btn, .widget-download-links .btn, .popup-register-copy .btn, .btn.signin, .btn-more .btn, .home-buttons .btn, .btn-load, .form-section-content .btn, ul.file-actions .btn, .add-clone, .form-section .btn.btnsmall, .add-nav .btn, .modactions .btn, .mobile-close, ul.actions .btn, #foot #backtop .btn, #usernav ul li a, #footbtn .btn, form.search input.btn, ul.search-terms li:after, .accordion dt .acc-status, .fake-accordion .acc-status, .acc-status, .tiles .btnexpand ul li, ul.btnexpand:hover, ul.btnexpand:focus, .popup .mfp-close, .tiles .view-label, .tracking-highlight span.update-bar, .edit, .crop, .set-primary, ul.add-process li.current:before, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .info.callout, #mobilebtn, nav#mobilenav #mobile-user ul li a, ul#mobile-primary li a, .rvs-container .rvs-nav-item.rvs-active, .irs-bar, #head .btn, a.btn, .btn, .btn:visited, .toggle-button, .toggle-button:active, .toggle-button:visited, .rj-button-outline:hover, a.rj-button-outline:hover, .arrow-box, a.post-category.site-news, .select2-container--default .select2-results__option--highlighted[aria-selected], #rj-back-to-top.rj-hug-footer, .bubble, .rj-standard-button, ul.friend-actions .btn:hover, ul.friend-actions .btn:focus, .btn.signin:hover, .popup-register-copy .btn:hover, .popup-register-copy .btn:focus, .btn-more .btn:hover, .btn-more .btn:focus, .home-buttons .btn:hover, .home-buttons .btn:focus, .btn-load:hover, .btn-load:focus, .form-section-content .btn:hover, .form-section-content .btn:focus, ul.file-actions .btn:hover, ul.file-actions .btn:focus, .add-clone:hover, .add-clone:focus, .form-section .btn.btnsmall:hover, .form-section .btn.btnsmall:focus, .add-nav .btn:hover, .add-nav .btn:focus, .modactions .btn:hover, .modactions .btn:focus, .mobile-close:hover, .mobile-close:focus, ul.actions .btn:hover, ul.actions .btn:focus, #foot #backtop .btn:hover, #foot #backtop .btn:focus, #footbtn .btn:hover, #footbtn .btn:focus, #head .btn:hover, #head .btn:focus, #usernav ul li:hover a, #usernav ul li:focus a, form.search input.btn:hover, form.search input.btn:focus, ul.btnexpand li ul li:hover, ul.btnexpand li ul li:focus, .popup .mfp-close:hover, .popup .mfp-close:focus, .edit:hover, .edit:focus, .crop:hover, .crop:focus, .set-primary:hover, .set-primary:focus, #mobilebtn:hover, #mobilebtn:focus, .rvs-container .rvs-nav-item.rvs-active:hover, .rvs-container .rvs-nav-item.rvs-active:focus, a.btn:hover, .btn:hover, .actions .drop-down .btn:hover, .actions .drop-down .btn:focus, .drop-down:hover>#button-manage, a.btn:focus, .btn:focus, span.alert, .arrow-box:hover {\n\t\tfilter: drop-shadow(1px 1px 3px #bd0707);\n\t}\n\t.home-trending ul.tiles ul.inline-list a:hover, .arrowlist a:hover, .widget-download-links .btn:hover, .widget-download-links .btn:focus, .popup-register-copy p a:hover, .popup .info-content a:hover, ol.pick-page a:hover, p#opening a:hover, .add-file p a:hover, .tabcontent a:hover, dd a:hover, article a:hover, article a:focus, article a:active, .sideitem a:hover, ul.post-meta a:hover, .article-copy p a:hover, #mobile-fav .mobile-header a:hover, .quote-meta a:hover, .tiles .author a:hover, .comment-name a:hover, ul.comment-inline a:hover, article p a:hover, #copyright a:hover, a.fav-edit:hover, #name a:hover, ul#breadcrumb li a:hover, a.clear-cat:hover, .tiles .category a:hover, nav#menu .wrap ul li.nav-games ul li a:hover, #rj-sitemap ul li a:hover {\n\t\ttext-shadow: 1px 1px 5px #d50707;\n\t}\n\t.home-trending ul.tiles ul.inline-list a, .arrowlist a, .popup-register-copy p a, .popup .info-content a, ol.pick-page a, p#opening a, .add-file p a, .tabcontent a, dd a, article a, .sideitem a, ul.post-meta a, .article-copy p a, #mobile-fav .mobile-header a, .quote-meta a, .comment-name a, ul.comment-inline a, article p a, #copyright a, a.fav-edit, .tiles .author a, a.clear-cat, ul#breadcrumb li a, .topnav ul.global li a:hover, nav#menu .wrap ul li ul li a:hover, nav#menu .wrap ul li.nav-games ul li a, div.container a, ul.sublist li a:hover, div.container .actions ul.sublist li a:hover, a.view-all:hover, .featured-article h2 a:hover, .tiles .tile-desc h3 a:hover, .tiles .category a, .tiles .tile-data ul li a:hover, ul.tracking-author-options li a:hover, .file-manage-title h3 a:hover, #sitemap ul.footlinks li a:hover, ul#mobile-primary li#mobile-updates .updatedesc a, #name a, .stat-endorsements a:link, .stat-endorsements a:visited, .stat-endorsements a:active, .user-list-details a, .category-item a .category-name, li .log-modified a, li .log-modified a:visited, .category-item a:visited .category-name, .breadcrumb a, #ajgpermalink, a.theme-link, .gsearch_results_list li.active h3, .top-lists-links a:link, .top-lists-links a:visited, .notification-actions a.set-notification-read, .notification-actions a.set-notification-read:visited {\n\t\ttext-shadow: 1px 1px 2px #bd0707;\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/starwarsbattlefront22017\") {\n\t/*Battlefront2_2017*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/824/thumb-1920-824123.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil22019\") {\n\t/*RE2Remake*/\n\t:root {\n\t\t--theme-primary: #bf0000;\n\t\t--theme-primary-translucent: #bf0000d8;\n\t\t--theme-secondary: #900;\n\t\t--theme-dark: #7b0707;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1256071.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil32020\") {\n\t/*RE3Remake*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/xytj0c6i2g441.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevilvillage\") {\n\t/*REVillage*/\n\tbody::before {\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0276f574-98ea-4e2d-ba44-68f500bf01bc/decy31o-b5746c63-250c-4a71-86e2-fa3134977f1c.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyNzZmNTc0LTk4ZWEtNGUyZC1iYTQ0LTY4ZjUwMGJmMDFiY1wvZGVjeTMxby1iNTc0NmM2My0yNTBjLTRhNzEtODZlMi1mYTMxMzQ5NzdmMWMuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.VnKYmU_gLkhsrLv24MGxbNKoosfdStcNqneV8CmD9o4');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/valheim\") {\n\t/*Valheim*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp8599076.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls2\") {\n\t/*DarkSouls2*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wallpapersafari.com/75/54/h2igPl.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher2\") {\n\t/*Witcher2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3291282.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/metalgearsolidvtpp\") {\n\t/*ThePhantomPain*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4125603.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/nomanssky\") {\n\t/*NoMansSky*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/70-704953_no-mans-sky-next-4k.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonsdogma\") {\n\t/*DragonsDogma*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/364376.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/xcom\") {\n\t/*X-Com*/\n\tbody::before {\n\t\tbackground-image: url('https://vistapointe.net/images/xcom-enemy-unknown-11.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/xcom2\") {\n\t/*X-Com2*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/668/thumb-1920-668202.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kotor\") {\n\t/*KnightOfTheOldRepublic*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/467182.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/mbwarband\") {\n\t/*Warband*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/3206100.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/7daystodie\") {\n\t/*7D2D*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/709/thumb-1920-709973.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls3\") {\n\t/*DarkSouls3*/\n\tbody::before {\n\t\tbackground-image: url('https://images5.alphacoders.com/609/609173.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/stateofdecay\") {\n\t/*StateOfDecay*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2192288.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/sekiro\") {\n\t/*Sekiro*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1146370.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/pathfinderkingmaker\") {\n\t/*PathfinderKingmaker*/\n\tbody::before {\n\t\tbackground-image: url('https://wallup.net/wp-content/uploads/2017/05/29/434508-fantasy_art-artwork-Pathfinder.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/borderlands2\") {\n\t/*Borderlands2*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/borderlands-2-4k-g6.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kenshi\") {\n\t/*Kenshi*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/113/thumb-1920-1131614.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/divinityoriginalsin2\") {\n\t/*DivinityOriginalSin*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3622645.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/dyinglight\") {\n\t/*DyingLight*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/449/thumb-1920-449053.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/dyinglight2\") {\n\t/*DyingLight2*/\n\t:root {\n\t\t--theme-primary: rgb(255, 2, 9);\n\t\t--theme-primary-translucent: rgba(255, 2, 9, .85);\n\t\t--theme-secondary: rgb(192, 10, 14);\n\t\t--theme-dark: rgb(127, 7, 10);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/BfMpm5o.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/reddeadredemption2\") {\n\t/*RDR2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/677565.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/rimworld\") {\n\t/*RimWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3935722.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksoulsremastered\") {\n\t/*DarkSoulsRemastered*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3756449.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/doometernal\") {\n\t/*DoomEternal*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/i7oo37p28fb41.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/devilmaycry5\") {\n\t/*DevilMayCry5*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/ELsSrGK.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/thesims4\") {\n\t/*TheSims4*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/W2EPdqD.png');\n\t}/*My friend built auschwitz in sims 4*/\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/assassinscreed\") {\n\t/*AC1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/6364321.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/assassinscreedodyssey\") {\n\t/*ACOdyssey*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/download/assassins-creed-odyssey-8k-nt-7680x4320.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/gtasanandreas\") {\n\t/*GTA:SA*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/112/thumb-1920-1125180.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/grandtheftautothetrilogy\") {\n\t/*GTATrilogy*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/w0n7em07das71.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/subnauticabelowzero\") {\n\t/*SubnauticaBelowZero*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3753691.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/starwarsjedifallenorder\") {\n\t/*SWJediTheFallerOrder*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/55-557442_star-wars-jedi-fallen-order-4k-star-wars.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/stateofdecay2\") {\n\t/*StateOfDecay2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3024592.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/farcry3\") {\n\t/*FC3*/\n\tbody::before {\n\t\tbackground-image: url('https://staticctf.akamaized.net/J3yJr34U2pZ2Ieem48Dwy9uqj5PNUQTn/7mt4mi2lLVpiZe0dDJLvhj/35e6267a0fbca6dbe33996bee5b6d028/far-cry-3-heroBanner.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/daysgone\") {\n\t/*DaysGone*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/days-gone-2019-4k-gs.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/baldursgate3\") {\n\t/*BaldursGate3*/\n\tbody::before {\n\t\tbackground-image: url('https://images.alphacoders.com/107/thumb-1920-1070523.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/halothemasterchiefcollection\") {\n\t/*HaloTheMasterChiefCollection*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/510278.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/readyornot\") {\n\t/*ReadyOrNot*/\n\t:root {\n\t\t--theme-primary: rgb(255, 255, 255);\n\t\t--theme-primary-translucent: rgba(255, 255, 255, .85);\n\t\t--theme-secondary: rgb(200, 200, 200);\n\t\t--theme-dark: rgb(139, 139, 139);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://get.wallhere.com/photo/Ready-or-Not-police-SWAT-FN-SCAR-1599523.jpg');\n\t}\n\t\n\t.headlogo svg g:nth-of-type(1) g path[style*=\"fill:#fff\"] {\n\t\tfill: #000 !important;\n\t}\n\t.headlogo svg g:nth-of-type(2) path[class=\"theme-primary\"] {\n\t\tfilter: drop-shadow(0 0 2em #f00);\n\t}\n\t[d=\"M44.4,162.5c-0.6,0-1.3,0-1.9-0.1c-1.5-0.2-2.9-0.5-4.5-1c-2.8-0.9-5.2-2.2-6.9-3.2c-3.8-2.2-7.7-4.9-11.8-8.3 c-1.8-1.5-3.6-3.1-5.3-4.7l-1.4-1.4c-1-0.9-1.9-1.9-2.6-3c-1.3-2-2.4-4.6-2.5-8c-0.1-1.1-0.2-2.2-0.2-3.4c0-2.4,0.1-5,0.5-7.5 c0.7-5.2,2.4-9.8,3.7-13.3c0.1-0.3,0.2-0.6,0.3-0.9c-0.4-0.9-0.7-1.9-1.1-2.9C8.9,99.6,7.7,93.8,7.1,88 c-0.6-6.1-0.4-12.3,0.5-18.4c0.2-1.3,0.4-2.6,0.7-3.8C5.9,62.3,2.9,57.3,1,51.5l0-0.1c-0.4-1.2-1.4-4.2-0.8-8 c0.2-1.4,0.5-2.8,1-4.3c0.9-2.8,2.2-5.1,3.2-6.8c2.2-3.8,4.9-7.6,8.2-11.7c1.5-1.8,3-3.6,4.6-5.2l1.4-1.4 c0.7-0.8,1.5-1.5,2.4-2.1c2-1.5,4.8-2.8,8.6-2.9c1.2-0.1,2.5-0.2,3.8-0.2h0.1c2.5,0,5.2,0.2,7.8,0.6c4,0.6,7.6,1.7,10.8,2.9 c2.1-0.9,4.3-1.7,6.6-2.5C64.1,8,69.9,6.8,75.7,6.4C81.8,5.9,88,6.2,93.9,7.2c1.4,0.2,2.8,0.5,4.2,0.8c4.7-3.2,9-5.5,13.5-6.9 l0.1,0c1-0.4,3.2-1.1,6.1-1.1c0.6,0,1.3,0,1.9,0.1c1.5,0.2,2.9,0.5,4.5,1c2.8,0.9,5.2,2.2,6.9,3.2c3.8,2.2,7.7,4.9,11.8,8.3 c1.8,1.5,3.6,3.1,5.3,4.7l1.4,1.4c0.7,0.6,1.4,1.3,1.9,2.1c1.8,2.3,3.2,5.6,3.3,10.2c0.1,1.6,0.1,3.3,0,5 c-0.2,3.7-0.7,7.2-1.6,10.4c-0.7,2.4-1.5,4.8-2.4,7.2c1.8,4.5,3.1,9.1,4,13.8c1.8,9.9,1.6,20.1-0.6,29.9c1.3,1.9,2.5,3.7,3.5,5.5 c1.7,3,3.1,6.1,4.1,9.3c0.4,1.2,1.3,4.2,0.7,8.2c-0.2,1.4-0.6,2.7-1.1,4.2c-1.8,5.1-4.6,9.3-7.1,12.8c-2.7,3.8-5.8,7.5-9,10.9 l-1.2,1.2c-0.7,0.8-1.5,1.5-2.4,2.2c-2,1.5-4.8,2.7-8.6,2.9c-1.2,0.1-2.5,0.2-3.8,0.2h-0.1c-2.7,0-5.4-0.2-8.2-0.7 c-4.5-0.7-8.5-2.1-12.1-3.5c-1.9,0.8-3.9,1.5-5.8,2.1c-5.6,1.7-11.5,2.8-17.4,3.1c-6.1,0.4-12.3-0.1-18.3-1.2 c-0.7-0.1-1.5-0.3-2.2-0.4c-5.2,3.7-9.8,6.1-14.6,7.7l-0.1,0C49.5,161.7,47.3,162.5,44.4,162.5L44.4,162.5z M24.6,134.1l10.6,3.7 c0.9-2.6,1-5.4,0.4-8c0,0.2,0,0.5,0.1,0.7c0,0.3,0.1,0.7,0.1,1.1c-0.1-2-0.8-4.6-2.6-7c-0.7-0.9-1.5-1.7-2.4-2.4l0.5,0.4l0.9,0.9 c-0.8-0.8-1.7-1.6-2.7-2.3L24.6,134.1L24.6,134.1z M123.7,129.4c-0.8,0.8-1.6,1.6-2.3,2.7l11.9,4.6l0-11.1c0,0,0,0,0,0 c-1.1,0-2.2,0.1-3.2,0.4c0.2,0,0.4,0,0.6,0c0.3,0,0.7-0.1,1.1-0.1c-1.8,0.1-4.2,0.7-6.4,2.1c-1.2,0.8-2.2,1.7-3.1,2.9l0.4-0.5 L123.7,129.4L123.7,129.4z M35.8,126.8c0.5,0.4,1,0.8,1.5,1.3c2.6,2.2,5,3.9,7.2,5.2c1.4-0.7,3-1.7,4.7-3 c0.5-0.3,0.9-0.7,1.4-1.1c0.3-0.2,0.5-0.5,0.8-0.7c0.1-0.1,0.3-0.3,0.4-0.4l6.2-6.3l8.4,2.9c0.3,0.1,0.6,0.2,0.8,0.3 c1.8,0.6,3.6,1,5.4,1.4c3.7,0.7,7.6,1,11.4,0.7c3.6-0.2,7.3-0.9,10.7-1.9c1.7-0.5,3.4-1.1,5-1.9c0.8-0.3,1.6-0.7,2.3-1.1 c2-1,4.3-1.6,6.6-1.6c3.6,0,6.3,1.3,7.6,2c0.4,0.2,0.8,0.4,1.3,0.5c2.5,1,5.4,2.2,8,2.6c0.4,0.1,0.9,0.1,1.3,0.2 c1.5-1.7,2.9-3.5,4.2-5.3c0.8-1.1,1.6-2.2,2.3-3.3c-0.1-0.2-0.2-0.4-0.4-0.7c-0.7-1.2-1.5-2.4-2.5-3.9c-0.3-0.5-0.7-0.9-1.1-1.4 c-0.2-0.2-0.3-0.4-0.5-0.6c-4.1-4-5.5-9.7-3.6-15.1c0.1-0.3,0.2-0.6,0.3-0.8c2.3-7.2,2.7-14.9,1.4-22.3c-0.7-3.5-1.7-7-3.2-10.3 c-0.1-0.3-0.3-0.6-0.4-0.9c-3.3-6.1-1.9-11.3-0.7-13.8c0.5-1,0.9-2.1,1.3-3.1c0.8-1.9,1.4-3.9,2-5.7c0.2-0.9,0.4-1.8,0.5-2.9 c-0.5-0.4-1-0.8-1.5-1.3c-2.7-2.2-5-3.9-7.2-5.2c-1.4,0.8-3,1.8-4.8,3c-0.5,0.4-1,0.8-1.5,1.2c-0.1,0.1-0.3,0.2-0.4,0.4 c-2.7,2.6-6.3,4-10,4c-1.8,0-3.5-0.3-5.2-1c-0.4-0.1-0.8-0.3-1.2-0.4c-1.8-0.5-3.6-1-5.5-1.3c-3.7-0.6-7.6-0.8-11.4-0.5 c-3.6,0.3-7.2,1-10.6,2.1c-1.7,0.5-3.3,1.2-4.9,1.9c-0.8,0.3-1.5,0.7-2.3,1.1L59.5,40c-2.1,1.2-4.6,1.8-7,1.8 c-2.2,0-4.4-0.5-6.5-1.5c-0.5-0.2-0.9-0.4-1.4-0.6c-2.4-1-5.3-2.1-7.8-2.4c-0.4-0.1-0.8-0.1-1.1-0.2c-0.4,0.5-0.8,1-1.2,1.4 c-2.2,2.7-3.9,5-5.2,7.3c0.7,1.4,1.7,2.9,2.9,4.7c0.3,0.5,0.7,1,1.1,1.4c0.2,0.3,0.5,0.5,0.7,0.8l5.8,6.1l-2.5,8 c-0.2,0.5-0.3,1-0.5,1.5c-0.5,1.8-0.9,3.7-1.2,5.6c-0.6,3.8-0.7,7.6-0.3,11.5c0.3,3.6,1.1,7.2,2.3,10.6c0.6,1.7,1.3,3.3,2,4.9 c0.1,0.2,0.2,0.4,0.3,0.6c2.1,4.3,2.1,9.1-0.1,13.4c-0.2,0.4-0.4,0.8-0.5,1.2c-0.4,1-0.9,2-1.3,3c-0.8,2.2-1.8,4.8-2.1,7.1 C35.9,126.3,35.8,126.6,35.8,126.8L35.8,126.8z M129.9,38.8c0.8,0.8,1.7,1.6,2.8,2.4l4.9-12.9L127,24.6c-0.9,2.6-1,5.4-0.4,8 c0-0.1,0-0.2,0-0.3c0-0.3,0-0.8,0-1.3v-0.1c0,1.5,0.5,4,2.1,6.4c0.8,1.1,1.7,2.1,2.8,3l-0.5-0.4L129.9,38.8L129.9,38.8z M29.3,26.3l0,11.1c1.1,0,2.2-0.1,3.2-0.4c-0.2,0-0.4,0-0.6,0c-0.3,0-0.7,0.1-1.1,0.1c1.8-0.1,4.2-0.7,6.4-2.1 c1.2-0.8,2.2-1.7,3.1-2.9l-0.4,0.5l-0.9,1c0.8-0.8,1.6-1.7,2.3-2.7L29.3,26.3L29.3,26.3z\"] {\n\t\tfill: rgb(255, 255, 255) !important;\n\t}\n\t.article-image ul.post-meta a, ul.post-meta a.post-category, ul.post-meta a.post-category:hover, a.post-category, div.container a.post-category, a.post-category:hover, .tabcontent a.btn, .add-file .info.error p a, .add-file .info.warning p a, div.container a:hover, ul.actions .btn, div.container a.btn, .tiles li .tile-content h3 a, a.theme-link:hover, a.theme-link:focus, div.container .expandtile a, #rj-sitemap ul li a.rj-standard-button, #rj-back-to-top.rj-hug-footer, .rj-user-nav a.rj-upload:hover, .bubble, i.fa.fa-chevron-up, .rj-vortex-button:hover, span.alert, .rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .tiles .btnexpand ul li a, .tiles .view-label, a.btn, .btn, .btn:visited, .sideitem ul.tags + a.btn:hover, .modpage .sideitem a.btnsmall, .mfp-close, .title-with-pip .pip, .add-game-button, .page-layout .table table tfoot a.rj-btn[id=\"fastDownloadButton\"]{\n\t\tcolor: #000;\n\t}\n\tul.btnexpand svg {\n\t\tfill: #fff;\n\t}\n\tul.add-process li.current a, ul.add-process li.complete a, .category-item a:hover .category-name, .btn, div.container .btn a {\n\t\tcolor: #1a1a1a;\n\t}\n\tul.btnexpand:hover svg, .drop-down>.btn .icon, .icon-track, .icon-manual, .btnexpand:hover .icon-plus, .accordion dt .acc-status .icon-arrow, .fake-accordion .acc-status .icon-arrow, .icon-archive, .tile-menu svg, .icon-discussion, .icon-comment, .icon-report, .icon-nmm, .icon-plus, .icon-share, ul.btnexpand:hover svg {\n\t\tfill: #000;\n\t}\n\t[src=\"/assets/images/white_vortex.svg\"] {\n\t\tfilter: invert(1);\n\t}\n\t.rj-user-nav a.rj-upload:hover {\n\t\ttext-shadow: 0 0 4px #f00;\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/godofwar\") {\n\t/*GOW2018*/\n\t:root {\n\t\t--theme-primary: rgb(146, 41, 41);\n\t\t--theme-primary-translucent: rgba(146, 41, 41, .85);\n\t\t--theme-secondary: rgb(146, 11, 11);\n\t\t--theme-dark: rgb(102, 0, 0);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/2mwwj73iv2211.png?auto=webp&s=9ae78d1f9180eae9f3f8b523426779d3882a900f');\n\t}\n\t\n\t.headlogo svg > g:nth-of-type(1) {\n\t\tvisibility: hidden;\n\t}\n\t#head.new-head .headlogo>div {\n\t\tposition: relative;\n\t}\n\t#head.new-head .headlogo>div::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/14205259-3456-4d74-8583-1a0f2736b41c/dep78an-b527a6b3-d07d-4c4f-818f-e8bc5b300a75.png/v1/fill/w_1280,h_1114,strp/omega_symbol__god_of_war_2018__by_rootofalllight_dep78an-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTExNCIsInBhdGgiOiJcL2ZcLzE0MjA1MjU5LTM0NTYtNGQ3NC04NTgzLTFhMGYyNzM2YjQxY1wvZGVwNzhhbi1iNTI3YTZiMy1kMDdkLTRjNGYtODE4Zi1lOGJjNWIzMDBhNzUucG5nIiwid2lkdGgiOiI8PTEyODAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.P4cY0Aojx7CqO43MfTr6mNMRAldo4eFeClvd9Pm6A78');\n\t\tbackground-size: 35px;\n\t\tbackground-position: center;\n\t\tbackground-position-x: 0;\n\t\tbackground-position-y: .75em;\n\t\tbackground-repeat: no-repeat;\n\t\tfilter: drop-shadow(2px 2px 0 black) drop-shadow(-1px -1px 0 black);\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/eldenring\") {\n\t/*EldenRing*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/u7kjl5fh92571.png?auto=webp&s=3d20aa293bd80d31880d81cdf7ad4b4a0a8df6fd');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/hogwartslegacy\") {\n\t/*HogwartsLegacy*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/potn7vwaxyj91.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/atomicheart\") {\n\t/*AtomicHeart*/\n\t:root {\n\t\t--theme-primary: rgb(191, 0, 0);\n\t\t--theme-primary-translucent: rgba(191, 0, 0, .85);\n\t\t--theme-secondary: rgb(153, 0, 0);\n\t\t--theme-dark: rgb(123, 7, 7);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/atomic-heart-eb.jpg');\n\t}\n}", "usercssData": { "name": "NexusMods Overhaul", "namespace": "github.com/blyad2137/nexusmods-overhaul", - "version": "1.1.2", + "version": "1.1.4", "description": "Overhauls look of nexusmods to be more 'modern', from lack of better word.", "author": "blyad (https://github.com/blyad2137)", "license": "CC BY-NC-SA 4.0", "homepageURL": "https://github.com/blyad2137/nexusmods-overhaul", - "supportURL": "https://github.com/blyad2137/nexusmods-overhaul/issues", - "updateURL": "https://userstyles.world/api/style/925.user.css" + "supportURL": "https://github.com/blyad2137/nexusmods-overhaul/issues" }, "author": "blyad (https://github.com/blyad2137)", "description": "Overhauls look of nexusmods to be more 'modern', from lack of better word.", "name": "NexusMods Overhaul", - "originalDigest": "8d68a486cc27ffa55eb17be752cadc5a04a5f90c", + "originalDigest": "414ccc22015d07fe7ce5caf957ec7d42871e2497", "_id": "9f667c49-c102-4566-8eee-9db901b54f0a", - "_rev": 1676806011816, + "_rev": 1690480158053, "installationUrl": "https://userstyles.world/style/925", - "id": 25 + "id": 25, + "updateDate": 1690480154778 }, { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/YouTube/raw/main/src/YouTubeCatppuccinMacchiato.user.css", - "url": "https://github.com/catppuccin/YouTube", - "installDate": 1678038140008, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name YouTube Catppuccin-Macchiato\n@namespace github.com/catppuccin/YouTube\n@homepageURL https://github.com/catppuccin/YouTube\n@version 2.0.2\n@updateURL https://github.com/catppuccin/YouTube/raw/main/src/YouTubeCatppuccinMacchiato.user.css\n@description Soothing pastel theme for YouTube\n@author isabelroses\n@license GNU-V3.0\n\n@preprocessor stylus\n\n@var select stylus-ctp-style \"Preset themes\" [\n\t\"Catppuccin-Macchiato-Green\",\n\t\"Catppuccin-Macchiato-Flamingo\",\n\t\"Catppuccin-Macchiato-Mauve\",\n\t\"Catppuccin-Macchiato-Pink\",\n\t\"Catppuccin-Macchiato-Lavender\",\n\t\"Catppuccin-Macchiato-Red\",\n\t\"Catppuccin-Macchiato-Peach\",\n\t\"Catppuccin-Macchiato-Yellow\",\n\t\"Catppuccin-Macchiato-Teal\",\n\t\"Catppuccin-Macchiato-Blue\",\n\t\"Catppuccin-Macchiato-Sky\",\n \"Catppuccin-Macchiato-Maroon\",\n \"Catppuccin-Macchiato-Sapphire\",\n \"Catppuccin-Macchiato-Rosewater\",\n\t\"Custom\"\n]\n\n@var checkbox join-color \"Use dark join button\" 0\n@var checkbox subscribe-color \"Use dark subscribe button\" 0\n\n@var text scrollbar_width \"Scrollbar width\" 6px\n@var color scrollbar_track \"Scrollbar background\" \"rgba(0,0,0, 0)\"\n\n@var color mainColor \"Custom main color\" \"#8AADF4\"\n@var color mainBackground \"Custom main background\" \"#24273A\"\n@var color secondBackground \"Custom second background\" \"#1E2030\"\n@var color playerBackground \"Custom player background\" \"#181926\"\n@var color hoverBackground \"Custom hover background\" \"#363A4F\"\n@var color mainText \"Custom main text\" \"#CAD3F5\"\n@var color dimmerText \"Custom second text\" \"#939AB7\"\n@var color colorShadow \"Custom shadow color\" \"rgba(56, 60, 74, .3)\"\n\n==/UserStyle== */\n@-moz-document regexp('https?:\\\\/\\\\/(?!gaming\\\\.)(?!consent\\\\.)(?!vr\\\\.)(?!music\\\\.)(?!tv\\\\.)(?!artists\\\\.)(?!studio\\\\.).*youtube(?!kids\\\\.).*\\\\.com\\\\/(?!premium|howyoutubeworks).*$') {\n\n /*Main color variables*/\n :root {\n if stylus-ctp-style==\"Catppuccin-Macchiato-Green\" {\n --main-color: #A6DA95;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Lavender\" {\n --main-color: #B7BDF8;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Flamingo\" {\n --main-color: #F0C6C6;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Mauve\" {\n --main-color: #C6A0F6;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Pink\" {\n --main-color: #F5BDE6;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Red\" {\n --main-color: #ED8796;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Peach\" {\n --main-color: #F5A97F;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Yellow\" {\n --main-color: #EED49F;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Teal\" {\n --main-color: #8BD5CA;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Blue\" {\n --main-color: #8AADF4;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Sky\" {\n --main-color: #91D7E3;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Maroon\" {\n --main-color: #EE99A0;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Sapphire\" {\n --main-color: #7DC4E4;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Rosewater\" {\n --main-color: #F4DBD6;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Custom\" {\n --main-color: mainColor;\n --main-background: mainBackground;\n --second-background: secondBackground;\n --player-background: playerBackground;\n --hover-background: hoverBackground;\n --main-text: mainText;\n --dimmer-text: dimmerText;\n --shadow: 0 1px 0.5px colorShadow;\n }\n }\n\n /*Error page*/\n #error-page,\n #error-page-content {\n background-color: var(--main-background) !important;\n }\n\n #error-page-content > p,\n #yt-masthead #logo-container .content-region {\n color: var(--main-text) !important;\n text-shadow: none;\n }\n\n #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n\n #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: var(--main-text) !important;\n }\n\n #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: var(--main-color) !important;\n }\n\n #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border .search-button {\n background-color: var(--secondary-background) !important;\n }\n\n\n * {\n scrollbar-color: var(--main-color) scrollbar_track !important;\n scrollbar-width: thin !important;\n --yt-spec-text-primary: var(--main-text) !important;\n --yt-spec-text-secondary: var(--dimmer-text) !important;\n --paper-spinner-color: var(--dimmer-text) !important;\n\n --paper-input-container-color: var(--dimmer-text) !important;\n\n --paper-radio-button-unchecked-color: var(--dimmer-text) !important;\n --paper-radio-button-unchecked-background-color: transparent !important;\n --paper-radio-button-checked-color: var(--main-color) !important;\n --paper-radio-button-checked-ink-color: var(--main-color) !important;\n --paper-radio-button-unchecked-ink-color: var(--main-color) !important;\n\n --paper-checkbox-unchecked-color: var(--dimmer-text) !important;\n --paper-checkbox-checked-color: var(--main-color) !important;\n --paper-checkbox-checkmark-color: none !important;\n --paper-checkbox-checked-ink-color: var(--main-color) !important;\n --paper-checkbox-unchecked-ink-color: var(--main-color) !important;\n --yt-spec-call-to-action: var(--main-color) !important;\n --yt-spec-suggested-action: var(--hover-background) !important;\n --yt-spec-outline: var(--hover-background) !important;\n --yt-spec-brand-button-background: var(--main-color) !important;\n /*in incognito this may be used as subscribe button but is inconsistent .yt-spec-button-shape-next--brand.yt-spec-button-shape-next--filled*/\n --yt-formatted-string-bold-color: var(--dimmer-text) !important;\n /*this affects number of views*/\n }\n\n /*Scrollbar fix for chrome*/\n *:not([hide-scrollbar]) ::-webkit-scrollbar-thumb {\n background: var(--main-color) !important;\n }\n\n *:not([hide-scrollbar]) ::-webkit-scrollbar {\n width: scrollbar_width !important;\n }\n\n /*Scrollbar fix for firefox*/\n ::-webkit-scrollbar-track {\n background: scrollbar_track !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--main-color) !important;\n }\n\n /*Background for the entire page*/\n html,\n ytd-browse,\n ytd-watch,\n ytd-search,\n ytd-app,\n ytd-app[is-watch-page],\n [class*=\"ytd-watch-flexy\"]:not(#engagement-panel-scrim),\n .style-scope.ytd-page-manager.hide-skeleton,\n .account-container {\n background-color: var(--main-background) !important;\n }\n\n /*Border for the sidemenu*/\n #guide-content.ytd-app {\n border-right: 1px solid var(--yt-border-color) !important;\n }\n\n /*Changed text highlight*/\n ::selection {\n background: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n ::-moz-selection {\n background: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*Outline for links*/\n a {\n outline-color: var(--main-color) !important;\n }\n\n a:hover {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n /*Outline for comments*/\n #content-text.ytd-comment-renderer {\n outline: none !important;\n }\n\n /*Placeholder image on pages that need an account - such as Subscriptions*/\n ytd-background-promo-renderer .image.ytd-background-promo-renderer,\n ytd-message-renderer yt-icon.ytd-message-renderer {\n color: var(--main-text) !important;\n }\n\n /*Nav bar*/\n ytd-masthead,\n #yt-masthead-container,\n #masthead-positioner-height-offset {\n /*account page*/\n background-color: var(--second-background) !important;\n border-bottom-color: var(--hover-background) !important;\n }\n\n yt-icon-button svg {\n fill: var(--dimmer-text) !important;\n }\n\n yt-icon-button:hover svg {\n fill: var(--main-color) !important;\n }\n\n #logo-icon-container.ytd-topbar-logo-renderer #youtube-paths.ytd-topbar-logo-renderer path.ytd-topbar-logo-renderer,\n #youtube-red-paths {\n /*premium*/\n fill: var(--main-text) !important;\n }\n\n /*acount settings page*/\n /*logo*/\n .exp-invert-logo.inverted-hdpi #header::before,\n .exp-invert-logo.inverted-hdpi .ypc-join-family-header .logo,\n .exp-invert-logo.inverted-hdpi #footer-logo .footer-logo-icon,\n .exp-invert-logo.inverted-hdpi #yt-masthead #logo-container .logo,\n .exp-invert-logo.inverted-hdpi #masthead #logo-container,\n .exp-invert-logo.inverted-hdpi .admin-masthead-logo a,\n .exp-invert-logo.inverted-hdpi #yt-sidebar-styleguide-logo #logo {\n filter: invert(1) grayscale(1);\n }\n\n /*buttons*/\n #yt-masthead-creation-button {\n filter: brightness(220%);\n }\n\n #yt-masthead-notifications .yt-uix-button-icon-bell {\n filter: invert(1) brightness(720%);\n }\n\n #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(:last-child) {\n border-color: var(--hover-background) !important;\n }\n\n /*Chat in the header*/\n ytd-conversation-switcher-item-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #last-post.ytd-conversation-switcher-item-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*invite friends*/\n #bar.ytd-copy-connection-invite-url-renderer {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n #icon.ytd-copy-connection-invite-url-renderer {\n color: var(--main-text) !important;\n }\n\n /*chat popup*/\n ytd-conversation-section-renderer {\n background: var(--second-background) !important;\n }\n\n #title-bar.ytd-conversation-section-renderer {\n border-color: var(--hover-background) !important;\n }\n\n ytd-conversation-text-item-renderer[justification-style=\"JUSTIFICATION_START\"] #post-text.ytd-conversation-text-item-renderer,\n ytd-conversation-link-item-renderer[justification-style=\"JUSTIFICATION_START\"] #link.ytd-conversation-link-item-renderer,\n #bar.ytd-conversation-link-item-renderer,\n #thumbnail.ytd-inline-playback-renderer,\n #video-data.ytd-inline-playback-renderer {\n border-color: var(--hover-background) !important;\n background: var(--hover-background) !important;\n }\n\n #post-text.ytd-conversation-text-item-renderer,\n textarea.iron-autogrow-textarea {\n color: var(--main-text) !important;\n }\n\n #displayed-text.ytd-conversation-link-item-renderer,\n #icon.ytd-conversation-link-item-renderer {\n color: var(--main-color) !important;\n }\n\n #metadata.ytd-conversation-metadata-item-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Backgrounds*/\n #like-bar.ytd-sentiment-bar-renderer,\n #progress.ytd-thumbnail-overlay-resume-playback-renderer,\n #selectionBar.paper-tabs {\n background-color: var(--main-color) !important;\n }\n\n /*Sidebar*/\n #guide-content.ytd-app,\n #contentContainer.app-drawer,\n #guide-wrapper.ytd-app {\n background: var(--second-background) !important;\n }\n\n #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer,\n #guide-section-title.ytd-guide-section-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-guide-entry-renderer:hover #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer,\n ytd-guide-entry-renderer:hover svg {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n ytd-guide-entry-renderer[active] {\n background-color: var(--hover-background) !important;\n }\n\n #sections.ytd-guide-renderer > .ytd-guide-renderer:not(:last-child),\n #guide-links-primary.ytd-guide-renderer,\n #guide-content.ytd-app {\n border-color: var(--hover-background) !important;\n }\n\n #guide-links-primary.ytd-guide-renderer > a,\n #guide-links-secondary.ytd-guide-renderer > a,\n #footer.ytd-guide-renderer > #copyright,\n yt-formatted-string.ytd-guide-signin-promo-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #guide-links-primary.ytd-guide-renderer > a:hover,\n #guide-links-secondary.ytd-guide-renderer > a:hover {\n color: var(--main-color) !important;\n }\n\n /*Compact sidebar fix*/\n ytd-mini-guide-renderer,\n a.ytd-mini-guide-entry-renderer,\n a.ytd-mini-guide-entry-renderer:hover,\n a.ytd-mini-guide-entry-renderer:focus {\n background-color: var(--second-background) !important;\n }\n\n ytd-mini-guide-entry-renderer .guide-icon.ytd-mini-guide-entry-renderer,\n a.ytd-mini-guide-entry-renderer .guide-icon,\n a.ytd-mini-guide-entry-renderer.title.ytd-mini-guide-entry-renderer,\n ytd-mini-guide-entry-renderer .title.ytd-mini-guide-entry-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer,\n a.ytd-mini-guide-entry-renderer:hover .guide-icon,\n a.ytd-mini-guide-entry-renderer:hover .title.ytd-mini-guide-entry-renderer,\n ytd-mini-guide-entry-renderer[active] .title.ytd-mini-guide-entry-renderer {\n color: var(--main-color) !important;\n }\n\n #newness-dot.ytd-guide-entry-renderer {\n background-color: var(--main-color) !important;\n }\n\n /*Latest YouTube posts*/\n ytd-post-renderer[surface_=\"backstage-surface-type-home\"],\n ytd-post-renderer[uses-compact-lockup] {\n background-color: var(--second-background) !important;\n }\n\n ytd-post-renderer[surface_=\"backstage-surface-type-home\"] #home-content-text.ytd-post-renderer,\n ytd-post-renderer[surface_=\"backstage-surface-type-home\"][attachment=\"poll\"] #vote-count-text.ytd-post-renderer,\n ytd-post-renderer[uses-compact-lockup] #home-content-text.ytd-post-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-post-renderer[surface_=\"backstage-surface-type-home\"] #author-text.yt-simple-endpoint.ytd-post-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-post-renderer[uses-compact-lockup][attachment=\"poll\"] #vote-count-text.ytd-post-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*vote now button*/\n ytd-post-renderer[uses-compact-lockup] ytd-button-renderer.style-suggestive[is-paper-button] #button.ytd-button-renderer {\n background-color: var(--main-color) !important;\n }\n\n /*Main page video hover preview*/\n #video-preview-container.ytd-video-preview {\n background: var(--second-background) !important;\n }\n\n /*Feed filter*/\n #home-chips/*skeleton*/\n ,\n #chips-wrapper.ytd-feed-filter-chip-bar-renderer {\n background-color: var(--main-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n yt-chip-cloud-chip-renderer:not([selected]) {\n background-color: var(--main-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n yt-chip-cloud-chip-renderer[selected],\n yt-chip-cloud-chip-renderer:hover {\n background-color: var(--hover-background) !important;\n }\n\n yt-chip-cloud-renderer {\n background: transparent !important;\n }\n\n #text.yt-chip-cloud-chip-renderer {\n color: var(--main-text) !important;\n }\n\n #scroll-container.ytd-feed-filter-chip-bar-renderer::after,\n #scroll-container.ytd-feed-filter-chip-bar-renderer::before {\n background: transparent !important;\n }\n\n #left-arrow-button.ytd-feed-filter-chip-bar-renderer,\n #right-arrow-button.ytd-feed-filter-chip-bar-renderer,\n #left-arrow.yt-chip-cloud-renderer,\n #right-arrow.yt-chip-cloud-renderer,\n #left-arrow-button.yt-chip-cloud-renderer,\n #right-arrow-button.yt-chip-cloud-renderer {\n background: var(--main-background) !important;\n }\n\n #left-arrow.ytd-feed-filter-chip-bar-renderer::after,\n #right-arrow.ytd-feed-filter-chip-bar-renderer::before,\n yt-chip-cloud-renderer #right-arrow.yt-chip-cloud-renderer::before,\n yt-chip-cloud-renderer #left-arrow.yt-chip-cloud-renderer::after {\n display: none;\n }\n\n /*new to you filter on video*/\n #content-wrapper.ytd-feed-nudge-renderer {\n background-color: var(--second-background) !important;\n }\n\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_REFRESH_TO_NOVEL_CHIP\"][selected] {\n background-image: none !important;\n }\n\n /*Covid19 big posts aka rich shelves*/\n /*also other borders*/\n ytd-rich-shelf-renderer,\n #show-more-button.ytd-rich-shelf-renderer,\n ytd-rich-shelf-renderer[is-show-more-hidden] #dismissible.ytd-rich-shelf-renderer,\n #contents.ytd-rich-shelf-renderer,\n ytd-compact-promoted-item-renderer[view-style=\"COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID\"] #dismissible.ytd-compact-promoted-item-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /* poll results */\n /*your selection*/\n tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .progress-bar.ytd-backstage-poll-renderer {\n background-color: var(--main-color) !important;\n }\n\n tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .choice-info .choice-text {\n color: var(--main-text) !important;\n }\n\n /*other bars*/\n .progress-bar.ytd-backstage-poll-renderer {\n background-color: var(--second-background) !important;\n }\n\n ytd-backstage-poll-renderer:not([is-image-poll]) tp-yt-paper-item.ytd-backstage-poll-renderer .choice-info.ytd-backstage-poll-renderer {\n border-color: transparent !important;\n }\n\n #title.ytd-grid-channel-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Channel page*/\n /*header*/\n #channel-header.ytd-c4-tabbed-header-renderer,\n #tabs-inner-container.ytd-c4-tabbed-header-renderer {\n background: var(--hover-background) !important;\n }\n\n #channel-title.ytd-c4-tabbed-header-renderer {\n color: var(--main-text) !important;\n }\n\n #subscriber-count.ytd-c4-tabbed-header-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .tab-content.paper-tab,\n .tab-content.tp-yt-paper-tab {\n color: var(--main-text) !important;\n }\n\n paper-tab:hover .tab-content.paper-tab,\n tp-yt-paper-tab:hover > .tab-content.tp-yt-paper-tab {\n color: var(--main-color) !important;\n }\n\n tp-yt-paper-tabs {\n --paper-tabs-selection-bar-color: var(--main-color) !important;\n }\n\n /*search*/\n .input-content.paper-input-container label,\n .input-content.paper-input-container .paper-input-label,\n #subtitle,\n .style-scope.tp-yt-paper-input {\n color: var(--dimmer-text) !important;\n }\n\n /*arrow button*/\n iron-icon {\n fill: var(--main-text) !important;\n }\n\n iron-icon:hover {\n fill: var(--main-color) !important;\n }\n\n /*side channels*/\n #title:not([class*=\"ytd-labs\"]):not([class*=\"upsell-offer\"]) {\n color: var(--main-text) !important;\n }\n\n .title {\n color: var(--main-text) !important;\n }\n\n .title:hover {\n color: var(--main-color) !important;\n }\n\n #contents > .ytd-browse-secondary-contents-renderer:not(:first-child) {\n border-color: var(--hover-background) !important;\n }\n\n /*videos - uploads*/\n #label-text.yt-dropdown-menu {\n color: var(--main-text) !important;\n }\n\n paper-menu-button.yt-dropdown-menu:hover #label-text.yt-dropdown-menu,\n paper-menu-button.yt-dropdown-menu:hover #label-icon.yt-dropdown-menu svg,\n paper-menu-button.yt-dropdown-menu:hover #icon-label.yt-dropdown-menu {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n /*community*/\n #message.ytd-message-renderer,\n #content-text.ytd-backstage-post-renderer,\n #repost-content-text.ytd-shared-post-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #author-text,\n .more-button,\n .less-button,\n .align-by-text.ytd-backstage-comments-renderer,\n #toggle.ytd-grid-renderer,\n #repost-author-text.yt-simple-endpoint.ytd-shared-post-renderer {\n color: var(--main-text) !important;\n }\n\n .more-button:hover,\n .less-button:hover,\n .align-by-text.ytd-backstage-comments-renderer:hover,\n #toggle.ytd-grid-renderer:hover,\n #author-text.yt-simple-endpoint.ytd-backstage-post-renderer:hover,\n #repost-author-text.yt-simple-endpoint.ytd-shared-post-renderer:hover {\n color: var(--main-color) !important;\n }\n\n #content-attachment.ytd-backstage-post-renderer ytd-video-renderer.ytd-backstage-post-renderer,\n /*normal video*/\n #content-attachment.ytd-backstage-post-renderer ytd-playlist-renderer.ytd-backstage-post-renderer,\n /*playlist*/\n #content-attachment.ytd-post-renderer ytd-video-renderer.ytd-post-renderer,\n /*normal video, but in cards on home page*/\n #content-attachment.ytd-post-renderer ytd-playlist-renderer.ytd-post-renderer {\n background: var(--hover-background) !important;\n }\n\n #poll-votes.ytd-backstage-poll-renderer {\n background: transparent !important;\n }\n\n .vote-percentage.ytd-backstage-poll-renderer,\n .choice-text.ytd-backstage-poll-renderer,\n #poll-choice-text.ytd-commentbox,\n yt-icon.ytd-backstage-poll-renderer {\n color: var(--main-text) !important;\n }\n\n paper-item[selected].ytd-backstage-poll-renderer #progress-bar.ytd-backstage-poll-renderer {\n background: var(--main-color) !important;\n }\n\n /*about*/\n .subheadline,\n #right-column .subheadline {\n color: var(--main-text) !important;\n }\n\n #description:not([class*=\"yt-music\"]),\n #bio,\n #right-column > yt-formatted-string {\n color: var(--dimmer-text) !important;\n }\n\n #right-column > yt-formatted-string,\n #description-container.ytd-channel-about-metadata-renderer,\n #bio-container.ytd-channel-about-metadata-renderer,\n #photos-container.ytd-channel-about-metadata-renderer,\n #details-container.ytd-channel-about-metadata-renderer,\n #links-container.ytd-channel-about-metadata-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #link-list-container a {\n color: var(--main-color) !important;\n }\n\n #link-list-container:hover a {\n filter: brightness(110%);\n }\n\n /*private message*/\n ytd-form-popup-renderer[dialog][dialog][dialog] {\n background: var(--main-background) !important;\n }\n\n #buttons.ytd-form-popup-renderer {\n border-color: var(--hover-background) !important;\n }\n\n ytd-toggle-menu-service-item-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-toggle-menu-service-item-renderer:hover .style-scope.ytd-toggle-menu-service-item-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-toggle-menu-service-item-renderer:hover {\n background: var(--hover-background) !important;\n }\n\n /*Video page*/\n /*title*/\n .title.ytd-video-primary-info-renderer yt-formatted-string.ytd-video-primary-info-renderer {\n color: var(--main-text) !important;\n }\n\n /*views*/\n span.yt-view-count-renderer,\n span.ytd-video-view-count-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*published date*/\n #date.ytd-video-primary-info-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-video-primary-info-renderer {\n border-color: var(--hover-background) !important;\n }\n\n .content-text.ytd-metadata-with-image-row-renderer {\n color: var(--main-text) !important;\n }\n\n /*Share*/\n paper-dialog,\n tp-yt-paper-dialog {\n background: var(--main-background) !important;\n }\n\n #share-url {\n color: var(--main-text) !important;\n }\n\n #copy-button:hover #text {\n color: var(--main-color) !important;\n }\n\n #bar.yt-copy-link-renderer {\n background-color: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n ytd-third-party-network-section-renderer ytd-copy-link-renderer.ytd-third-party-network-section-renderer,\n yt-start-at-renderer.yt-third-party-network-section-renderer {\n border-color: var(--hover-background) !important;\n }\n\n yt-formatted-string.yt-start-at-renderer,\n #text.ytd-sender-id-section-renderer {\n color: var(--main-text) !important;\n }\n\n /*share embed*/\n #embed-panel.yt-sharing-embed-renderer {\n background: var(--second-background) !important;\n }\n\n #close-panel-icon.yt-sharing-embed-renderer {\n color: var(--main-text) !important;\n }\n\n #close-panel-icon.yt-sharing-embed-renderer:hover {\n color: var(--main-color) !important;\n }\n\n #title-bar.yt-sharing-embed-renderer,\n #additional-info.yt-sharing-embed-renderer,\n #action-buttons.yt-sharing-embed-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #privacy-mode-info.yt-sharing-embed-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*search for people*/\n #to-field-header.ytd-contact-search-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #name.ytd-suggested-contact-renderer {\n color: var(--main-text) !important;\n }\n\n /*Make a clip*/\n #container.yt-clip-creation-renderer {\n background-color: transparent !important;\n }\n\n /*time*/\n input.yt-clip-creation-scrubber-renderer {\n border-color: var(--dimmer-text) !important;\n }\n\n /*preview*/\n #handles.yt-clip-creation-scrubber-view {\n border-color: var(--main-color) !important;\n }\n\n /*preview*/\n .handle.yt-clip-creation-scrubber-view {\n background-color: var(--main-color) !important;\n }\n\n /*buttons*/\n #footer.yt-clip-creation-renderer {\n background-color: var(--second-background) !important;\n }\n\n yt-clip-section-renderer yt-button-renderer.style-primary[is-paper-button],\n yt-clip-creation-renderer yt-button-renderer.style-primary[is-paper-button],\n yt-clip-section-footer-renderer yt-button-renderer.style-primary[is-paper-button] {\n background-color: transparent !important;\n }\n\n yt-button-renderer.style-primary[disabled][is-paper-button] yt-formatted-string.yt-button-renderer {\n color: var(--dimmer-text) !important;\n }\n\n yt-button-renderer.yt-clip-creation-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,\n ytd-button-renderer.ytd-clip-section-footer-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n /*Join this channel panel > Join button,\n\t Settings > Advanced settings > Copy button*/\n yt-button-renderer.ytd-sponsorships-tier-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,\n yt-button-renderer.yt-copy-link-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n }\n\n /*Playlist creation*/\n #subtext.yt-live-chat-message-renderer,\n #label.yt-live-chat-text-input-field-renderer,\n .input-content.paper-input-container input,\n .input-content.paper-input-container textarea,\n .input-content.paper-input-container iron-autogrow-textarea,\n .input-content.paper-input-container .paper-input-input {\n color: var(--dimmer-text) !important;\n }\n\n .add-on-content.is-highlighted.paper-input-container *,\n paper-input-char-counter {\n color: var(--dimmer-text) !important;\n }\n\n /*Video cards*/\n /*ttile*/\n ytd-grid-video-renderer.use-ellipsis #details.ytd-grid-video-renderer a.ytd-grid-video-renderer,\n ytd-compact-video-renderer.use-ellipsis #video-title.ytd-compact-video-renderer,\n .ytd-video-renderer-wiz__video-title,\n .ytd-channel-name-wiz__text,\n #video-title.ytd-video-renderer,\n h3.ytd-playlist-renderer,\n #video-title.ytd-child-video-renderer,\n #length.ytd-child-video-renderer,\n #video-title,\n #unplayableText,\n #length,\n #details {\n color: var(--main-text) !important;\n }\n\n #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer:hover a.ytd-grid-video-renderer,\n ytd-compact-video-renderer:hover #video-title.ytd-compact-video-renderer,\n ytd-video-renderer:hover #video-title.ytd-video-renderer,\n ytd-playlist-renderer:hover h3.ytd-playlist-renderer,\n #content.ytd-playlist-video-renderer:hover #video-title,\n a.yt-simple-endpoint.ytd-playlist-panel-video-renderer:hover #video-title,\n a.yt-simple-endpoint.ytd-playlist-panel-video-renderer:hover #unplayableText,\n .style-scope.ytd-grid-renderer.use-ellipsis:hover #video-title,\n #video-title:hover,\n ytd-channel-name-wiz__text:hover,\n ytd-grid-video-renderer:hover #video-title.yt-simple-endpoint.ytd-grid-video-renderer {\n color: var(--main-color) !important;\n }\n\n /*author*/\n yt-formatted-string[ellipsis-truncate] a.yt-formatted-string:last-child,\n #byline.ytd-video-meta-block,\n #channel-title.ytd-channel-renderer span.ytd-channel-renderer,\n #text.ytd-channel-name {\n color: var(--main-color) !important;\n }\n\n /*metadata*/\n #metadata-line.ytd-grid-video-renderer,\n #metadata-line.ytd-video-meta-block span.ytd-video-meta-block,\n #metadata.ytd-channel-renderer,\n #description.ytd-channel-renderer,\n #thumbnail-attribution.ytd-grid-channel-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*2022 Nov like button*/\n /*not liked yet*/\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: var(--main-text) !important;\n }\n\n /*liked*/\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: var(--main-color) !important;\n }\n\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: var(--main-color) !important\n }\n\n /*on shorts - so here is filled by default, thus above I am using main-color instead to keep it consistent*/\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled > div > yt-icon > svg > g > path {\n fill: var(--main-color) !important;\n }\n\n /*description and other metadata*/\n ytd-watch-metadata[modern-metapanel] #description.ytd-watch-metadata {\n background: var(--second-background) !important;\n /*--yt-spec-button-chip-background-hover*/\n }\n\n ytd-watch-metadata[clickable-description][description-collapsed] #description.ytd-watch-metadata:hover {\n background: var(--hover-background) !important;\n /*--yt-spec-badge-chip-background*/\n }\n\n ytd-watch-metadata[modern-metapanel] #description.ytd-watch-metadata .yt-simple-endpoint.style-scope.yt-formatted-string {\n color: var(--main-color) !important;\n }\n\n /*show more / less*/\n #expand.ytd-text-inline-expander:hover,\n #collapse.ytd-text-inline-expander:hover {\n color: var(--main-color) !important;\n }\n\n /*Recommandation page*/\n /*author*/\n #title.ytd-shelf-renderer {\n color: var(--main-color) !important;\n }\n\n #title-annotation.ytd-shelf-renderer {\n color: var(--dimmer-text) !important;\n }\n\n a.yt-simple-endpoint.yt-formatted-string:only-of-type:hover {\n color: var(--main-color) !important;\n }\n\n a.yt-simple-endpoint.yt-formatted-string:only-of-type {\n color: var(--main-text) !important;\n }\n\n /*Borders*/\n #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer) {\n border-color: var(--hover-background) !important;\n }\n\n /*Next and prev buttons*/\n /*share link*/\n .arrow.yt-horizontal-list-renderer,\n #scroll-button-forward,\n .arrow.ytd-horizontal-card-list-renderer,\n .ytd-horizontal-card-list-renderer[arrow],\n .scroll-button.yt-third-party-share-target-section-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*For the outline around the channel name*/\n .style-scope.ytd-comment-renderer.creator {\n background-color: var(--main-color) !important;\n }\n\n .style-scope.ytd-comment-renderer.creator:hover {\n background-color: var(--hover-background) !important;\n }\n\n #name.ytd-author-comment-badge-renderer {\n color: var(--main-text) !important;\n }\n\n #name:hover {\n color: var(--main-color) !important;\n }\n\n /*Accounts*/\n yt-formatted-string.ytd-account-item-section-header-renderer a {\n color: var(--dimmer-text) !important;\n }\n\n .style-scope.ytd-account-item-section-renderer:hover #channel-title.ytd-account-item-renderer {\n color: var(--main-color) !important;\n }\n\n app-drawer.ytd-app:not([persistent]) #header.ytd-app {\n border-color: var(--main-color) !important;\n }\n\n /*How is youtube today*/\n ytd-single-option-survey-renderer[dialog][dialog][dialog],\n ytd-single-option-survey-renderer,\n ytd-survey-follow-up-renderer[dialog][dialog][dialog],\n ytd-survey-follow-up-renderer,\n ytd-checkbox-survey-renderer[dialog][dialog][dialog] {\n background-color: var(--hover-background) !important;\n box-shadow: var(--shadow) !important;\n }\n\n #header.ytd-single-option-survey-renderer,\n #header.ytd-survey-follow-up-renderer,\n #header.ytd-checkbox-survey-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-single-option-survey-option-renderer,\n #checkboxLabel.paper-checkbox {\n color: var(--main-text) !important;\n }\n\n ytd-single-option-survey-option-renderer:hover {\n background-color: var(--hover-background) !important;\n }\n\n /*rate a video to improve youtube*/\n #star-survey.ytd-inline-survey-renderer,\n .survey-wrapper.ytd-inline-survey-renderer {\n background-color: var(--second-background) !important;\n }\n\n #inline-survey-compact-video-renderer.ytd-inline-survey-renderer {\n background-color: var(--hover-background) !important;\n }\n\n ytd-primetime-promo-renderer.ytd-rich-section-renderer,\n ytd-inline-survey-renderer.ytd-rich-section-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #follow-up-survey.ytd-inline-survey-renderer {\n border-left: 4px solid var(--hover-background) !important;\n }\n\n /*submit button*/\n #submit-btn-footer.ytd-inline-survey-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n }\n\n /*not sure tell us why followup*/\n #title.ytd-inline-survey-renderer,\n #follow-up-title.ytd-inline-survey-renderer,\n #selected-response-text.ytd-rating-survey-renderer {\n color: var(--main-color) !important;\n }\n\n /*checkboxes cards*/\n tp-yt-paper-checkbox.ytd-checkbox-survey-option-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*background and close button*/\n ytd-inline-survey-renderer[expanded] #dismissable.ytd-inline-survey-renderer,\n #dismiss-button.ytd-inline-survey-renderer {\n background-color: var(--second-background) !important;\n }\n\n paper-checkbox.ytd-checkbox-survey-option-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*thanks*/\n #dismissed.ytd-inline-survey-renderer ytd-message-renderer.ytd-inline-survey-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*info warning - covid19*/\n ytd-clarification-renderer {\n background-color: var(--hover-background) !important;\n }\n\n ytd-clarification-renderer[has-action-button] .content.ytd-clarification-renderer,\n ytd-clarification-renderer[background-style=\"info\"] {\n border-color: var(--hover-background) !important;\n }\n\n .content-title.ytd-clarification-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-clarification-renderer[clarify-style=\"medium\"] .description.ytd-clarification-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .source.ytd-clarification-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-clarification-renderer yt-button-renderer.style-suggestive[is-paper-button] paper-button.yt-button-renderer {\n border-color: var(--main-color) !important;\n }\n\n /*Change subtitles settings tooltip*/\n .ytp-promotooltip-container {\n background-color: var(--hover-background) !important;\n box-shadow: var(--shadow) !important;\n color: var(--main-text) !important;\n }\n\n .ytp-promotooltip-pointer {\n border-color: var(--hover-background) !important;\n }\n\n /*You are not logged in tooltip*/\n #tooltip.tp-yt-paper-tooltip,\n yt-tooltip-renderer {\n background-color: var(--hover-background) !important;\n box-shadow: var(--shadow) !important;\n color: var(--main-text) !important;\n }\n\n yt-tooltip-renderer::before {\n border-color: transparent transparent var(--hover-background) transparent !important;\n }\n\n /*Join button tooltip*/\n yt-bubble-hint-renderer[style_=\"BUBBLE_HINT_STYLE_BLUE_TOOLTIP\"] {\n background-color: var(--second-background) !important;\n box-shadow: var(--shadow) !important;\n }\n\n yt-bubble-hint-renderer[style_=\"BUBBLE_HINT_STYLE_BLUE_TOOLTIP\"] #text.yt-bubble-hint-renderer:not(:empty),\n yt-bubble-hint-renderer[style_=\"BUBBLE_HINT_STYLE_BLUE_TOOLTIP\"] #details-text.yt-bubble-hint-renderer {\n background-color: var(--second-background) !important;\n }\n\n yt-bubble-hint-renderer[position-type=\"OPEN_POPUP_POSITION_LEFT\"][style_=\"BUBBLE_HINT_STYLE_BLUE_TOOLTIP\"]::before {\n border-color: transparent transparent transparent var(--second-background) !important;\n }\n\n /*window*/\n ytd-sponsorships-offer-renderer[dialog][dialog][dialog] {\n background-color: var(--main-background) !important;\n }\n\n #background-image-layer.ytd-sponsorships-offer-renderer {\n background-image: unset !important;\n background-color: var(--hover-background) !important;\n }\n\n /*title*/\n #top-bar.ytd-sponsorships-offer-renderer {\n color: var(--main-text) !important;\n }\n\n /*price*/\n #above-purchase-button-text.ytd-sponsorships-tier-renderer {\n color: var(--main-color) !important;\n }\n\n /*fine print*/\n .disclaimer.ytd-sponsorships-tier-renderer {\n color: var(--main-text) !important;\n }\n\n /*Super Thanks donations*/\n ytd-pdg-buy-flow-renderer {\n background-color: var(--main-background) !important;\n }\n\n /*remove white image in the header*/\n yt-pdg-buy-flow-header-renderer {\n background: transparent !important;\n }\n\n #container.ytd-pdg-comment-preview-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #container.ytd-pdg-comment-preview-renderer:focus-within {\n border-color: var(--main-color) !important;\n }\n\n /*bonus*/\n #title-background.ytd-pdg-comment-preview-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*Progress bar*/\n #progress {\n background-color: var(--main-color) !important;\n border-color: var(--main-color) !important;\n }\n\n yt-page-navigation-progress {\n background-color: transparent !important;\n }\n\n /*Button tooltips*/\n #tooltip.paper-tooltip {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n /*Active grid icon*/\n button.ytd-button-renderer[is=\"paper-icon-button-light\"][disabled] {\n color: rgb(255, 255, 255) !important;\n }\n\n /*2022 Nov changes*/\n /*subscribe button*/\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal,\n /*NOTE: this affects other material buttons - I would say desired effect*/\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover,\n /*on shorts*/\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal,\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:hover,\n /*on shorts*/\n .ytp-sb-subscribe,\n a.ytp-sb-subscribe/*in cards... why yt why*/\n {\n background-color: var(--second-background) !important;\n border-color: var(--second-background) !important;\n box-shadow: var(--shadow) !important;\n color: var(--main-text) !important;\n }\n\n .yt-spec-button-shape-next[aria-label^=\"Subscribe to\"] {\n background-color: var(--main-color) !important;\n border-color: var(--second-background) !important;\n box-shadow: var(--shadow) !important;\n color: var(--main-text) !important;\n }\n\n .yt-spec-button-shape-next[aria-label^=\"Subscribe to\"] > .yt-spec-button-shape-next--button-text-content > .yt-core-attributed-string {\n color: var(--main-background) !important;\n }\n\n /*unsubscribe confirm dialog*/\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: var(--main-color) !important;\n }\n\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: var(--yt-spec-10-percent-layer) !important;\n }\n\n /*join button*/\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal[aria-label=\"Join this channel\"],\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled/*in window*/\n {\n background-color: var(--main-color) !important;\n border-color: var(--second-background) !important;\n color: var(--main-background) !important;\n }\n\n /*comment button*/\n ytd-button-renderer#submit-button.ytd-commentbox .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n /*download panel > get trial button*/\n /*share panel > copy button*/\n ytd-offline-promo-renderer.ytd-popup-container yt-button-renderer#action-button .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,\n yt-third-party-network-section-renderer.ytd-unified-share-panel-renderer yt-button-renderer#copy-button .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n /*Thanks panel > \"Buy and Send\" button*/\n /*Thanks panel > About Super Thanks panel > \"Got it\" button*/\n ytd-button-renderer#buy-button.yt-super-vod-buy-flow-content-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,\n yt-button-renderer#confirm-button.yt-confirm-dialog-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n /*Toast notification*/\n yt-notification-action-renderer yt-button-renderer.yt-notification-action-renderer .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text {\n color: var(--main-color) !important;\n }\n\n /*Toast notification hover*/\n yt-notification-action-renderer yt-button-renderer.yt-notification-action-renderer .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text:hover {\n background-color: var(--main-background) !important;\n }\n\n if join-color/*overwriting the above*/\n {\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal[aria-label=\"Join this channel\"] {\n background-color: var(--second-background) !important;\n border-color: var(second-background) !important;\n color: var(--main-text) !important;\n }\n }\n\n if subscribe-color/*overwriting the above*/\n {\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal,\n /*NOTE: this affects other material buttons - I would say desired effect*/\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover,\n /*on shorts*/\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal,\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:hover,\n /*on shorts*/\n .ytp-sb-subscribe,\n a.ytp-sb-subscribe/*in cards... why yt why*/\n {\n background-color: var(--second-background) !important;\n border-color: var(--second-background) !important;\n box-shadow: var(--shadow) !important;\n color: var(--main-text) !important;\n }\n\n .yt-spec-button-shape-next[aria-label^=\"Subscribe to\"] > .yt-spec-button-shape-next--button-text-content > .yt-core-attributed-string {\n color: var(--main-text) !important;\n }\n }\n\n ytd-button-renderer.style-primary[is-paper-button] {\n background-color: transparent !important;\n }\n\n /*Sponsor button*/\n ytd-modal-with-title-and-button-renderer {\n background: var(--second-background) !important;\n }\n\n #content.ytd-modal-with-title-and-button-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .buttons.ytd-modal-with-title-and-button-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*sponsor popup*/\n #sponsor-button.ytd-membership-offer-renderer ytd-button-renderer.ytd-membership-offer-renderer {\n background-color: var(--main-color) !important;\n }\n\n #sponsor-button.ytd-membership-offer-renderer ytd-button-renderer.ytd-membership-offer-renderer:hover {\n filter: brightness(110%) !important;\n }\n\n #header.ytd-membership-offer-renderer {\n background: var(--main-background) !important;\n }\n\n ytd-perks-section-renderer,\n ytd-membership-offer-renderer[dialog][dialog][dialog],\n paper-dialog-scrollable.can-scroll:not(.scrolled-to-bottom):not(:last-child)::after,\n paper-dialog-scrollable.is-scrolled:not(:first-child)::before {\n background: var(--second-background) !important;\n }\n\n .extra-content.ytd-offer-perk-extra {\n border-color: var(--hover-background) !important;\n background: var(--hover-background) !important;\n color: var(--dimmer-text) !important;\n }\n\n .footer.ytd-membership-offer-renderer {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n ytd-membership-offer-renderer * {\n border-color: var(--hover-background) !important;\n }\n\n .price.ytd-membership-offer-renderer {\n color: var(--main-color) !important;\n }\n\n .style-title.ytd-offer-text-item,\n .style-subtitle.ytd-offer-text-item,\n .payment-clause.ytd-membership-offer-renderer {\n color: var(--main-text) !important;\n }\n\n .perk-item-title.ytd-perk-item-renderer,\n .perk-item-public-description.ytd-perk-item-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Edit button in channel page*/\n #edit-buttons.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer {\n background-color: transparent !important;\n }\n\n /*Toggle button to play next*/\n paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {\n background-color: var(--main-color) !important;\n opacity: 0.9 !important;\n }\n\n paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {\n --paper-toggle-button-checked-button-color: rgb(255, 255, 255) !important;\n }\n\n /*Hover for toggle button*/\n .toggle-button.paper-toggle-button:hover,\n paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button:hover {\n background-color: var(--main-color) !important;\n }\n\n yt-bubble-hint-renderer {\n background: var(--hover-background) !important;\n }\n\n yt-bubble-hint-renderer::after {\n border-top-color: var(--second-background) !important;\n }\n\n #text.yt-bubble-hint-renderer {\n background: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n #details-text.yt-bubble-hint-renderer {\n background: var(--hover-background) !important;\n color: var(--dimmer-text) !important;\n }\n\n .buttons.yt-bubble-hint-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*Filter active*/\n paper-button.ytd-toggle-button-renderer {\n color: rgba(255, 255, 255, 0.5) !important;\n }\n\n /*Badges*/\n .badge-style-type-simple.ytd-badge-supported-renderer,\n .badge-style-type-disabled.ytd-badge-supported-renderer,\n yt-icon.ytd-badge-supported-renderer {\n background: transparent !important;\n color: var(--main-color) !important;\n padding-left: 0px !important;\n opacity: .7 !important;\n }\n\n .badge-style-type-simple-strikethrough.ytd-badge-supported-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Trending badge*/\n .badge-style-type-featured.ytd-badge-supported-renderer {\n background: var(--main-color) !important;\n }\n\n /*Author verified badge in comments*/\n ytd-author-comment-badge-renderer:not(.creator) #icon.ytd-author-comment-badge-renderer {\n fill: var(--main-color) !important;\n }\n\n /*Live now badge*/\n .badge-style-type-live-now.ytd-badge-supported-renderer,\n .badge-style-type-live-now-alternate.ytd-badge-supported-renderer {\n color: var(--main-color) !important;\n background: transparent !important;\n border-color: var(--main-color) !important;\n }\n\n /*Premium*/\n .badge-style-type-red.ytd-badge-supported-renderer {\n color: #DA4453 !important;\n background: transparent !important;\n border-color: var(--main-color) !important;\n }\n\n /*Series name*/\n .badge-style-type-collection.ytd-badge-supported-renderer {\n color: var(--main-color) !important;\n }\n\n .yt-simple-endpoint.style-scope.yt-formatted-string {\n color: var(--dimmer-text) !important;\n }\n\n /*video hashtags & links in settings page*/\n #super-title .yt-simple-endpoint.style-scope.yt-formatted-string,\n ytd-section-list-renderer[page-subtype=\"WEB_PAGE_TYPE_SETTINGS\"] .yt-simple-endpoint.style-scope.yt-formatted-string {\n color: var(--main-color) !important;\n }\n\n /*panel links*/\n tp-yt-paper-dialog.ytd-popup-container .yt-simple-endpoint.style-scope.yt-formatted-string {\n color: var(--main-color) !important;\n }\n\n /*Dropdown*/\n .dropdown-content.style-scope.ytd-popup-container > *,\n tp-yt-paper-listbox,\n ytd-menu-popup-renderer {\n background: var(--second-background) !important;\n color: var(--main-text) !important;\n }\n\n ytd-menu-service-item-renderer:hover,\n a.ytd-menu-navigation-item-renderer:hover,\n tp-yt-paper-listbox.yt-dropdown-menu .iron-selected.yt-dropdown-menu,\n tp-yt-paper-listbox.yt-dropdown-menu tp-yt-paper-item.yt-dropdown-menu:hover,\n ytd-menu-service-item-renderer[is-selected] {\n background: var(--hover-background) !important;\n }\n\n yt-formatted-string.ytd-menu-service-item-renderer,\n yt-formatted-string.ytd-menu-navigation-item-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-menu-service-item-renderer:hover yt-formatted-string.ytd-menu-service-item-renderer,\n a.ytd-menu-navigation-item-renderer:hover yt-formatted-string.ytd-menu-navigation-item-renderer,\n tp-yt-paper-listbox a.yt-simple-endpoint.yt-dropdown-menu:hover .item.yt-dropdown-menu {\n color: var(--main-color) !important;\n }\n\n #owner-name.ytd-video-owner-renderer a {\n color: var(--main-color) !important;\n opacity: .9;\n }\n\n /*share*/\n #header.ytd-add-to-playlist-renderer {\n color: var(--main-text) !important;\n }\n\n #label.ytd-playlist-add-to-option-renderer,\n paper-item.ytd-compact-link-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #header.ytd-add-to-playlist-renderer,\n #playlists.ytd-add-to-playlist-renderer {\n border-color: var(--hover-background) !important;\n }\n\n paper-item.ytd-compact-link-renderer:hover #label.ytd-compact-link-renderer,\n paper-item.ytd-compact-link-renderer:hover yt-icon.ytd-compact-link-renderer {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n ytd-playlist-add-to-option-renderer paper-checkbox:hover #label.ytd-playlist-add-to-option-renderer,\n ytd-playlist-add-to-option-renderer paper-checkbox[checked] #label.ytd-playlist-add-to-option-renderer,\n yt-icon.ytd-playlist-add-to-option-renderer {\n color: var(--main-color) !important;\n }\n\n /*Avatars and thumbnails opacity */\n img.yt-img-shadow {\n opacity: 0.9 !important;\n }\n\n img.yt-img-shadow:hover {\n opacity: 1 !important;\n }\n\n /*Very specific hover for thumbnails*/\n #dismissable.ytd-compact-video-renderer:hover img.yt-img-shadow,\n #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer:hover img.yt-img-shadow,\n #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer:hover img.yt-img-shadow,\n ytd-video-renderer.ytd-item-section-renderer:hover img.yt-img-shadow,\n .style-scope.ytd-channel-featured-content-renderer:hover img.yt-img-shadow,\n #grid-container.ytd-expanded-shelf-contents-renderer > .ytd-expanded-shelf-contents-renderer:hover img.yt-img-shadow,\n ytd-playlist-video-renderer:hover img.yt-img-shadow,\n iron-list:not([grid]) #items.iron-list > *:hover img.yt-img-shadow {\n opacity: 1 !important;\n }\n\n /*Video section*/\n /*2022 Nov*/\n /*this seems to be only in dark mode? */\n #cinematics.ytd-watch-flexy {\n display: none !important;\n }\n\n /*Video title hover in html5 video*/\n .html5-video-player a:hover {\n color: var(--main-text) !important;\n text-shadow: none !important;\n }\n\n /* Code takken from https://userstyles.org/styles/95280 */\n /* scrubber button */\n .html5-scrubber-button:hover,\n .ytp-chrome-controls .ytp-button[aria-pressed]::after,\n .ytp-scrubber-button:hover,\n .html5-video-player:not(.ytp-color-party) .ytp-swatch-background-color,\n .ytp-swatch-background-color-secondary {\n background: var(--main-color) !important;\n }\n\n /* progress bar */\n .html5-video-player:not(.ytp-color-party) .html5-play-progress,\n .html5-video-player:not(.ytp-color-party) .ytp-play-progress,\n .progress-bar-played.ytd-progress-bar-line/* on shorts*/\n {\n background: var(--main-color) !important;\n }\n\n .ytp-volume-slider-track,\n .ytp-volume-slider-handle:before {\n background: var(--main-color) !important;\n z-index: -117;\n }\n\n .ytp-settings-button.ytp-hd-quality-badge::after,\n .ytp-settings-button.ytp-4k-quality-badge::after,\n .ytp-settings-button.ytp-5k-quality-badge::after,\n .ytp-settings-button.ytp-8k-quality-badge::after,\n .ytp-settings-button.ytp-3d-badge::after {\n background-color: var(--main-color) !important;\n }\n\n .ytp-swatch-color {\n color: var(--main-color) !important;\n }\n\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background-color: var(--main-color) !important;\n }\n\n .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled=\"true\"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge {\n fill: var(--main-color) !important;\n }\n\n .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,\n .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg {\n fill: var(--main-color) !important;\n }\n\n .ytp-large-play-button.ytp-button.ytp-red2:hover,\n .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button.ytp-button.ytp-red2 {\n /*background-image: url(https://github.com/RaitaroH/YouTube-DeepDark/raw/master/YT_Images/large_play_button_hover_ringo-vfl7vEehF.png) !important;*/\n background-image: url(https://s.ytimg.com/yts/img/large_play_button_ringo-vfljWXIdx.png) !important;\n filter: invert(100%) brightness(300%);\n }\n\n .resume-playback-progress-bar {\n background: var(--main-color) !important;\n }\n\n /*Added because of this: https://forum.userstyles.org/discussion/53368/solved-fix-this-annoying-youtube-tab-select-bug-thats-been-there-forever#latest*/\n .ytp-keyboard-focus .ytp-progress-bar:focus {\n box-shadow: none !important;\n }\n\n /*Video menu - might have issues with lighter colors*/\n .ytp-popup {\n background: var(--second-background) !important;\n opacity: .9 !important;\n }\n\n .ytp-menuitem:hover:not([aria-disabled=\"true\"]) {\n background-color: var(--hover-background) !important;\n }\n\n /*Text*/\n .iv-branding .iv-branding-context-name,\n .ytp-menuitem-label,\n .ytp-menuitem-label-count,\n .ytp-menuitem-content,\n .ytp-menu-label-secondary,\n .ytp-panel-header {\n color: var(--main-text) !important;\n text-shadow: none !important;\n }\n\n /*Keyboard focus*/\n .ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-content,\n .ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-label {\n box-shadow: inset -2px -2px 0 var(--main-color), inset 0 2px 0 var(--main-color) !important;\n }\n\n .ytp-probably-keyboard-focus .ytp-button:focus {\n box-shadow: inset 0 0 0 2px var(--main-color) !important;\n }\n\n .ytp-probably-keyboard-focus .ytp-progress-bar:focus {\n box-shadow: 0 0 0 2px var(--main-color) !important;\n }\n\n /*Miniplayer*/\n #info-bar.ytd-miniplayer .metadata.ytd-miniplayer,\n #info-bar.ytd-miniplayer {\n background-color: var(--main-background) !important;\n }\n\n #info-bar.ytd-miniplayer .channel.ytd-miniplayer {\n color: var(--main-color) !important;\n }\n\n .ytd-miniplayer .ytp-button:not([aria-disabled=\"true\"]):not([disabled]):not([aria-hidden=\"true\"]):hover svg path {\n fill: var(--main-color) !important;\n }\n\n /*added to queue*/\n ytd-miniplayer-toast[opened] {\n background-color: var(--second-background) !important;\n }\n\n #label.ytd-miniplayer-toast {\n color: var(--main-color) !important;\n }\n\n /*queue / playlist panel closed*/\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .title.ytd-playlist-panel-renderer,\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] #next-video-title.ytd-playlist-panel-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .byline-title.ytd-playlist-panel-renderer,\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .publisher.ytd-playlist-panel-renderer,\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .publisher.ytd-playlist-panel-renderer:not([is-empty]).ytd-playlist-panel-renderer + .index-message-wrapper.ytd-playlist-panel-renderer::before,\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .index-message-wrapper.ytd-playlist-panel-renderer {\n color: var(--main-color) !important;\n }\n\n /*Watch later svg*/\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: var(--main-color) !important;\n }\n\n ytd-thumbnail-overlay-toggle-button-renderer:focus yt-icon.ytd-thumbnail-overlay-toggle-button-renderer {\n outline-color: var(--main-color) !important;\n }\n\n /*This channel is watched by others*/\n ytd-thumbnail-overlay-endorsement-renderer {\n background-color: var(--hover-background) !important;\n color: var(--main-text) !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: var(--main-background) !important;\n }\n\n /*Changing icon for unavailable video*/\n #img.ytd-player-error-message-renderer {\n display: block !important;\n -moz-box-sizing: border-box !important;\n box-sizing: border-box !important;\n background: url(https://github.com/RaitaroH/YouTube-DeepDark/raw/master/YT_Images/404.png) no-repeat !important;\n width: 140px !important;\n height: 100px !important;\n padding-left: 140px !important;\n position: relative !important;\n }\n\n /*Changing icon for unavailable page (404)*/\n #error-page-hh-illustration {\n display: block !important;\n -moz-box-sizing: border-box !important;\n box-sizing: border-box !important;\n background: url(https://github.com/RaitaroH/YouTube-DeepDark/raw/master/YT_Images/404.png) no-repeat !important;\n width: 140px !important;\n height: 100px !important;\n padding-left: 140px !important;\n right: -175px !important;\n position: relative !important;\n }\n\n /*Some spacing for the logo*/\n #yt-masthead #logo-container {\n margin-right: 20px !important;\n }\n\n /*consent page (cookie page)*/\n /*cookies consent dialog*/\n ytd-consent-bump-v2-lightbox ytd-button-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: var(--main-color) !important;\n }\n\n ytd-consent-bump-v2-lightbox[darker-dark-theme] .loading-overlay.ytd-consent-bump-v2-lightbox {\n background: var(--hover-background) !important;\n }\n\n /*Border color for terms and conditions*/\n ytd-consent-bump-renderer {\n border-bottom: 1px solid var(--main-color) !important;\n }\n\n /*New logo*/\n #logo-icon-container.ytd-topbar-logo-renderer svg g path[fill*=\"#FF0000\"],\n ytd-topbar-logo-renderer.style-scope a svg > g > g:nth-child(1) > path:nth-child(1),\n /*cookie version*/\n svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) > g:nth-child(1) > path:nth-child(1) {\n fill: var(--main-color) !important;\n }\n\n ytd-topbar-logo-renderer.style-scope a svg > g > g:nth-child(1) > path:nth-child(2),\n /*cookie version*/\n g.ytd-consent-bump-v2-lightbox:nth-child(2) > g:nth-child(1) > * {\n fill: var(--main-text) !important;\n }\n\n ytd-topbar-logo-renderer.style-scope a svg > g > g:nth-child(2) > g,\n #country-code.ytd-topbar-logo-renderer {\n color: var(--main-text) !important;\n }\n\n /*Logo hover*/\n #logo-icon:hover {\n --yt-swatch-logo-override: var(--main-color) !important;\n }\n\n /*Rewind logo*/\n #animated-yoodle {\n filter: invert(90%) grayscale(1);\n }\n\n /*Playlist page*/\n /*sidebar*/\n ytd-playlist-sidebar-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #stats.ytd-playlist-sidebar-primary-info-renderer,\n #description.ytd-playlist-sidebar-primary-info-renderer .bold.yt-formatted-string,\n #owner-sub-count.ytd-video-owner-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #items.ytd-playlist-sidebar-renderer > .ytd-playlist-sidebar-renderer:not(:last-child) {\n border-color: var(--hover-background) !important;\n }\n\n #primary.ytd-two-column-browse-results-renderer {\n background-color: var(--main-background) !important;\n }\n\n ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #content.ytd-playlist-video-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*buttons*/\n ytd-playlist-sidebar-renderer ytd-toggle-button-renderer.style-suggestive[is-paper-button],\n ytd-playlist-sidebar-renderer paper-button.ytd-toggle-button-renderer {\n background-color: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n a.yt-simple-endpoint.ytd-button-renderer:hover *,\n ytd-playlist-sidebar-renderer ytd-button-renderer #button.ytd-button-renderer:hover,\n ytd-playlist-sidebar-renderer ytd-button-renderer #button.ytd-button-renderer:hover > yt-formatted-string.ytd-button-renderer {\n color: var(--main-color) !important;\n }\n\n /*playlist page*/\n ytd-browse[page-subtype=\"playlist\"] ytd-two-column-browse-results-renderer.ytd-browse {\n background-color: var(--main-background) !important;\n }\n\n .index-message.ytd-playlist-panel-renderer,\n .light-text.ytd-playlist-segment-renderer,\n #contributor.ytd-playlist-video-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #title-container.ytd-playlist-segment-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #title-container.ytd-playlist-segment-renderer:hover #title.ytd-playlist-segment-renderer {\n color: var(--main-color) !important;\n }\n\n /*Playlist changes*/\n ytd-playlist-panel-video-renderer:hover {\n background-color: var(--hover-background) !important;\n }\n\n ytd-playlist-panel-video-renderer[selected] #index.ytd-playlist-panel-video-renderer,\n #byline.ytd-playlist-panel-video-renderer,\n .ytp-video-menu-item[aria-checked=\"true\"] .ytp-video-menu-item-now-playing,\n .ytp-video-menu-item-author {\n color: var(--main-color) !important;\n }\n\n ytd-playlist-video-renderer:hover,\n ytd-playlist-video-renderer:hover:not(.dragging) {\n background-color: var(--second-background) !important;\n }\n\n ytd-playlist-panel-video-renderer[selected][use-color-palette],\n ytd-playlist-panel-video-renderer[selected][use-color-palette]:hover:not(.dragging) {\n background-color: var(--hover-background) !important;\n }\n\n .header.ytd-playlist-panel-renderer,\n .playlist-items.ytd-playlist-panel-renderer,\n #header.ytd-engagement-panel-title-header-renderer,\n #content.ytd-engagement-panel-section-list-renderer,\n ytd-transcript-footer-renderer,\n ytd-transcript-segment-list-renderer {\n background-color: var(--second-background) !important;\n }\n\n .cue.ytd-transcript-body-renderer,\n .cue-group-start-offset.ytd-transcript-body-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .cue-group.active.ytd-transcript-body-renderer {\n border-left-color: var(--main-color) !important;\n background-color: var(--hover-background) !important;\n }\n\n .cue-group.active.ytd-transcript-body-renderer .cue-group-start-offset.ytd-transcript-body-renderer,\n .cue.ytd-transcript-body-renderer.active {\n color: var(--main-text) !important;\n }\n\n .cue-group.ytd-transcript-body-renderer:hover .cue-group-start-offset.ytd-transcript-body-renderer,\n .cue-group.ytd-transcript-body-renderer:hover .cue.ytd-transcript-body-renderer {\n color: var(--main-color) !important;\n }\n\n .cue.ytd-transcript-body-renderer:hover,\n ytd-transcript-body-renderer:not([refresh]) .cue.active.ytd-transcript-body-renderer {\n background-color: transparent !important;\n color: var(--main-color) !important\n }\n\n .segment-timestamp.ytd-transcript-segment-renderer {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important\n }\n\n /*search transcript*/\n ytd-transcript-search-panel-renderer,\n ytd-transcript-search-box-renderer {\n background-color: var(--second-background) !important;\n }\n\n .input-container.ytd-transcript-search-box-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*magnifing glass icon*/\n .icon.ytd-transcript-search-box-renderer {\n --iron-icon-fill-color: var(--dimmer-text) !important;\n --iron-icon-stroke-color: var(--dimmer-text) !important;\n }\n\n #transcript-search-box-input.ytd-transcript-search-box-renderer {\n color: var(--main-text) !important;\n caret-color: var(--main-color) !important;\n }\n\n .ytp-video-menu-item[aria-checked=\"true\"] .ytp-video-menu-item-thumbnail {\n border-color: var(--main-color) !important;\n }\n\n #index.ytd-playlist-video-renderer,\n #index.ytd-playlist-panel-video-renderer,\n .badge-style-type-medium-grey.ytd-badge-supported-renderer/*unlisted*/\n {\n color: var(--dimmer-text) !important;\n }\n\n #container.ytd-playlist-panel-renderer {\n border-color: var(--second-background) !important;\n }\n\n /*Playlist creation*/\n #create-playlist-form .input-content.paper-input-container label {\n color: var(--main-text) !important;\n }\n\n #create-playlist-form input.style-scope.paper-input::placeholder {\n color: var(--dimmer-text) !important;\n }\n\n #create-playlist-form .underline.is-highlighted.paper-input-container .focused-line.paper-input-container {\n border-bottom-color: var(--main-text) !important;\n }\n\n #create-playlist-form #label.ytd-privacy-dropdown-item-renderer {\n color: var(--main-text) !important;\n }\n\n #create-playlist-form ytd-privacy-dropdown-item-renderer.iron-selected {\n background-color: var(--hover-background) !important;\n }\n\n /*Chapters*/\n /*title*/\n h4.ytd-macro-markers-list-item-renderer {\n color: var(--main-text) !important;\n }\n\n /*timestamp*/\n #time.ytd-macro-markers-list-item-renderer {\n color: var(--main-color) !important;\n background-color: transparent !important;\n padding: 0px !important;\n }\n\n /*show current chapter*/\n #sync-button.ytd-macro-markers-list-renderer {\n background-color: var(--main-background) !important;\n color: var(--main-text) !important;\n }\n\n #sync-button.ytd-macro-markers-list-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*active indicators*/\n ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {\n outline-color: var(--main-color) !important;\n }\n\n #active-indicator.ytd-macro-markers-list-item-renderer {\n background-color: var(--main-color) !important;\n }\n\n /*hover for item*/\n ytd-macro-markers-list-item-renderer:hover,\n ytd-macro-markers-list-item-renderer[active] {\n background-color: var(--hover-background) !important;\n }\n\n ytd-macro-markers-list-item-renderer:hover {\n box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);\n }\n\n ytd-macro-markers-list-item-renderer:hover h4.ytd-macro-markers-list-item-renderer {\n color: var(--main-color) !important;\n }\n\n /*chapter images in description*/\n ytd-macro-markers-list-item-renderer[active][layout=\"MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL\"] {\n border-color: var(--main-color) !important;\n }\n\n ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer:not(:first-child),\n ytd-metadata-row-container-renderer.ytd-structured-description-content-renderer:not(:first-child),\n ytd-structured-description-content-renderer[inline-structured-description] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*chapter times in search description*/\n .metadata-snippet-container-one-line.ytd-video-renderer #time.ytd-video-renderer {\n color: var(--main-color) !important;\n background: var(--second-background) !important;\n }\n\n /*chapter metadata in search results*/\n ytd-expandable-metadata-renderer {\n /*this is used on hover, might as well*/\n background-color: var(--yt-spec-badge-chip-background) !important;\n }\n\n /*expanded chapters in search results*/\n ytd-macro-markers-list-item-renderer[layout=\"MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL\"] {\n border-color: var(--second-background) !important;\n }\n\n /*chapter buttons button, 🔁 and close*/\n ytd-engagement-panel-section-list-renderer .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text yt-icon {\n fill: var(--dimmer-text) !important;\n stroke: var(--dimmer-text) !important;\n }\n\n /*Search bar*/\n ytd-searchbox[mode=\"legacy\"] #container.ytd-searchbox,\n ytd-searchbox[mode=\"material-centered\"] #container.ytd-searchbox,\n ytd-searchbox[mode=\"legacy\"] #container.ytd-searchbox,\n ytd-searchbox[mode=\"legacy-centered\"] #container.ytd-searchbox,\n #container.ytd-searchbox,\n #masthead-search-terms/*account settings page*/\n {\n background: var(--main-background) !important;\n border-color: var(--main-background) !important;\n box-shadow: none !important;\n }\n\n ytd-searchbox[mode=\"legacy\"] #container.ytd-searchbox:hover,\n ytd-searchbox[mode=legacy][has-focus] #container.ytd-searchbox,\n ytd-searchbox[mode=\"material-left\"] #container.ytd-searchbox,\n ytd-searchbox.style-scope[has-focus=\"\"] #container.ytd-searchbox,\n ytd-searchbox[mode=\"material-centered\"]:hover #container.ytd-searchbox,\n #masthead-search-terms.masthead-search-terms-border/*error page*/\n {\n border: 1px solid var(--main-color) !important;\n box-shadow: none !important;\n }\n\n ytd-searchbox[mode=\"legacy\"] #container.ytd-searchbox input.ytd-searchbox,\n #container.ytd-searchbox > input,\n ytd-searchbox input,\n #masthead-search-terms.masthead-search-terms-border input/*error page*/\n {\n color: var(--main-text) !important;\n }\n\n /*Right search icon 🔎 */\n #search-icon-legacy.ytd-searchbox,\n #masthead-search .search-btn-component,\n #masthead-search .search-btn-component .start/*account*/\n {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n #search-icon-legacy.ytd-searchbox:hover yt-icon.ytd-searchbox {\n color: var(--main-color) !important;\n }\n\n #masthead-search .search-btn-component .yt-uix-button-content/*account*/\n {\n filter: invert(1);\n }\n\n /*left 🔎 icon - shown on focus*/\n #search-icon.ytd-searchbox {\n color: var(--main-text) !important;\n }\n\n #search-icon.ytd-searchbox:hover,\n #search-icon.ytd-searchbox:hover {\n color: var(--main-color) !important;\n }\n\n /*results 🔎 icon*/\n .sbqs_c::before {\n filter: invert(1);\n }\n\n /*Results backgrounds*/\n .sbsb_a,\n .sbdd_b {\n background: var(--second-background) !important;\n border: none !important;\n }\n\n /*Text color*/\n .gsfs {\n color: var(--dimmer-text) !important;\n }\n\n /*Hover and keyboard select background*/\n .sbsb_c.gsfs:hover,\n .sbsb_d {\n background-color: var(--hover-background) !important;\n }\n\n .sbfl_b {\n background-color: var(--second-background) !important;\n }\n\n .sbfl_b:hover {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n .sbpqs_a {\n color: var(--main-color) !important;\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: var(--main-color) !important;\n }\n\n /*Keyboard icon in the search bar*/\n #gs_ok50 {\n filter: invert(100%);\n }\n\n /*Microphone search*/\n ytd-masthead #voice-search-button.ytd-masthead {\n background-color: var(--hover-background) !important;\n }\n\n ytd-voice-search-dialog-renderer[dialog] {\n background-color: var(--second-background) !important;\n }\n\n #header-text.ytd-voice-search-dialog-renderer,\n #microphone-label.ytd-voice-search-dialog-renderer,\n #microphone.ytd-voice-search-dialog-renderer[state=\"try-again\"] #microphone-circle.ytd-voice-search-dialog-renderer yt-icon.ytd-voice-search-dialog-renderer {\n color: var(--main-text) !important;\n }\n\n /*Search results correction*/\n .style-scope.yt-search-query-correction {\n color: var(--main-text) !important;\n }\n\n .style-scope.yt-search-query-correction .italic.yt-formatted-string,\n .style-scope.yt-search-query-correction:hover {\n color: var(--main-color) !important;\n }\n\n /*Similar results*/\n #title.ytd-exploratory-results-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*search results filter border*/\n #filter-menu.ytd-search-sub-menu-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #watch-card-header.ytd-generic-watch-card,\n #img-endpoint.ytd-watch-card-collage-renderer #overlay-button.ytd-watch-card-collage-renderer {\n background: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n paper-tab,\n paper-tab.iron-selected.ytd-generic-watch-card {\n color: var(--main-color) !important;\n }\n\n paper-item:hover {\n background-color: var(--second-background) !important;\n }\n\n #img-endpoint.ytd-watch-card-collage-renderer #overlay-button.ytd-watch-card-collage-renderer {\n opacity: .9;\n }\n\n #img-endpoint.ytd-watch-card-collage-renderer #overlay-button.ytd-watch-card-collage-renderer:hover {\n opacity: 1 !important;\n }\n\n /*album*/\n #watch-card-subtitle.ytd-watch-card-rich-header-renderer {\n color: var(--main-text) !important;\n }\n\n .duration.ytd-watch-card-compact-video-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Buttom border for different fields*/\n .unfocused-line.paper-input-container {\n background-color: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n .focused-line.paper-input-container {\n background-color: var(--main-color) !important;\n border-color: var(--main-color) !important;\n }\n\n /*Search page*/\n #result-count.ytd-search-sub-menu-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-search-sub-menu-renderer,\n ytd-exploratory-results-renderer.ytd-item-section-renderer,\n ytd-shelf-renderer.ytd-item-section-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*no results*/\n .promo-title.ytd-background-promo-renderer,\n .promo-body-text.ytd-background-promo-renderer {\n color: var(--main-text) !important;\n }\n\n /*show more*/\n #more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer,\n #all.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer {\n color: var(--main-text) !important;\n }\n\n #more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer:hover,\n #all.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer:hover {\n color: var(--main-color) !important;\n }\n\n ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-search-filter-renderer.selected yt-formatted-string.ytd-search-filter-renderer,\n ytd-search-filter-renderer.selected #dismiss-x.ytd-search-filter-renderer,\n ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*Search music suggestions*/\n ytd-watch-card-rich-header-renderer {\n background: var(--hover-background) !important;\n }\n\n #overlay-button {\n background: var(--main-color) !important;\n }\n\n #overlay-button:hover {\n filter: brightness(110%) !important;\n }\n\n #watch-card-title,\n #view-all-endpoint:hover {\n color: var(--main-color) !important;\n }\n\n ytd-watch-card-compact-video-renderer[is-condensed],\n #view-all-endpoint {\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*Search results related to item searched*/\n a.ytd-search-refinement-card-renderer {\n background-color: var(--second-background) !important;\n border-color: var(--second-background) !important;\n border-radius: 8px !important;\n }\n\n a.ytd-search-refinement-card-renderer:hover #card-title.ytd-search-refinement-card-renderer div.ytd-search-refinement-card-renderer {\n color: var(--main-color) !important;\n }\n\n #card-title.ytd-search-refinement-card-renderer div.ytd-search-refinement-card-renderer {\n color: var(--main-text) !important;\n }\n\n /*Next button*/\n .center-aligned.ytd-horizontal-card-list-renderer {\n background-color: var(--second-background) !important;\n color: var(--main-text) !important;\n }\n\n .center-aligned.ytd-horizontal-card-list-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*filter*/\n a.yt-simple-endpoint.ytd-toggle-button-renderer:hover * {\n color: var(--main-color) !important;\n /* fill: var(--main-color) !important; */\n }\n\n #filter-group-name.ytd-search-filter-group-renderer {\n color: var(--main-text) !important;\n border-color: var(--hover-background) !important;\n }\n\n #description-text.ytd-video-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .yt-core-attributed-string__link--call-to-action-color {\n color: var(--dimmer-text) !important;\n }\n\n /*Comments*/\n yt-formatted-string.ytd-comments-header-renderer,\n #contenteditable-root.yt-formatted-string[aria-label].yt-formatted-string:empty::before,\n #contenteditable-textarea.ytd-commentbox {\n color: var(--dimmer-text) !important;\n }\n\n /*sort by*/\n #icon-label.yt-dropdown-menu,\n #label-icon.yt-dropdown-menu {\n color: var(--main-text) !important;\n fill: var(--main-text) !important;\n }\n\n yt-sort-filter-sub-menu-renderer.ytd-comments-header-renderer:hover #icon-label.yt-dropdown-menu,\n yt-sort-filter-sub-menu-renderer.ytd-comments-header-renderer:hover #label-icon.yt-dropdown-menu {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n /*sort by dropdown*/\n paper-listbox.yt-dropdown-menu {\n background: var(--second-background) !important;\n }\n\n .item.yt-dropdown-menu {\n color: var(--main-text) !important;\n }\n\n paper-listbox.yt-dropdown-menu paper-item.yt-dropdown-menu:hover,\n paper-listbox.yt-dropdown-menu paper-item.yt-dropdown-menu:hover .item.yt-dropdown-menu {\n background: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n paper-listbox.yt-dropdown-menu .yt-dropdown-menu.iron-selected {\n background-color: var(--second-background) !important;\n }\n\n paper-listbox.yt-dropdown-menu .yt-dropdown-menu.iron-selected .item.yt-dropdown-menu {\n color: var(--main-color) !important;\n }\n\n /*text box*/\n #simplebox-placeholder.ytd-comment-simplebox-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #placeholder-area.ytd-comment-simplebox-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #input-container.ytd-commentbox,\n ytd-commentbox {\n --paper-input-container-underline-color: var(--hover-background) !important;\n --paper-input-container-underline-focus-color: var(--main-color) !important;\n }\n\n .focused-line.tp-yt-paper-input-container {\n border-color: var(--main-color) !important;\n }\n\n .unfocused-line.tp-yt-paper-input-container {\n border-color: var(--dimmer-text) !important;\n }\n\n /*emoji selector*/\n #emojis.ytd-commentbox {\n background-color: var(--second-background) !important;\n }\n\n /*comments themselves*/\n #author-text.yt-simple-endpoint.ytd-comment-renderer,\n #content.style-scope #content-text {\n color: var(--main-text) !important;\n }\n\n ytd-author-comment-badge-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #content-text.ytd-comment-renderer,\n ytd-expander[should-use-number-of-lines][collapsed] > #content.ytd-expander {\n color: var(--dimmer-text) !important;\n }\n\n /*read more*/\n .more-button-exp.ytd-comment-renderer,\n .less-button-exp.ytd-comment-renderer {\n color: var(--main-text) !important;\n }\n\n .more-button-exp.ytd-comment-renderer:hover,\n .less-button-exp.ytd-comment-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*view replies*/\n paper-button.ytd-comment-replies-renderer,\n yt-next-continuation.ytd-comment-replies-renderer,\n yt-icon.ytd-comment-replies-renderer {\n color: var(--main-text) !important;\n }\n\n .more-button.style-scope.ytd-comment-replies-renderer:hover paper-button.ytd-comment-replies-renderer,\n .more-button.style-scope.ytd-comment-replies-renderer:hover yt-next-continuation.ytd-comment-replies-renderer,\n .more-button.style-scope.ytd-comment-replies-renderer:hover yt-icon.ytd-comment-replies-renderer {\n color: var(--main-color) !important;\n }\n\n /*likes*/\n #vote-count-middle.ytd-comment-action-buttons-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-button-renderer yt-formatted-string.ytd-button-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*Show more videos*/\n yt-next-continuation.ytd-watch-next-secondary-results-renderer {\n --paper-button_-_background-color: transparent !important;\n --paper-button_-_color: var(--dimmer-text) !important;\n }\n\n .style-scope.yt-next-continuation {\n border-color: transparent !important;\n }\n\n .style-scope.yt-next-continuation:hover {\n background-color: transparent !important;\n color: var(--main-color) !important;\n }\n\n yt-formatted-string.ytd-expanded-shelf-contents-renderer {\n color: var(--dimmer-text) !important;\n }\n\n yt-formatted-string.ytd-expanded-shelf-contents-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*View more comments*/\n paper-button.yt-next-continuation {\n color: var(--dimmer-text) !important;\n }\n\n /*Links in description and published date for comments*/\n #content.ytd-expander a {\n color: var(--main-color) !important;\n opacity: 0.9;\n }\n\n #published-time-text.ytd-comment-renderer,\n #published-time-text.ytd-comment-renderer a {\n --yt-endpoint-color: var(--dimmer-text) !important;\n color: var(--dimmer-text) !important;\n opacity: .8;\n }\n\n #content.ytd-expander a:hover,\n #published-time-text.ytd-comment-renderer a:hover,\n #content.ytd-expander #name.ytd-author-comment-badge-renderer:hover {\n color: var(--main-color) !important;\n opacity: 1 !important;\n }\n\n #content.ytd-expander #name.ytd-author-comment-badge-renderer {\n color: var(--main-text) !important;\n }\n\n /*Heart icon in comments*/\n #hearted-border.ytd-creator-heart-renderer,\n #hearted.ytd-creator-heart-renderer {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n yt-icon-button#creator-heart-button svg {\n fill: var(--main-color) !important;\n }\n\n /*Pinned by*/\n #label.ytd-pinned-comment-badge-renderer {\n color: var(--main-color) !important;\n opacity: 0.5;\n }\n\n yt-icon.ytd-pinned-comment-badge-renderer {\n fill: var(--main-color) !important;\n opacity: 0.5;\n }\n\n /*Fundraiser message*/\n #wrapper.ytd-donation-unavailable-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*Chat*/\n /*header*/\n yt-live-chat-header-renderer,\n #header.yt-live-chat-participant-list-renderer,\n yt-live-chat-message-renderer,\n yt-live-chat-ticker-renderer {\n background: var(--hover-background) !important;\n }\n\n yt-live-chat-banner-manager[has-active-banner] {\n background: linear-gradient(var(--hover-background) 0%, var(--second-background) 100%) !important;\n }\n\n /*live replay*/\n #card.yt-live-chat-viewer-engagement-message-renderer,\n yt-live-chat-text-message-renderer[is-highlighted] {\n background: var(--hover-background) !important;\n }\n\n #chat,\n #participants,\n yt-live-chat-renderer {\n background: var(--second-background) !important;\n }\n\n /*show mode was enabled*/\n #container.yt-live-chat-restricted-participation-renderer {\n background: var(--second-background) !important;\n }\n\n #contents.yt-live-chat-mode-change-message-renderer {\n background: var(--hover-background) !important;\n }\n\n #contents.yt-live-chat-mode-change-message-renderer,\n #subtext.yt-live-chat-mode-change-message-renderer {\n color: var(--dimmer-text) !important;\n }\n\n yt-live-chat-toast-renderer[is-showing-message]/*info for show mode*/\n {\n background: var(--hover-background) !important;\n }\n\n /*dropmenu*/\n #menu.yt-live-chat-text-message-renderer {\n background: transparent !important;\n }\n\n paper-listbox {\n background: var(--second-background) !important;\n }\n\n yt-icon.ytd-menu-navigation-item-renderer,\n yt-icon.ytd-menu-service-item-renderer,\n #header.yt-live-chat-participant-list-renderer,\n #author-name.yt-live-chat-author-chip:not(.member):not(.moderator),\n .style-scope.yt-live-chat-ninja-message-renderer {\n color: var(--main-text) !important;\n }\n\n #deleted-state,\n #show-original,\n yt-live-chat-text-message-renderer[is-deleted] #message.yt-live-chat-text-message-renderer,\n #timestamp {\n color: var(--dimmer-text) !important;\n }\n\n /*paid messages*/\n #content.yt-live-chat-paid-message-renderer #message {\n color: black !important;\n }\n\n #message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer {\n color: var(--main-color) !important;\n text-decoration: none !important;\n }\n\n yt-live-chat-author-chip[is-highlighted] #author-name {\n background: var(--main-color) !important;\n }\n\n /*paid arrows*/\n yt-icon.yt-live-chat-ticker-renderer {\n background: var(--main-background) !important;\n color: var(--main-text) !important;\n }\n\n yt-icon.yt-live-chat-ticker-renderer:hover {\n color: var(--main-color) !important;\n }\n\n #right-arrow-container.yt-live-chat-ticker-renderer,\n #left-arrow-container.yt-live-chat-ticker-renderer {\n background: transparent !important;\n }\n\n /*channel messages*/\n yt-live-chat-text-message-renderer[author-is-owner] {\n background: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*pinned*/\n yt-live-chat-banner-manager[has-visible-banner] {\n background: var(--second-background) !important;\n }\n\n #contents.yt-live-chat-banner-renderer > .yt-live-chat-banner-renderer {\n background: transparent !important;\n }\n\n /*Confirmantion popup*/\n paper-toast {\n background-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*button*/\n yt-icon-button.yt-live-chat-item-list-renderer,\n yt-live-chat-ninja-message-renderer.yt-live-chat-renderer paper-button.yt-button-renderer,\n yt-live-chat-message-renderer.yt-live-chat-message-input-renderer yt-button-renderer.style-dark[is-paper-button] {\n background: var(--main-background) !important;\n color: var(--main-text) !important;\n }\n\n /*input*/\n yt-live-chat-message-input-renderer {\n background-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n #focused.yt-live-chat-text-input-field-renderer {\n background: var(--main-color) !important;\n }\n\n #count {\n color: var(--dimmer-text) !important;\n }\n\n /*hide chat*/\n #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame {\n background: var(--hover-background) !important;\n }\n\n /*emoji*/\n yt-formatted-string.yt-emoji-picker-category-renderer {\n background: var(--hover-background) !important;\n }\n\n #search-panel.yt-emoji-picker-renderer {\n background: var(--main-background) !important;\n color: var(--main-text) !important;\n }\n\n #search-empty {\n color: var(--dimmer-text) !important;\n }\n\n /*donations superchats cards*/\n #card.yt-live-chat-donation-announcement-renderer {\n background-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n #menu.yt-live-chat-donation-announcement-renderer {\n background: transparent !important;\n }\n\n /*for actually donating*/\n #subtext.yt-live-chat-product-button-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #container.yt-live-chat-product-button-renderer .yt-icon {\n fill: var(--dimmer-text) !important;\n }\n\n /*Fund raiser*/\n #header-section.ytd-donation-shelf-renderer,\n #collapse-controls-section.ytd-donation-shelf-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #header-text.ytd-donation-shelf-renderer,\n #collapse-controls-section.ytd-donation-shelf-renderer {\n color: var(--main-text) !important;\n }\n\n #collapse-controls-section.ytd-donation-shelf-renderer:hover {\n color: var(--main-color) !important;\n }\n\n #header-section.ytd-donation-shelf-renderer .style-scope.ytd-donation-shelf-renderer.no-transition {\n filter: invert(.8);\n }\n\n #donate-section.ytd-donation-shelf-renderer,\n #creator-messages-section.ytd-donation-shelf-renderer,\n #nonprofit-section.ytd-donation-shelf-renderer,\n #nonprofit-title.ytd-donation-shelf-renderer {\n background-color: var(--second-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n #campaign-title.ytd-donation-shelf-renderer,\n .creator-message.ytd-donation-shelf-renderer,\n #campaign-subtitle.ytd-donation-shelf-renderer,\n .creator-message-name.ytd-donation-shelf-renderer,\n #nonprofit-title.ytd-donation-shelf-renderer {\n color: var(--main-text) !important;\n }\n\n .creator-message.ytd-donation-shelf-renderer,\n #campaign-subtitle.ytd-donation-shelf-renderer,\n #nonprofit-subtitle.ytd-donation-shelf-renderer,\n #nonprofit-description.ytd-donation-shelf-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #amount-raised.ytd-donation-shelf-renderer,\n #nonprofit-title.ytd-donation-shelf-renderer yt-icon.ytd-donation-shelf-renderer {\n color: var(--main-color) !important;\n }\n\n #nonprofit-link.ytd-donation-shelf-renderer .inline-icon.ytd-donation-shelf-renderer {\n fill: var(--main-color) !important;\n }\n\n /*progress*/\n #progress-bar-start.ytd-donation-shelf-renderer,\n #progress-bar-end.ytd-donation-shelf-renderer {\n color: var(--main-text) !important;\n }\n\n #matching-label.ytd-donation-shelf-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #progress-bar.ytd-donation-shelf-renderer {\n background-color: var(--dimmer-text) !important;\n }\n\n #progress-bar-fill.ytd-donation-shelf-renderer {\n background-color: var(--main-color) !important;\n }\n\n /*donate button*/\n .style-scope.ytd-donation-shelf-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n /*donate window*/\n #top-box.ytd-donation-amount-picker-renderer {\n background-color: var(--second-background) !important;\n }\n\n #campaign-title.ytd-donation-amount-picker-renderer,\n #nonprofit-title.ytd-donation-amount-picker-renderer {\n color: var(--main-color) !important;\n }\n\n #campaign-subtitle.ytd-donation-amount-picker-renderer,\n #nonprofit-subtitle.ytd-donation-amount-picker-renderer {\n color: var(--main-text) !important;\n }\n\n /*amount buttons*/\n #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[is-paper-button] paper-button.ytd-button-renderer {\n background-color: var(--second-background) !important;\n }\n\n #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[is-paper-button] paper-button.ytd-button-renderer {\n background-color: var(--second-background) !important;\n border-color: var(--second-background) !important;\n }\n\n #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[is-paper-button][selected] paper-button.ytd-button-renderer,\n .ytd-donation-amount-picker-renderer ytd-button-renderer.style-primary[is-paper-button] {\n background-color: var(--main-color) !important;\n }\n\n /*curency for other amount*/\n span.prefix.style-scope.paper-input-container > div.ytd-donation-amount-picker-renderer {\n color: var(--main-text) !important;\n }\n\n /*Payment window*/\n .popup-mode .b3-page-header {\n background-color: var(--main-background) !important;\n }\n\n .b3-line-items-mundane-items-container,\n .b3-line-items-mundane-items-container {\n background-color: var(--hover-background) !important;\n }\n\n .b3-separator {\n display: none !important;\n }\n\n .b3-line-item-value {\n color: var(--main-color) !important;\n }\n\n .b3-line-item-name,\n .b3-line-item-infomessage,\n .b3-line-item-subvalue {\n color: var(--main-text) !important;\n }\n\n .b3-single-option-form-selector-option-content .b3-existing-instrument-option-label-without-image,\n .b3-dropdown-form-selector .b3-existing-instrument-option-label-without-image,\n .b3-single-option-form-selector-option-content .b3-additional-instrument-option-label,\n .b3-dropdown-form-selector .b3-additional-instrument-option-label,\n .b3-input.focused .b3-input-label,\n .b3-input.focused .b3-input-label-text,\n .b3-input input[type=\"tel\"],\n .b3-input input[type=\"text\"],\n .b3-input input[type=\"password\"],\n .b3-input input[type=\"email\"],\n .b3-input.populated .b3-input-label,\n .b3-input.invalid .b3-input-label,\n .b3-input.autofilled .b3-input-label,\n .b3-input-field > .b3-input-label,\n .b3-input-field > .b3-input-label.accessible,\n .b3-collapsing-form-placeholder-text {\n color: var(--main-text) !important;\n }\n\n .countryselector .goog-flat-menu-button-caption,\n .countryselector .goog-flat-menu-button-caption .goog-menuitem-content {\n color: var(--dimmer-text) !important;\n }\n\n /*icons*/\n .b3-single-option-form-selector-icon,\n .b3-collapsing-form-icon {\n fill: var(--main-text) !important;\n }\n\n .b3-collapsing-form.focused .b3-collapsing-form-icon {\n fill: var(--main-color) !important;\n }\n\n .b3-tooltip-icon {\n filter: invert(1) !important;\n }\n\n /*border*/\n .b3-input-status-indicator {\n background-color: var(--main-color) !important;\n }\n\n .b3-input-accent {\n border-color: var(--hover-background) !important;\n }\n\n /*tooltip*/\n .b3-inline-tooltip-popup-wrapper,\n .help-Helpwidgets-TooltipWidget-content-html {\n background-color: var(--hover-background) !important;\n color: var(--dimmer-text) !important;\n }\n\n .b3-inline-tooltip-popup-wrapper a,\n .help-Helpwidgets-TooltipWidget-content-html a {\n color: var(--main-color) !important;\n }\n\n /*country choice*/\n .goog-menu,\n .goog-menuitem:hover {\n background-color: var(--hover-background) !important;\n }\n\n .goog-menuitem,\n .goog-tristatemenuitem,\n .goog-filterobsmenuitem {\n color: var(--main-text) !important;\n }\n\n .goog-menuitem-highlight .goog-menuitem-content {\n color: var(--main-color) !important;\n }\n\n .goog-menuitem .countryselector-flag {\n border-radius: 4px !important;\n /*hiding ugly white corners*/\n }\n\n /*footer*/\n .b3-legal-message-content,\n .b3-info-message-list.b3-buyflow-extra-messages .b3-info-message-component.b3-info-message-unknown,\n .b3-info-message-component.b3-info-message-unknown.b3-buyflow-extra-messages .b3-info-message-html {\n color: var(--dimmer-text) !important;\n }\n\n .b3-legal-message-content a,\n .b3-info-message-component.b3-info-message-unknown.b3-buyflow-extra-messages .b3-info-message-html a {\n color: var(--main-color) !important;\n }\n\n /*Notification*/\n /*bell icon notification count*/\n .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: var(--main-color) !important;\n border: none !important;\n }\n\n button.yt-icon-button:hover .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n color: var(--main-text) !important;\n }\n\n /*load spinner - also for comments*/\n .spinner-layer.layer-1.tp-yt-paper-spinner,\n .spinner-layer.layer-2.tp-yt-paper-spinner,\n .spinner-layer.layer-3.tp-yt-paper-spinner,\n .spinner-layer.layer-4.tp-yt-paper-spinner {\n color: var(--dimmer-text) !important;\n }\n\n #notification-count.ytd-notification-topbar-button-renderer,\n ytd-notification-renderer.unread #new.ytd-notification-renderer,\n .yt-lockup-notification .unread-dot/*account settings*/\n {\n background: var(--main-color) !important;\n border-color: var(--main-color) !important;\n }\n\n .text.ytd-notification-renderer,\n .message.ytd-notification-renderer #yt-masthead-notifications-title,\n .yt-lockup-notification .yt-lockup-title a/*account settings*/\n h2.yt-multi-page-menu-section-renderer/*comments and notifications headers*/\n {\n color: var(--main-text) !important;\n }\n\n /*gear icon*/\n ytd-simple-menu-header-renderer .yt-spec-button-shape-next__icon {\n color: var(--main-text) !important;\n }\n\n ytd-simple-menu-header-renderer .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover .yt-spec-button-shape-next__icon {\n color: var(--main-color) !important;\n }\n\n .metadata.ytd-notification-renderer,\n .exp-responsive .yt-lockup-tile .yt-lockup-byline/*account settings*/\n {\n color: var(--dimmer-text) !important;\n }\n\n ytd-notification-renderer:hover .message.ytd-notification-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-watch:not([flexy-fit-to-video_]) #chat.ytd-watch,\n ytd-watch:not([flexy-fit-to-video_]) #transcript.ytd-watch {\n padding-left: 0 !important;\n }\n\n ytd-simple-menu-header-renderer {\n background-color: var(--hover-background) !important;\n }\n\n h2.ytd-simple-menu-header-renderer {\n color: var(--main-text) !important;\n }\n\n #sections.ytd-multi-page-menu-renderer > ytd-background-promo-renderer.ytd-multi-page-menu-renderer,\n ytd-multi-page-menu-renderer,\n #yt-masthead-notifications-content .item-section > li > .yt-lockup-tile,\n #yt-masthead-notifications-content .yt-ui-ellipsis,\n /*account settings*/\n #yt-masthead-notifications-content/*bottom thing - account settings*/\n {\n background: var(--second-background) !important;\n border-color: var(--second-background) !important;\n }\n\n .browse-items-load-more-button {\n background-color: var(--main-background) !important;\n border-color: var(--main-background) !important;\n color: var(--main-text) !important;\n }\n\n .browse-items-load-more-button:hover {\n color: var(--main-color) !important;\n }\n\n .promo-message.ytd-background-promo-renderer,\n #message:not([class*=\"yt-music\"]) {\n color: var(--dimmer-text) !important;\n }\n\n /*triangle*/\n .yt-uix-clickcard-card-reverse .yt-uix-card-body-arrow-vertical,\n .yt-uix-hovercard-card-reverse .yt-uix-card-body-arrow-vertical/*account settings*/\n {\n border-bottom-color: var(--hover-background) !important;\n }\n\n /*menu*/\n .yt-ui-menu-content/*account settings*/\n {\n background-color: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n .yt-ui-menu-item/*account settings*/\n {\n background-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n .yt-ui-menu-item:hover/*account settings*/\n {\n color: var(--main-color) !important;\n }\n\n /*gear icon*/\n .yt-uix-button-icon-icon-account-settings/*account settings*/\n {\n filter: brightness(250%) invert(1);\n }\n\n /*Cards*/\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: var(--main-background) !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: var(--main-text) !important;\n }\n\n .iv-card:hover .iv-card-primary-link,\n .ytp-ce-website-title {\n color: var(--main-color) !important;\n }\n\n .ytp-ce-element:hover {\n border-color: var(--main-color) !important;\n }\n\n .ytp-ce-channel-title.ytp-ce-link {\n color: var(--main-color) !important;\n opacity: 0.9 !important;\n }\n\n .ytp-ce-channel-title.ytp-ce-link:hover,\n .ytp-cards-teaser .ytp-cards-teaser-text:hover {\n color: var(--main-color) !important;\n opacity: 1 !important;\n }\n\n .ytp-ce-channel-metadata.yt-ui-ellipsis.yt-ui-ellipsis-3 {\n background: transparent;\n color: var(--dimmer-text) !important;\n }\n\n /*Cards border color*/\n .iv-card-message {\n border-bottom: 1px solid var(--main-color) !important;\n }\n\n .ytp-ce-channel-this .ytp-ce-channel-metadata {\n border-color: var(--hover-background) !important;\n }\n\n /*Poll*/\n .iv-card-poll label,\n .iv-card-poll.iv-card-poll-voted label.iv-card-poll-choice-checked,\n .iv-card-poll.iv-card-poll-voted label {\n color: var(--main-text) !important;\n }\n\n #vote-info.ytd-backstage-poll-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .iv-card-poll .iv-card-poll-result .iv-card-poll-result-bar {\n background-color: var(--main-color) !important;\n }\n\n ytd-backstage-post-thread-renderer {\n border-color: var(--hover-background) !important;\n }\n\n ytd-backstage-poll-renderer[show-poll-choice-border] .choice-info.ytd-backstage-poll-renderer {\n border-color: transparent !important;\n }\n\n /*Account menu header*/\n ytd-active-account-header-renderer {\n background: var(--second-background) !important;\n }\n\n ytd-active-account-header-renderer:hover {\n background-color: var(--hover-background) !important;\n }\n\n #account-name.ytd-active-account-header-renderer,\n #channel-title.ytd-account-item-renderer {\n color: var(--main-text) !important;\n }\n\n #email.ytd-active-account-header-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*subentries*/\n #label.ytd-toggle-theme-compact-link-renderer,\n tp-yt-paper-item.ytd-compact-link-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-toggle-theme-compact-link-renderer:hover #label.ytd-toggle-theme-compact-link-renderer,\n ytd-toggle-theme-compact-link-renderer:hover yt-icon,\n paper-item.ytd-compact-link-renderer:hover #subtitle,\n paper-item.ytd-compact-link-renderer:hover .deemphasize.yt-formatted-string,\n tp-yt-paper-item.ytd-compact-link-renderer:hover *,\n tp-yt-paper-item.ytd-compact-link-renderer:hover #subtitle.ytd-compact-link-renderer {\n color: var(--main-color) !important;\n }\n\n #footer.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer {\n border-color: var(--hover-background) !important;\n }\n\n .description.ytd-toggle-item-renderer,\n #caption.ytd-toggle-item-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*language*/\n #language.ytd-account-settings,\n #country.ytd-account-settings,\n #restricted.ytd-account-settings,\n .container.ytd-account-settings {\n background-color: var(--second-background) !important;\n }\n\n paper-item.ytd-account-settings {\n color: var(--dimmer-text) !important;\n }\n\n paper-item.ytd-account-settings:hover {\n color: var(--main-color) !important;\n }\n\n /*swich account*/\n yt-formatted-string.ytd-account-item-renderer[secondary] {\n color: var(--dimmer-text) !important;\n }\n\n #selected.ytd-account-item-renderer {\n color: var(--main-color) !important;\n }\n\n /*theme*/\n ytd-compact-link-renderer[compact-link-style=\"compact-link-style-type-disclaimer\"] #label.ytd-compact-link-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Live background color*/\n ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n background-color: var(--main-color) !important;\n }\n\n .guide-entry-badge.ytd-guide-entry-renderer {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n .ytp-live-badge[disabled]:before {\n background: var(--main-color) !important;\n }\n\n /*Recolored sidepane icons, menu icons and filter button*/\n .guide-icon.ytd-guide-entry-renderer,\n paper-button.ytd-toggle-button-renderer,\n yt-icon.ytd-compact-link-renderer,\n yt-icon.ytd-toggle-theme-compact-link-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Sidepane titles*/\n #guide-section-title a {\n color: var(--dimmer-text) !important;\n }\n\n #guide-section-title a:hover {\n color: var(--main-color) !important;\n }\n\n\n /*Autoplay text*/\n #upnext.ytd-compact-autoplay-renderer,\n #autoplay.ytd-compact-autoplay-renderer {\n color: var(--dimmer-text) !important;\n opacity: .8;\n }\n\n ytd-compact-autoplay-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*Video was removed by user - not interested*/\n #text.ytd-notification-multi-action-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Video was added/removed to/from a playlist by user*/\n yt-notification-action-renderer[ui-refresh] #text.yt-notification-action-renderer,\n yt-notification-action-renderer[ui-refresh] #sub-text.yt-notification-action-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Links in video description*/\n .description.ytd-video-secondary-info-renderer a {\n color: var(--main-color) !important;\n opacity: .9;\n }\n\n /*Game cards*/\n ytd-rich-metadata-renderer {\n background-color: var(--second-background) !important;\n }\n\n #call-to-action.ytd-rich-metadata-renderer {\n color: var(--main-text) !important;\n }\n\n #title.ytd-rich-metadata-renderer,\n #call-to-action.ytd-rich-metadata-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*Movie cards*/\n #header.ytd-movie-offer-module-renderer {\n background-color: var(--second-background) !important;\n }\n\n ytd-button-renderer.ytd-movie-offer-module-renderer.style-primary[is-paper-button] {\n background-color: var(--main-color) !important;\n }\n\n #wide-clickable-area.ytd-movie-offer-module-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #info.ytd-movie-offer-module-renderer {\n color: var(--main-text) !important;\n }\n\n h3.ytd-compact-movie-renderer {\n color: var(--main-text) !important;\n }\n\n /*Tour/ticket cards*/\n ytd-ticket-shelf-renderer {\n background-color: var(--second-background) !important;\n }\n\n #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #tickets-button.ytd-ticket-shelf-renderer {\n background: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #nearest.ytd-ticket-shelf-renderer,\n #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #subtitle1.ytd-ticket-shelf-renderer,\n #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #subtitle2.ytd-ticket-shelf-renderer,\n .where-column-td.ytd-ticket-shelf-renderer .where-column.ytd-ticket-shelf-renderer {\n color: var(--main-text) !important;\n }\n\n .when-date-column.ytd-ticket-shelf-renderer,\n .link.ytd-ticket-shelf-renderer,\n .when-weekday-column.ytd-ticket-shelf-renderer {\n color: var(--main-color) !important;\n }\n\n /*separator*/\n #seperator.ytd-ticket-shelf-renderer,\n ytd-ticket-shelf-renderer {\n border-color: var(--hover-background) !important;\n }\n\n\n /*Author name*/\n #owner-name.ytd-video-owner-renderer {\n opacity: .9;\n }\n\n #owner-name.ytd-video-owner-renderer:hover {\n opacity: 1 !important;\n }\n\n /*Set a memento*/\n ytd-toggle-button-renderer.style-compact-gray[is-paper-button] {\n background-color: var(--second-background) !important;\n color: var(--dimmer-text) !important;\n }\n\n /*Series name*/\n .super-title.ytd-video-primary-info-renderer a,\n #additional-metadata-line.ytd-video-meta-block {\n color: var(--dimmer-text) !important;\n opacity: .8;\n }\n\n #selectionBar.paper-tabs {\n border-color: var(--main-color) !important;\n }\n\n /*\"Best\" of YouTube icons in sidepane*/\n /*.style-scope.ytd-guide-entry-renderer.no-transition\n\t{\n\t\tfilter: grayscale(100%);\n\t}*/\n /* Promo page */\n body.yt-new-promo-page-use-launched-copy .yt-new-promo-page-header {\n background: var(--main-background) !important;\n }\n\n .yt-new-promo-page-section-text,\n .yt-new-promo-page-header {\n color: var(--dimmer-text);\n }\n\n .yt-new-promo-page-button {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n opacity: .9;\n }\n\n .yt-new-promo-page-button:hover {\n opacity: 1;\n }\n\n /* Crude logo fix */\n .yt-new-promo-page-logo {\n filter: grayscale(100%) invert(100%);\n }\n\n /* Fix for active like/dislike buttons */\n ytd-toggle-button-renderer.style-grey-text[is-icon-button] {\n color: var(--yt-button-color);\n }\n\n ytd-toggle-button-renderer #button.ytd-toggle-button-renderer {\n color: inherit;\n }\n\n /*like/dislike buttons in nested replies*/\n /*.style-scope.ytd-toggle-button-renderer svg\n\t{\n\t\tfill: var(--dimmer-text) !important;\n\t}\n\t.style-scope.ytd-toggle-button-renderer yt-icon-button.style-default-active svg\n\t{\n\t\tfill: var(--main-color) !important;\n\t}*/\n ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer #button.ytd-toggle-button-renderer {\n color: var(--yt-button-color);\n }\n\n ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer .style-default-active {\n color: var(--main-color) !important;\n }\n\n /* Fix for placeholders/skeletons */\n /*ytd-masthead.shell\n\t{\n\t\tbackground-color: var(--main-background);\n\t}\n\tytd-masthead.shell [class*='skeleton'], [id*='skeleton'] [class*='skeleton'], [id*='skeleton'], .shelf-videos, .skeleton-bg-color\n\t{\n\t\tbackground-color: var(--hover-background) !important;\n\t\tborder-color: var(--hover-background) !important;\n\t}*/\n /*homepage skeleton*/\n #home-container-skeleton,\n html[dark] #home-container-skeleton {\n background-color: var(--main-background) !important;\n }\n\n /*sidebar skeleton*/\n #guide-skeleton,\n html[dark] #guide-skeleton {\n background-color: var(--second-background) !important;\n }\n\n /*homepage videos skeleton*/\n #home-page-skeleton .skeleton-bg-color,\n html[dark] #home-page-skeleton .skeleton-bg-color {\n background-color: var(--hover-background) !important;\n }\n\n .masthead-skeleton-icon,\n html[dark] .masthead-skeleton-icon,\n /*ytd-masthead.shell [class*='skeleton'], html[dark] ytd-masthead.shell,\n\t.shelf-videos, html[dark] .shelf-videos,*/\n .skeleton-bg-color,\n html[dark] .skeleton-bg-color {\n background-color: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n .skeleton-light-border-bottom,\n html[dark] .skeleton-light-border-bottom {\n border-bottom: 1px solid var(--hover-background) !important;\n }\n\n ytd-alert-with-button-renderer[type=\"INFO\"],\n #content-wrapper.yt-alert-with-actions-renderer/*TOS*/\n {\n background-color: var(--hover-background) !important;\n }\n\n #content-wrapper.yt-alert-with-actions-renderer yt-button-renderer[is-paper-button] yt-icon.yt-button-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-alert-with-button-renderer[type=\"INFO\"] #text.ytd-alert-with-button-renderer {\n color: var(--main-text) !important;\n }\n\n #alert-message.ytd-consent-bump-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Paid membership*/\n yt-subscription-product-header-renderer.ytd-item-section-renderer {\n color: var(--main-text) !important;\n }\n\n /*Reporting*/\n .introduction-header {\n color: var(--main-text) !important;\n }\n\n .introduction-body,\n .introduction-bullet-items {\n color: var(--dimmer-text) !important;\n }\n\n yt-report-form-modal-renderer[dialog][dialog][dialog] {\n background: var(--main-background) !important;\n }\n\n yt-options-renderer[increased-tooltip-target] yt-icon.yt-options-renderer {\n color: var(--main-text) !important;\n }\n\n /*Help*/\n .ghp-header-searchBox,\n .ghp-autocomplete-label {\n color: var(--dimmer-text) !important;\n }\n\n /*\n\t.ghp-header-searchIcon.ghpv-loaded, .ghp-iconTextComponent-icon, .ghp-autocomplete-icon\n\t{\n\t\tfilter: invert(100%) grayscale(100%) brightness(150%);\n\t}\n\t.ghp-autocompleteGlass\n\t{\n\t\tbackground: rgba(0,0,0,3) !important;\n\t}\n\t.ghp-card-title\n\t{\n\t\tcolor: var(--main-text) !important;\n\t}\n\t.ghp-card, .ghp-content, .ghp-iconTextComponent, .ghp-contentFrame, .hcfe\n\t{\n\t\tbackground-color: var(--second-background) !important;\n\t\tborder-color: var(--hover-background) !important;\n\t}\n\t.ghp-iconTextComponent:hover .ghp-iconTextComponent-label,\n\t.ghp-iconTextComponent:hover .ghp-separator\n\t{\n\t\tcolor: var(--main-color) !important;\n\t\tborder-color: var(--hover-background) !important;\n\t}\n\t.ghp-separator\n\t{\n\t\tborder-color: var(--hover-background) !important;\n\t}\n\t.ghp-iconTextComponent-label, .hcfe\n\t{\n\t\tcolor: var(--dimmer-text) !important;\n\t}\n\t*/\n /*Trending page*/\n ytd-destination-button-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #destination-label.ytd-destination-button-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-destination-button-renderer:hover #destination-label.ytd-destination-button-renderer {\n color: var(--main-color) !important;\n }\n\n /*more - shown on low width*/\n ytd-destination-shelf-renderer[is-show-more-visible] #show-more-button.ytd-destination-shelf-renderer,\n #show-more-button.ytd-destination-shelf-renderer {\n background: var(--hover-background) !important;\n }\n\n #show-more-button-icon.ytd-destination-shelf-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-destination-shelf-renderer[is-show-more-visible] #show-more-button.ytd-destination-shelf-renderer:hover #show-more-button-icon.ytd-destination-shelf-renderer {\n color: var(--main-color) !important;\n }\n\n /*Learning*/\n ytd-carousel-header-renderer {\n background: var(--main-background) !important;\n }\n\n /*Music*/\n .flex-container.ytd-compact-station-renderer {\n background-color: var(--second-background) !important;\n }\n\n h3.ytd-compact-station-renderer {\n color: var(--main-text) !important;\n }\n\n .flex-container.ytd-compact-station-renderer:hover h3.ytd-compact-station-renderer {\n color: var(--main-color) !important;\n }\n\n #video-count-text.ytd-compact-station-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Gaming*/\n #live-viewers-count.ytd-game-details-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*History*/\n yt-formatted-string.ytd-sub-feed-option-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #title.ytd-sub-feed-selector-renderer,\n ytd-sub-feed-option-renderer.ytd-sub-feed-selector-renderer {\n border-color: var(--hover-background) !important;\n }\n\n ytd-two-column-browse-results-renderer #secondary.ytd-two-column-browse-results-renderer {\n background-color: var(--second-background) !important;\n }\n\n ytd-two-column-browse-results-renderer #primary ytd-text-header-renderer {\n color: var(--main-text) !important;\n }\n\n /*dialog confirm*/\n yt-confirm-dialog-renderer[dialog][dialog][dialog] {\n background-color: var(--second-background) !important;\n }\n\n #scroller.yt-confirm-dialog-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #cancel-button.yt-confirm-dialog-renderer {\n color: var(--main-text) !important;\n }\n\n .buttons.yt-confirm-dialog-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*Premium*/\n /*video*/\n #main-title.ytd-unlimited-offer-module-renderer {\n color: var(--main-text) !important;\n }\n\n #sub-title.ytd-unlimited-offer-module-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*popup*/\n .ytd-mealbar-promo-renderer-message-title.ytd-mealbar-promo-renderer {\n color: var(--main-text) !important;\n }\n\n .ytd-mealbar-promo-renderer-message-text.ytd-mealbar-promo-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .button-container.ytd-mealbar-promo-renderer {\n border-color: var(--hover-background) !important;\n }\n\n ytd-grid-video-renderer[is-dismissed] #dismissed {\n border-color: var(--hover-background) !important;\n }\n\n ytd-grid-video-renderer[is-dismissed] #dismissed .ytd-notification-multi-action-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-dismissal-follow-up-renderer[dialog][dialog][dialog] {\n background: var(--main-background) !important;\n }\n\n #content.ytd-dismissal-follow-up-renderer #checkboxLabel.paper-checkbox,\n #content.ytd-dismissal-follow-up-renderer #label.ytd-dismissal-reason-video-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #buttons.ytd-dismissal-follow-up-renderer {\n border-top-color: var(--hover-background) !important;\n }\n\n /*New TOS*/\n yt-alert-with-actions-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #text.yt-alert-with-actions-renderer,\n #alert-message.yt-alert-with-actions-renderer {\n color: var(--main-text) !important;\n }\n\n yt-button-renderer yt-formatted-string.yt-button-renderer,\n #icon.yt-alert-with-actions-renderer {\n color: var(--main-color) !important;\n }\n\n /*actual page for TOS*/\n #yts-article #article-container.ytg-box #summary {\n background-color: var(--hover-background) !important;\n }\n\n .separator,\n .with-divider,\n .header,\n #yts-article #header,\n #yts-nav {\n border-color: var(--hover-background) !important;\n }\n\n #yts-nav .indented .sub-level a,\n #yts-nav .top-level a,\n #yts-article #header {\n color: var(--main-text) !important;\n }\n\n /*Premium page (https://www.youtube.com/premium)*/\n yt-button-renderer#manage-subscription-button yt-formatted-string.yt-button-renderer {\n color: inherit !important;\n }\n\n .yt-unlimited-page-header-renderer a.yt-simple-endpoint.yt-formatted-string {\n color: var(--main-color) !important;\n }\n\n #header.yt-music-pass-small-feature-info-renderer,\n .question.yt-generic-faq-question-renderer,\n .answer-arrow.yt-generic-faq-question-renderer {\n color: var(--main-text) !important;\n }\n\n #description.yt-music-pass-small-feature-info-renderer,\n .container.yt-faq-section-renderer,\n .answer.yt-generic-faq-question-renderer,\n .text.ytd-simple-text-section-renderer {\n color: var(--dimmer-text) !important;\n }\n\n yt-generic-faq-question-renderer .yt-simple-endpoint.style-scope.yt-formatted-string,\n yt-generic-faq-question-renderer a.yt-simple-endpoint.yt-formatted-string:only-of-type,\n .text.ytd-simple-text-section-renderer a.yt-simple-endpoint.yt-formatted-string:only-of-type {\n color: var(--main-color) !important;\n }\n\n /*Paid memberships*/\n paper-card.yt-subscription-product-upsell-offer-renderer {\n background-color: var(--second-background) !important;\n }\n\n #title.yt-subscription-product-upsell-offer-renderer,\n #description.yt-subscription-product-upsell-offer-renderer,\n #additional-info.yt-subscription-product-upsell-offer-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Gaming page (https://www.youtube.com/gaming) and gaming channels*/\n #channel-details.ytd-carousel-header-renderer,\n #channel-header-container.ytd-topic-channel-details-renderer {\n background-color: var(--main-background) !important;\n }\n\n #bg.ytd-interactive-tabbed-header-renderer {\n fill: var(--main-background) !important;\n }\n\n #tabs-inner-container.ytd-interactive-tabbed-header-renderer {\n background-color: transparent !important;\n }\n\n /*Acount page specific*/\n /*Sidebar*/\n #creator-page.account-page,\n ytd-settings-sidebar-renderer {\n background-color: var(--second-background) !important;\n }\n\n .exp-kevlar-settings .account-page #creator-sidebar h3 {\n color: var(--main-text) !important;\n }\n\n .exp-kevlar-settings .account-page #creator-sidebar .creator-sidebar-item a {\n color: var(--dimmer-text) !important;\n }\n\n .exp-kevlar-settings .account-page #creator-sidebar .creator-sidebar-item.selected > a,\n .exp-kevlar-settings .account-page #creator-sidebar .creator-sidebar-item.selected > a:hover,\n .exp-kevlar-settings .account-page #creator-sidebar .creator-sidebar-item:hover a {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n ytd-compact-link-renderer[compact-link-style=\"compact-link-style-type-settings-sidebar\"][active],\n ytd-compact-link-renderer[compact-link-style=\"compact-link-style-type-settings-sidebar\"][active]:hover {\n background-color: var(--hover-background) !important;\n }\n\n /*Burger sidebar*/\n #appbar-guide-menu,\n .guide-flyout {\n background-color: var(--second-background) !important;\n }\n\n #guide-container .guide-item {\n color: var(--main-text) !important;\n }\n\n #guide-container .guide-item:hover {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n /*headers*/\n .exp-invert-logo li.guide-section h3,\n .exp-invert-logo li.guide-section h3 a {\n color: var(--main-color) !important;\n }\n\n .guide-section-separator/*divider*/\n {\n border-color: var(--hover-background) !important;\n }\n\n /*Contents - account*/\n .account-page-header,\n ytd-section-list-renderer[page-subtype=\"account-settings\"] a.yt-simple-endpoint.yt-formatted-string {\n color: var(--main-color) !important;\n }\n\n #account-page-header-title,\n h2.account-section-header {\n color: var(--main-text) !important;\n }\n\n /*title of the page*/\n #name.ytd-page-introduction-renderer,\n #name.ytd-channel-options-renderer,\n ytd-settings-options-renderer .yt-formatted-string:not(a).bold {\n color: var(--main-text) !important;\n }\n\n .exp-kevlar-settings #account-page-header-subtitle,\n .account-info-item .account-info-label,\n .account-section .account-email,\n .account-content,\n .account-section-subtext {\n color: var(--dimmer-text) !important;\n }\n\n /*other text*/\n #text.ytd-page-introduction-renderer,\n /*email*/\n #text.ytd-settings-options-renderer,\n /*descriptions, metadata, below text*/\n #label.ytd-settings-checkbox-renderer,\n #label.ytd-settings-radio-option-renderer,\n /*playback*/\n #text.ytd-connected-app-renderer/*connected accounts*/\n {\n color: var(--dimmer-text) !important;\n }\n\n .yt-horizontal-rule/*divider*/\n {\n border-color: var(--hover-background) !important;\n }\n\n .account-info .account-photo .yt-thumb/*avatar*/\n {\n border-radius: 100%;\n }\n\n .account-content a,\n .account-header a/*various links*/\n {\n color: var(--main-color) !important;\n }\n\n .yt-thumb {\n background-color: var(--hover-background) !important;\n }\n\n /*Notifications*/\n .setting-reminder,\n h3.account-section-header {\n color: var(--main-text) !important;\n }\n\n .yt-uix-form-input-checkbox-container input:checked + .yt-uix-form-input-checkbox-element {\n border-color: #000;\n filter: invert(1);\n }\n\n .desktop-notifications .browser {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n border-color: var(--hover-background) !important;\n }\n\n .desktop-notifications .browser .yt-uix-button.turn-on,\n .desktop-notifications .browser .yt-uix-button.turn-off,\n .resume-setting-button,\n .undo-setting-button-section,\n .resume-all-settings-button/*turn off*/\n {\n background: var(--main-background) !important;\n border-color: var(--main-background) !important;\n color: var(--main-color) !important;\n }\n\n .yt-uix-form-input-select/*dropdowns*/\n {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*checkboxes*/\n tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-bar.tp-yt-paper-toggle-button {\n background-color: var(--main-color) !important;\n opacity: 1 !important;\n }\n\n tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-button.tp-yt-paper-toggle-button {\n background-color: var(--main-text) !important;\n }\n\n /*language*/\n ytd-dropdown-renderer[has-background] tp-yt-paper-dropdown-menu-light.ytd-dropdown-renderer {\n background-color: var(--hover-background) !important;\n }\n\n label.label-is-floating.tp-yt-paper-dropdown-menu-light,\n #label.ytd-dropdown-item-renderer {\n color: var(--main-text) !important;\n }\n\n #input.tp-yt-paper-dropdown-menu-light {\n color: var(--dimmer-text) !important;\n }\n\n /*Playback*/\n .yt-help-icon {\n filter: invert(1);\n }\n\n .yt-uix-clickcard-card-content,\n .yt-uix-hovercard-card-content {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n .yt-uix-clickcard-card-border,\n .yt-uix-hovercard-card-border {\n border-color: var(--hover-background) !important;\n }\n\n .yt-uix-clickcard-card-flip .yt-uix-card-body-arrow-horizontal,\n .yt-uix-hovercard-card-flip .yt-uix-card-body-arrow-horizontal {\n border-right-color: var(--hover-background) !important;\n }\n\n .exp-kevlar-settings .account-page .yt-uix-button/*save buttons*/\n {\n background: var(--main-color) !important;\n border-color: var(--main-color) !important;\n color: var(--main-text) !important;\n opacity: .9;\n }\n\n .exp-kevlar-settings .account-page .yt-uix-button:hover {\n opacity: 1 !important;\n }\n\n /*Social*/\n .social-connector {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*TV*/\n .howto-circle {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n .howto-text {\n color: var(--dimmer-text) !important;\n }\n\n .remote-icon {\n filter: invert(1) brightness(200%);\n }\n\n h3.pairing-section-header {\n color: var(--main-text)\n }\n\n .yt-uix-form-input-select,\n .yt-uix-form-input-text,\n .yt-uix-form-input-textarea {\n border-color: var(--hover-background) !important;\n }\n\n #account-page-header-avatar.howto-promo-image {\n filter: invert(1) grayscale(1);\n }\n\n /*TV code*/\n .yt-uix-form-input-select,\n .yt-uix-form-input-text,\n .yt-uix-form-input-textarea {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*Footer*/\n body #footer-container {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n #footer-main/*divider*/\n {\n border-color: var(--hover-background) !important;\n }\n\n /*links*/\n #footer-links-primary a {\n color: var(--main-text) !important;\n }\n\n #footer-links-secondary a {\n color: var(--dimmer-text) !important;\n }\n\n #footer-links-primary a:hover,\n #footer-links-secondary a:hover {\n color: var(--main-color) !important;\n }\n\n /*buttons*/\n #footer .yt-uix-button-group .yt-uix-button,\n #footer .pickers li,\n #footer .footer-history,\n #footer #google-help {\n background: var(--second-background) !important;\n border-color: var(--second-background) !important;\n color: var(--main-text) !important;\n box-shadow: none !important;\n }\n\n .yt-uix-button-default.yt-uix-button-toggled:hover {\n box-shadow: none !important;\n }\n\n #footer .yt-uix-button-icon-footer-language,\n #footer .yt-uix-button-icon-footer-history,\n #footer .yt-uix-button-icon-questionmark {\n filter: invert(1);\n }\n\n .yt-uix-button-arrow {\n border-top-color: var(--main-text) !important;\n }\n\n #yt-picker-country-footer,\n #yt-picker-language-footer,\n #yt-picker-safetymode-footer {\n background: var(--second-background) !important;\n border-color: var(--second-background) !important;\n color: var(--main-text) !important;\n }\n\n /*Fix like, dislike and share icons and text using wrong color*/\n .yt-spec-button-shape-next__icon,\n .ytd-segmented-like-dislike-button-renderer > yt-button-shape > button > .yt-spec-button-shape-next--button-text-content,\n .ytd-menu-renderer > yt-button-shape > button > .yt-spec-button-shape-next--button-text-content,\n .yt-spec-button-shape-next > span#text {\n color: var(--main-text)\n }\n\n /*Player tooltip background*/\n .ytp-tooltip-text {\n background: var(--hover-background) !important\n }\n\n .yt-picker-header,\n #safety-form p.safety-submit/*divider*/\n {\n border-color: var(--hover-background) !important;\n }\n\n .yt-picker-header h3.yt,\n .yt-picker-content strong {\n color: var(--main-text) !important;\n }\n\n #yt-picker-country-footer .yt-default .yt-notes,\n p.yt-notes,\n #safety-mode-description li {\n color: var(--dimmer-text) !important;\n }\n\n #yt-picker-country-footer .yt-picker-content a,\n .yt-picker-content button {\n color: var(--main-color) !important;\n }\n\n #yt-picker-safetymode-footer button/*save*/\n {\n background: var(--main-color) !important;\n border-color: var(--main-color) !important;\n color: var(--main-text) !important;\n opacity: .9;\n }\n\n /*Notification buttom corner - for settings, watch later etc*/\n tp-yt-paper-toast {\n background: var(--hover-background) !important;\n color: var(--main-text) !important;\n box-shadow: var(--shadow) !important;\n }\n\n /*Topic auto-generated by youtube*/\n #auto-generated.ytd-interactive-tabbed-header-renderer,\n #metadata.ytd-interactive-tabbed-header-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Keyboard shortcuts Shift-/ */\n ytd-hotkey-dialog-renderer[dialog][dialog][dialog] {\n background-color: var(--main-background) !important;\n }\n\n ytd-hotkey-dialog-section-option-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*clip share*/\n .ytd-clip-section-renderer {\n background-color: var(--main-background) !important;\n }\n\n .yt-spec-button-shape-next[aria-label=\"Share clip\"] .yt-spec-button-shape-next--button-text-content .yt-core-attributed-string {\n color: var(--main-background) !important;\n }\n\n .yt-spec-button-shape-next[aria-label=\"Share clip\"] {\n background-color: var(--main-color) !important;\n }\n\n /*Watch on YouTube*/\n #offer-module .ytd-watch-next-secondary-results-renderer,\n #offer-module .ytd-tvfilm-offer-module-renderer {\n background-color: var(--second-background) !important;\n }\n\n /*SponsorBlock*/\n /*logo change*/\n #sponsorBlockPopupLogo,\n .sponsorSkipLogo {\n display: block !important;\n -moz-box-sizing: border-box !important;\n box-sizing: border-box !important;\n background: url(https://raw.githubusercontent.com/RaitaroH/YouTube-DeepDark/master/YT_Images/IconSponsorBlocker256px.png) top left no-repeat !important;\n background-size: 100% !important;\n position: relative !important;\n }\n\n #sponsorBlockPopupLogo {\n width: 40px !important;\n height: 40px !important;\n padding-left: 40px !important;\n }\n\n /*for overlays*/\n .sponsorSkipLogo {\n width: 18px !important;\n height: 18px !important;\n padding-left: 18px !important;\n }\n\n .sponsorBlockTooltip {\n background-color: var(--hover-background) !important;\n }\n}\n\n@-moz-document url-prefix('https://www.youtube.com/redirect') {\n /*Are you sure you want to leave YouTube? redirect*/\n /*seems like youtube will never update this page so, yeah*/\n #invalid-token-redirect-warning-text/*h1*/\n {\n color: var(--main-text) !important;\n }\n\n /*span*/\n #redirect-main-text {\n color: var(--dimmer-text) !important;\n }\n\n #redirect-main-text .bolded {\n color: var(--main-color);\n }\n\n /*search*/\n #masthead-search-terms-border {\n border-color: var(--hover-background) !important;\n background-color: var(--hover-background) !important;\n box-shadow: var(--shadow) !important;\n }\n\n #masthead-search-terms {\n color: var(--main-text);\n }\n\n .search-button {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n /*🔍 is missing, nice*/\n .search-button-content {\n background: no-repeat url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNy4zOTE3IDE2LjgwODNMMTIuNzMzMyAxMi4xNUMxMy42MjUgMTEuMTI1IDE0LjE2NjcgOS43OTE2NyAxNC4xNjY3IDguMzMzMzNDMTQuMTY2NyA1LjEwODMzIDExLjU1ODMgMi41IDguMzMzMzMgMi41QzUuMTA4MzMgMi41IDIuNSA1LjEwODMzIDIuNSA4LjMzMzMzQzIuNSAxMS41NTgzIDUuMTA4MzMgMTQuMTY2NyA4LjMzMzMzIDE0LjE2NjdDOS43OTE2NyAxNC4xNjY3IDExLjEyNSAxMy42MjUgMTIuMTUgMTIuNzQxN0wxNi44MDgzIDE3LjRMMTcuMzkxNyAxNi44MDgzWk04LjMzMzMzIDEzLjMzMzNDNS41NzUgMTMuMzMzMyAzLjMzMzMzIDExLjA5MTcgMy4zMzMzMyA4LjMzMzMzQzMuMzMzMzMgNS41NzUgNS41NzUgMy4zMzMzMyA4LjMzMzMzIDMuMzMzMzNDMTEuMDkxNyAzLjMzMzMzIDEzLjMzMzMgNS41NzUgMTMuMzMzMyA4LjMzMzMzQzEzLjMzMzMgMTEuMDkxNyAxMS4wOTE3IDEzLjMzMzMgOC4zMzMzMyAxMy4zMzMzWiIgZmlsbD0iIzAzMDMwMyIvPjwvc3ZnPg==\") !important;\n filter: invert(1);\n }\n\n #redirect-backto-safety-button:hover {\n color: var(--main-text) !important;\n }\n\n /*logo icon is also missing, but this __should__ change in the future*/\n .logo {\n background: no-repeat url(\"https://raw.githubusercontent.com/RaitaroH/YouTube-DeepDark/master/YT_Images/Logo.png\") !important;\n background-size: 70% !important;\n padding: 10px;\n width: 120px !important;\n height: 33px !important;\n box-sizing: border-box !important;\n position: relative;\n right: -30px;\n }\n\n #logo-container .content-region {\n color: var(--main-text) !important;\n }\n}", - "usercssData": { - "name": "YouTube Catppuccin-Macchiato", - "namespace": "github.com/catppuccin/YouTube", - "homepageURL": "https://github.com/catppuccin/YouTube", - "version": "2.0.2", - "updateURL": "https://github.com/catppuccin/YouTube/raw/main/src/YouTubeCatppuccinMacchiato.user.css", - "description": "Soothing pastel theme for YouTube", - "author": "isabelroses", - "license": "GNU-V3.0", - "preprocessor": "stylus", - "vars": { - "stylus-ctp-style": { - "type": "select", - "label": "Preset themes", - "name": "stylus-ctp-style", - "value": "Catppuccin-Macchiato-Lavender", - "default": "Catppuccin-Macchiato-Green", - "options": [ - { - "name": "Catppuccin-Macchiato-Green", - "label": "Catppuccin-Macchiato-Green", - "value": "Catppuccin-Macchiato-Green" - }, - { - "name": "Catppuccin-Macchiato-Flamingo", - "label": "Catppuccin-Macchiato-Flamingo", - "value": "Catppuccin-Macchiato-Flamingo" - }, - { - "name": "Catppuccin-Macchiato-Mauve", - "label": "Catppuccin-Macchiato-Mauve", - "value": "Catppuccin-Macchiato-Mauve" - }, - { - "name": "Catppuccin-Macchiato-Pink", - "label": "Catppuccin-Macchiato-Pink", - "value": "Catppuccin-Macchiato-Pink" - }, - { - "name": "Catppuccin-Macchiato-Lavender", - "label": "Catppuccin-Macchiato-Lavender", - "value": "Catppuccin-Macchiato-Lavender" - }, - { - "name": "Catppuccin-Macchiato-Red", - "label": "Catppuccin-Macchiato-Red", - "value": "Catppuccin-Macchiato-Red" - }, - { - "name": "Catppuccin-Macchiato-Peach", - "label": "Catppuccin-Macchiato-Peach", - "value": "Catppuccin-Macchiato-Peach" - }, - { - "name": "Catppuccin-Macchiato-Yellow", - "label": "Catppuccin-Macchiato-Yellow", - "value": "Catppuccin-Macchiato-Yellow" - }, - { - "name": "Catppuccin-Macchiato-Teal", - "label": "Catppuccin-Macchiato-Teal", - "value": "Catppuccin-Macchiato-Teal" - }, - { - "name": "Catppuccin-Macchiato-Blue", - "label": "Catppuccin-Macchiato-Blue", - "value": "Catppuccin-Macchiato-Blue" - }, - { - "name": "Catppuccin-Macchiato-Sky", - "label": "Catppuccin-Macchiato-Sky", - "value": "Catppuccin-Macchiato-Sky" - }, - { - "name": "Catppuccin-Macchiato-Maroon", - "label": "Catppuccin-Macchiato-Maroon", - "value": "Catppuccin-Macchiato-Maroon" - }, - { - "name": "Catppuccin-Macchiato-Sapphire", - "label": "Catppuccin-Macchiato-Sapphire", - "value": "Catppuccin-Macchiato-Sapphire" - }, - { - "name": "Catppuccin-Macchiato-Rosewater", - "label": "Catppuccin-Macchiato-Rosewater", - "value": "Catppuccin-Macchiato-Rosewater" - }, - { - "name": "Custom", - "label": "Custom", - "value": "Custom" - } - ] - }, - "join-color": { - "type": "checkbox", - "label": "Use dark join button", - "name": "join-color", - "value": "1", - "default": "0", - "options": null - }, - "subscribe-color": { - "type": "checkbox", - "label": "Use dark subscribe button", - "name": "subscribe-color", - "value": "1", - "default": "0", - "options": null - }, - "scrollbar_width": { - "type": "text", - "label": "Scrollbar width", - "name": "scrollbar_width", - "value": null, - "default": "6px", - "options": null - }, - "scrollbar_track": { - "type": "color", - "label": "Scrollbar background", - "name": "scrollbar_track", - "value": null, - "default": "rgba(0, 0, 0, 0)", - "options": null - }, - "mainColor": { - "type": "color", - "label": "Custom main color", - "name": "mainColor", - "value": null, - "default": "#8aadf4", - "options": null - }, - "mainBackground": { - "type": "color", - "label": "Custom main background", - "name": "mainBackground", - "value": null, - "default": "#24273a", - "options": null - }, - "secondBackground": { - "type": "color", - "label": "Custom second background", - "name": "secondBackground", - "value": null, - "default": "#1e2030", - "options": null - }, - "playerBackground": { - "type": "color", - "label": "Custom player background", - "name": "playerBackground", - "value": null, - "default": "#181926", - "options": null - }, - "hoverBackground": { - "type": "color", - "label": "Custom hover background", - "name": "hoverBackground", - "value": null, - "default": "#363a4f", - "options": null - }, - "mainText": { - "type": "color", - "label": "Custom main text", - "name": "mainText", - "value": null, - "default": "#cad3f5", - "options": null - }, - "dimmerText": { - "type": "color", - "label": "Custom second text", - "name": "dimmerText", - "value": null, - "default": "#939ab7", - "options": null - }, - "colorShadow": { - "type": "color", - "label": "Custom shadow color", - "name": "colorShadow", - "value": null, - "default": "rgba(56, 60, 74, .3)", - "options": null - } - } - }, - "author": "isabelroses", - "description": "Soothing pastel theme for YouTube", - "name": "YouTube Catppuccin-Macchiato", - "originalDigest": "07a026e4afcdd694ae05b115160091bf0424aaba", - "_id": "875347fb-849a-4082-bca6-2eaccab5a431", - "_rev": 1687040421616, - "id": 26 - }, - { - "enabled": true, - "updateUrl": "https://userstyles.world/api/style/7270.user.css", - "url": "https://userstyles.world/style/7270", - "installDate": 1678725580390, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name catppuccin-macchiato-wikiwand\n@namespace catppuccin-macchiato-wikiwand\n@author tnixc\n@description Soothing pastel theme for wikiwand\n@version 1.0\n@license MIT\n@preprocessor uso\n==/UserStyle== */\n/* ---------- Catppuccin-macchiato-wikiwand ---------- */\n/* ---------- v1.0 / 12-11-2022 ---------- */\n/* by tnixc */\n@namespace url(http://www.w3.org/1999/xhtml);\n\n@-moz-document domain(\"wikiwand.com\") {\n/* ============= UNIFORM BACKGROUND COLORS ============= */\n/* ============= UNIFORM BACKGROUND COLORS ============= */\n:root {\n\t--rosewater: #f4dbd6;\n\t--flamingo: #f0c6c6;\n\t--pink: #f5bde6;\n\t--mauve: #c6a0f6;\n\t--red: #ed8796;\n\t--maroon: #ee99a0;\n\t--peach: #f5a97f;\n\t--yellow: #eed49f;\n\t--green: #a6da95;\n\t--teal: #8bd5ca;\n\t--sky: #91d7e3;\n\t--sapphire: #7dc4e4;\n\t--blue: #87b0f9;\n\t--lavender: #b7bdf8;\n\t--text: #cad3f5;\n\t--subtext1: #b3bcdf;\n\t--subtext0: #a1a8c9;\n\t--overlay2: #8e95b3;\n\t--overlay1: #7b819d;\n\t--overlay0: #696d86;\n\t--surface2: #565970;\n\t--surface1: #43465a;\n\t--surface0: #363a4f;\n\t--base: #24273a;\n\t--mantle: #1e2030;\n\t--crust: #181926;\n\t--accent: var(--lavender);\n}\n.root_dark__oGh5X {\n\t--color-bg: var(--base);\n\t--color-text: var(--text);\n\t--color-grey: var(--subtext0);\n\t--color-table: var(--surface0);\n\t--color-table-border: var(--surface0);\n\t--color-link: var(--accent);\n\t--toc-bg: var(--mantle);\n\t--toc-text: var(--text);\n\t--toc-border: var(--crust);\n\t--tag-bg: var(--surface0);\n\t--tag-text: var(--overlay1);\n\t--navbar-bg: var(--crust);\n\t--navbar-border: var(--mantle);\n\t--navbar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2),\n\t0px 5px 10px rgba(0, 0, 0, 0.3);\n}\n.popover_arrow__pQSsX::before {\n\tbackground-color: var(--surface1);\n\tborder: 1px solid var(--surface2);\n}\n*[class*=\"dropdown_item\"] {\n\tcolor: var(--text);\n}\n.popover_popover__jgyGp {\n\tbackground-color: var(--surface1);\n\tborder: 1px solid var(--surface2);\n\tborder-radius: 0.625em;\n\tbox-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);\n}\n.draggable_wrapper__YB014 {\n\tbackground-color: var(--surface1);\n\tborder: 1px solid var(--surface0);\n\tbox-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.3);\n\tcolor: var(--text);\n}\n.checkbox_checkbox__uXwIZ {\n\twidth: 1.125em;\n\theight: 1.125em;\n\tborder-radius: 0.125em;\n\tborder: 1px solid var(--surface1);\n\tbackground-color: var(--surface2);\n\tposition: relative;\n}\n.checkbox_checkbox__uXwIZ::before {\n\tbackground-color: var(--accent);\n}\nsvg.audio_icon__eZ5Bx {\n\tcolor: var(--text);\n}\n.checkbox_label__V5gon,\n.audio_select__kmOPL {\n\tcolor: var(--subtext0) !important;\n}\n.draggable_header__bfxdq {\n\tborder: 1px solid var(--surface1) !important;\n}\n.footer_donation__Cje_Q {\n\tdisplay: none !important;\n}\n.dropdown_content__4NAxl {\n\tbackground-color: var(--surface1);\n\tborder: 1px solid var(--surface2);\n}\np.settings_setLabel__NrVBx:nth-child(3),\narticle.settings_section__vRaq_:nth-child(1) {\n\tcolor: var(--text);\n}\n.toggle_label__y7mDQ {\n\tcolor: var(--text);\n}\n.toggle_bg__Qn4Oc {\n\tbackground-color: var(--accent);\n}\n.toggle_label__y7mDQ.toggle_active__l_k3F {\n\tcolor: var(--base);\n}\n.toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover {\n\tcolor: var(--accent);\n}\n.themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n.themeBtn_wrapper__KTkHk:hover {\n\tcolor: var(--accent);\n}\n.themeBtn_label__GyvdH {\n\tcolor: var(--subtext1);\n}\n.toggle_toggle__jzkKG {\n\tbackground-color: var(--surface2);\n}\n.settings_reset__GO2x4 {\n\tborder-top: 1px solid var(--surface2);\n}\n.settings_resetBtn__3yLrG {\n\tcolor: var(--text);\n}\n.settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover {\n\tcolor: var(--red);\n}\n.themeBtn_label__GyvdH span {\n\tbackground-color: var(--surface2);\n\tborder: 1px solid var(--surface2);\n}\n.themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I .themeBtn_demoWrapper__fdi7G {\n\tborder: 1px solid var(--accent) !important;\n}\ndiv.themeBtn_wrapper__KTkHk:nth-child(3) > p:nth-child(2) > span:nth-child(1)::before {\n\tbackground-color: var(--accent);\n}\n.item_item__uLhiz.item_active__4kaIV {\n\tcolor: var(--accent);\n}\n.item_item__uLhiz.item_active__4kaIV,\n.item_item__uLhiz:hover {\n\tbackground-color: var(--surface2);\n}\n.languages_wrapper__1Ad3R {\n\tcolor: var(--subtext1);\n}\n.input_input__uGeT_ {\n\tcolor: var(--text);\n\tbackground-color: var(--overlay0);\n\tborder-radius: 4px;\n}\n.input_wrapper__aeypb {\n\tborder: none !important;\n}\n.action_action___vLQg {\n\tcolor: var(--accent);\n}\n.share_btn__9IJpe {\n\tcolor: var(--text);\n\tbackground-color: var(--surface2);\n\tborder: var(--surface2);\n}\n.share_btn__9IJpe span {\n\tcolor: var(--text);\n}\n.footer_socialWrapper__R1iSQ *:hover,\n.footer_link__TA4rr:hover {\n\tcolor: var(--accent);\n}\n.list_wrapper__TYM2l,\n.input_wrapper__aeypb {\n\tbackground-color: var(--surface1);\n\tcolor: var(--text);\n}\n.input_wrapper__aeypb * {\n\tcolor: var(--text);\n}\n.list_item_VVizU:hover {\n\tbackground-color: var(--surface2) !important;\n}\n.search_header__gqnk7.search_article__L3Khv {\n\tbackground: transparent;\n}\n.item_item__jj0Ue {\n\tcolor: var(--text);\n}\n.item_item__jj0Ue:hover {\n\tbackground-color: var(--surface2) !important;\n\tborder-color: var(--accent);\n}\n.modal_header__t094_ {\n\tborder-color: var(--surface1);\n\tcolor: var(--text);\n}\n.list_item__VVizU.list_active__ahAYX,\n.list_item__VVizU:hover {\n\tbackground-color: var(--surface2);\n}\n.button_btn__ln0Hv {\n\tcolor: var(--accent);\n\tbackground-color: var(--surface0);\n}\n\n.navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_icons__tirr9,\n.navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_toc__iPfvP,\n.navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_icons__tirr9,\n.navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_toc__iPfvP {\n\tbackground-color: var(--surface1);\n\tcolor: var(--text);\n}\n.tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n.tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > * {\n\tbackground-color: var(--crust) !important;\n}\n.dropdown_item__yrn67:hover {\n\tbackground-color: var(--surface2);\n\tcolor: var(--accent);\n\tborder-color: var(--accent) !important;\n}\n.audio_dot__jeWOr.audio_active__li6PM {\n\tbackground-color: var(--accent);\n}\n.audio_dot__jeWOr {\n\tbackground-color: var(--surface2);\n\tbox-shadow: 6.666px 0 0 0px var(--surface2);\n\tborder-radius: 0px;\n\tborder: 1px solid var(--surface2) !important;\n}\n.gallery_icon__7LOBi {\n\tbackground-color: var(--surface2);\n\tcolor: var(--subtext1);\n}\n.gallery_disable__1QuKw {\n\tbackground-color: var(--surface0);\n}\n.gallery_icon__7LOBi:hover {\n\tbackground-color: var(--overlay0);\n\tcolor: var(--accent);\n}\n.gallery_nav__BEeM3 {\n\tbackground-color: var(--base);\n}\n.image_wrapper__Dq3Jq {\n\tbackground-color: var(--crust);\n}\n.stage_caption__BvSjQ {\n\tcolor: var(--subtext0);\n}\n.gallery_wrapper__1a7bM,\n.thumbnails_wrapper__1Q5be {\n\tbackground-color: var(--mantle) !important;\n}\n.thumbnails_thumbnail__H4tNf {\n\tbackground-color: #fafafa;\n\tborder-radius: 4px;\n\tpadding: 4px;\n}\n\n.list_loading__j43_R {\n\tcolor: var(--accent);\n}\n.info_wrapper__HpdJH,\n.info_arrow__ehjUI {\n\tbackground-color: var(--surface1);\n\tborder-color: var(--surface1);\n}\n\n.info_wrapper__HpdJH::after {\n\tbackground: linear-gradient( 180deg,\n\thsla(0, 0%, 98%, 0),\n\tvar(--surface1) 90%);\n}\n.list_item__VVizU.list_active__ahAYX {\n\tcolor: var(--accent);\n}\n.item_star__arENF {\n\tcolor: var(--subtext1);\n}\n.item_star__arENF.item_active__4kaIV {\n\tcolor: var(--yellow);\n}\n.action_action___vLQg.action_remove__z6g_k {\n\tcolor: var(--text);\n}\n.action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k {\n\tcolor: var(--accent);\n}\n.item_remove__f1A5k {\n\tbackground-color: var(--surface1);\n}\n.item_remove__f1A5k span,\n.item_remove__f1A5k svg {\n\tcolor: var(--red);\n}\ncaption {\n\tbackground-color: var(--surface0) !important;\n\tborder-color: var(--surface0) !important;\n}\n.summary_wordtuneWrapper__21QxG > img:nth-child(2) {\n\tbackground-color: var(--accent);\n}\ncode > a {\n\tcolor: var(--accent) !important;\n}\ntable * {\n\tbackground-color: var(--surface0) !important;\n\tcolor: var(--text) !important;\n\tborder-color: var(--surface2) !important;\n}\ntable {\n\tbackground-color: var(--surface0) !important;\n\tborder: none !important;\n}\na.wl {\n\tcolor: var(--accent) !important;\n}\n.summary_footer__Lk6z7 > span:nth-child(1),\nsvg.icon_icon__0vohI,\n.icon_icon__0vohI.input_icon__He3sV,\nsvg.icon_icon__0vohI:nth-child(2) > use:nth-child(1) {\n\tcolor: var(--accent);\n\tfill: var(--accent);\n}\n}", - "usercssData": { - "name": "catppuccin-macchiato-wikiwand", - "namespace": "catppuccin-macchiato-wikiwand", - "author": "tnixc", - "description": "Soothing pastel theme for wikiwand", - "version": "1.0", - "license": "MIT", - "preprocessor": "uso" - }, - "author": "tnixc", - "description": "Soothing pastel theme for wikiwand", - "name": "catppuccin-macchiato-wikiwand", - "originalDigest": "e82115439480a29ba075261d5188b4c4d426c55d", - "_id": "58857372-95ea-4d1b-86ad-e59023e539db", - "_rev": 1679352152887, - "installationUrl": "https://userstyles.world/style/7270", - "id": 27, - "updateDate": 1679352152887 - }, - { - "enabled": true, - "updateUrl": "https://raw.githubusercontent.com/catppuccin/modrinth/main/src/ModrinthCatppuccin.user.css", - "installDate": 1678725902879, - "sections": [ - { - "code": "" - } - ], - "sourceCode": " /* ==UserStyle==\n@name Modrinth Catppuccin\n@namespace github.com/catppuccin/modrinth\n@version 1.1.1\n@description Soothing pastel theme for Modrinth\n@author Catppuccin\n@preprocessor less\n@var select lightTheme \"Light Theme\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkTheme \"Dark Theme\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColour \"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:Grey\"]\n==/UserStyle== */\n @-moz-document domain(\"modrinth.com\") {\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 @shadow: #dbdfef;\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 @shadow: #010409;\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 @shadow: #010409;\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 @shadow: #010409;\n }\n }\n\n .light-mode {\n #catppuccin(@lightTheme, @accentColour);\n }\n\n .dark-mode {\n #catppuccin(@darkTheme, @accentColour);\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 @shadow: @catppuccin[@@lookup][@shadow];\n @accent-colour: @catppuccin[@@lookup][@@accent];\n\n & {\n --color-bg: @crust;\n --color-ad-raised: @surface2;\n --color-ad: @surface1;\n --color-brand-green: @accent-colour;\n --color-button-bg-active: @overlay0;\n --color-button-bg-hover: @surface2;\n --color-button-bg: @surface1;\n --color-button-text-hover: @text;\n --color-button-text: @subtext1;\n --color-divider: @surface0;\n --color-heading: @yellow;\n --color-icon: @text;\n --color-link-active: @teal;\n --color-link-hover: @sky;\n --color-link: @sapphire;\n --color-raised-bg: @base;\n --color-special-blue: @sapphire;\n --color-special-orange: @peach;\n --color-special-purple: @mauve;\n --color-special-red: @red;\n --color-text: @subtext1;\n --color-text-inactive: @overlay1;\n --color-brand-inverted: @shadow;\n --color-text-dark: @text;\n --color-table-alternate-row: @crust;\n --color-table-border: @overlay0;\n }\n }\n }", - "usercssData": { - "name": "Modrinth Catppuccin", - "namespace": "github.com/catppuccin/modrinth", - "version": "1.1.1", - "description": "Soothing pastel theme for Modrinth", - "author": "Catppuccin", - "preprocessor": "less", - "vars": { - "lightTheme": { - "type": "select", - "label": "Light Theme", - "name": "lightTheme", - "value": "macchiato", - "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" - } - ] - }, - "darkTheme": { - "type": "select", - "label": "Dark Theme", - "name": "darkTheme", - "value": "macchiato", - "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" - } - ] - }, - "accentColour": { - "type": "select", - "label": "Accent", - "name": "accentColour", - "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": "Grey", - "value": "subtext0" - } - ] - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for Modrinth", - "name": "Modrinth Catppuccin", - "originalDigest": "47b6399fde5083bdc45dd3d6d97a6c65b2917652", - "_id": "89f13083-8dac-466c-9181-d11fd4f4423c", - "_rev": 1682923848137, - "id": 28 - }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/stylus/raw/main/src/catppuccin.user.css", - "url": "https://github.com/catppuccin/stylus", - "installDate": 1683819428715, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/stylus\n@homepageURL https://github.com/catppuccin/stylus\n@version 1.0.5\n@description Soothing pastel theme for Stylus\n@author Catppuccin - mustafakhalaf-git\n@preprocessor less\n@updateURL https://github.com/catppuccin/stylus/raw/main/src/catppuccin.user.css\n@license MIT\n\n@var select theme \"Theme\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n==/UserStyle== */\n\n@-moz-document domain(\"ae003653-e916-46f9-a68c-51350e5820fa\"), domain(clngdbkpkpeebahjckkjfobafhncgmne) {\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 @teala: rgba(23, 146, 153, 0.25);\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 @teala: rgba(129, 200, 190, 0.25);\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 @teala: rgba(139, 213, 202, 0.25);\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 @teala: rgba(148, 226, 213, 0.25);\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 :root {\n #catppuccin(@theme);\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 @teala: @catppuccin[@@lookup][@teala];\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 &:root {\n --bg: @base;\n --fg: @text;\n --c30: @subtext1;\n --c40: @overlay0;\n --c45: @surface2;\n --c50: @subtext0;\n --c60: @subtext0;\n --c65: @surface2; \n --c75: @overlay1;\n --c80: @surface1;\n --c85: @surface0;\n --c95: @mantle;\n --accent-1: @sky;\n --accent-2: @teal;\n --accent-3: @teal;\n }\n\n .active #filters-stats {\n background-color: @teal;\n border-color: @teal;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #filters label:hover, #filters .filter-selection:hover {\n background-color: @surface0;\n }\n .oldUI .disabled h2::after, .entry.usercss .style-name-link::after {\n background-color: @teala;\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n .cm-s-default .cm-string {\n color: @peach;\n }\n .cm-s-default .cm-qualifier {\n color: @peach;\n }\n .cm-s-default .cm-variable-2 {\n color: @sapphire;\n }\n .cm-s-default .cm-keyword {\n color: @mauve;\n }\n .cm-s-default .cm-atom, .cm-s-default .cm-number {\n color: @green\n }\n .cm-s-default .cm-def {\n color: @sapphire;\n }\n .cm-s-default .cm-tag {\n color: @sapphire;\n }\n .cm-s-default .cm-builtin {\n color: @subtext1;\n }\n .cm-s-default .cm-variable-3 {\n color: @subtext1;\n }\n .cm-s-default .cm-comment {\n color: @subtext0;\n }\n .cm-s-default .cm-operator {\n color: @yellow;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n button:disabled, select:disabled, option:disabled, select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input, .applies-to select {\n background: @base;\n border: 1px solid @surface0;\n color: @subtext0;\n }\n button {\n color: @text !important;\n background: @mantle !important;\n }\n #message-box-title {\n color: @base\n }\n .svg-icon:hover {\n fill: @overlay1;\n }\n .svg-icon {\n fill: @overlay0;\n }\n .onoffswitch input:checked + span {\n background-color: @teala\n }\n .onoffswitch input:checked + span::before {\n background-color: @teal;\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @teal !important;\n }\n .installed .configure-usercss svg {\n fill: @teal !important;\n }\n .installed .configure-usercss:hover svg {\n fill: @teal !important;\n }\n }\n}\n", - "usercssData": { - "name": "Stylus Catppuccin", - "namespace": "github.com/catppuccin/stylus", - "homepageURL": "https://github.com/catppuccin/stylus", - "version": "1.0.5", - "description": "Soothing pastel theme for Stylus", - "author": "Catppuccin - mustafakhalaf-git", - "preprocessor": "less", - "updateURL": "https://github.com/catppuccin/stylus/raw/main/src/catppuccin.user.css", - "license": "MIT", - "vars": { - "theme": { - "type": "select", - "label": "Theme", - "name": "theme", - "value": "macchiato", - "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" - } - ] - } - } - }, - "author": "Catppuccin - mustafakhalaf-git", - "description": "Soothing pastel theme for Stylus", - "name": "Stylus Catppuccin", - "originalDigest": "f7f0405122afe78dc5006d1f28f1ba30bf7963c5", - "_id": "7326d2e9-57d8-462b-a52e-d85ccc1aa473", - "_rev": 1683819484849, - "id": 31, - "preferScheme": "none" - }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/ecosia/raw/main/dist/catppuccin.user.css", - "url": "https://github.com/catppuccin/mastodon", - "installDate": 1684062229170, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n\n@name Ecosia Catppuccin\n@namespace github.com/catppuccin/mastodon\n@homepageURL https://github.com/catppuccin/mastodon\n@version 0.1.0\n@description Soothing pastel theme for Ecosia\n@author Catppuccin\n@updateURL https://github.com/catppuccin/ecosia/raw/main/dist/catppuccin.user.css\n@preprocessor less\n@var select lightTheme \"Light Flavour\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkTheme \"Dark Flavour\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColour \"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:Grey\"]\n\n==/UserStyle== */\n@-moz-document domain(\"ecosia.org\") {\n\n :root {\n #catppuccin(@lightTheme, @accentColour);\n }\n\n .dark {\n #catppuccin(@darkTheme, @accentColour);\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\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\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\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 #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-colour: @catppuccin[@@lookup][@@accent];\n\n /* general */\n --color-brand-primary: @accent-colour !important;\n --color-brand-secondary: @crust !important;\n --color-error: @red !important;\n --color-success: @green !important;\n --color-disabled: @overlay1 !important;\n --color-button-background-primary: @accent-colour !important;\n --color-button-background-primary-active: @accent-colour !important;\n --color-button-background-primary-hover: @accent-colour;\n --color-button-background-secondary: @surface0 !important;\n --color-button-background-secondary-active: @surface2 !important;\n --color-button-background-secondary-hover: @surface1 !important;\n --color-button-content-primary: @base !important;\n --color-button-content-secondary: @text !important;\n --color-button-content-tertiary: @accent-colour !important;\n --color-button-border: @surface0 !important;\n --color-button-background-transparent-hover: @surface1;\n --color-button-background-transparent-active: @surface2;\n --color-background-primary: @base !important;\n --color-background-secondary: @crust !important;\n --color-background-tertiary: @mantle !important;\n --color-background-quaternary: @surface0;\n --color-background-elevation-1: @mantle !important;\n --color-highlighter: @surface0 !important;\n --color-highlight-primary: @surface0 !important;\n --color-overlay-primary: @overlay0 !important;\n --color-overlay-secondary: @overlay1 !important;\n --color-text-primary: @text !important;\n --color-text-secondary: @subtext0 !important;\n --color-text-tertiary: @text !important;\n --color-link-primary: @sapphire !important;\n --color-link-secondary: @sky !important;\n --color-url: @sapphire !important;\n --color-link-results-default: @sapphire !important;\n --color-link-results-visited: @teal !important;\n --color-decorative-icon: @accent-colour !important;\n --color-elevation-layer-1: @surface1;\n --color-elevation-layer-2: @surface2;\n --color-decorative-border-1: @surface1 !important;\n --color-focused: @accent-colour !important;\n --color-form-border-default: @surface0 !important;\n --color-form-border-hover: @surface1 !important;\n --color-form-border-primary-active: @accent-colour !important;\n --color-tripadvisor-rating: @subtext0 !important;\n --color-tree-counter-tree-tall: @yellow !important;\n --color-green-leaf-icon-color-top: @green !important;\n --color-green-leaf-icon-color-bottom: @green !important;\n --color-fossil-fuel-icon-color-top: @flamingo !important;\n --color-fossil-fuel-icon-color-bottom: @maroon !important;\n\n /* seach page */\n --color-above-fold-background: @surface0 !important;\n --color-above-fold-background-addon: @overlay1 !important;\n --color-above-fold-text: @text !important;\n --color-section-wrapper-background-gray: @surface1 !important;\n --color-section-wrapper-background-dark-green: @surface0 !important;\n --color-section-wrapper-background-light-green: @surface0 !important;\n --color-section-header-title: @text !important;\n --color-projects-title: @text !important;\n --color-projects-description: @surface1;\n --color-financial-report-total-background: @surface0 !important;\n --color-financial-report-total-text: @text !important;\n --color-forest-background-addon: @surface1 !important;\n --color-forest-background-secondary: @surface0 !important;\n --color-before-after-text: @text !important;\n }\n}", - "usercssData": { - "name": "Ecosia Catppuccin", - "namespace": "github.com/catppuccin/mastodon", - "homepageURL": "https://github.com/catppuccin/mastodon", - "version": "0.1.0", - "description": "Soothing pastel theme for Ecosia", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/ecosia/raw/main/dist/catppuccin.user.css", - "preprocessor": "less", - "vars": { - "lightTheme": { - "type": "select", - "label": "Light Flavour", - "name": "lightTheme", - "value": "macchiato", - "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" - } - ] - }, - "darkTheme": { - "type": "select", - "label": "Dark Flavour", - "name": "darkTheme", - "value": "macchiato", - "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" - } - ] - }, - "accentColour": { - "type": "select", - "label": "Accent", - "name": "accentColour", - "value": "lavender", - "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": "Grey", - "value": "subtext0" - } - ] - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for Ecosia", - "name": "Ecosia Catppuccin", - "originalDigest": "825583653b12338dbb1521be5924919b4e501cbf", - "_id": "9b5e4203-4cfd-43db-a56a-bc3b75b105f2", - "_rev": 1684062229170, - "id": 32 - }, - { - "enabled": true, + "enabled": false, "installDate": 1684682185389, "sections": [ { @@ -2183,7 +240,7 @@ "name": "twitter.com - 5/21/2023, 5:15:08 PM", "updateDate": 1684682341055, "_id": "6e371880-1d6c-407c-8fef-c2e67bb2a67f", - "_rev": 1684682770660, + "_rev": 1690803838071, "id": 33 }, { @@ -2325,6 +382,2990 @@ "originalDigest": "2c8f106d5677ba960f006f0e12a54dfe18ef5e18", "_id": "f31395a6-5945-40e7-8263-583009812a5e", "_rev": 1689350221716, - "id": 34 + "id": 34, + "etag": "W/\"77c73abc104b563acaed7264a9966a5598b793a9b3e5f77b74cb39b9a57e1883\"" + }, + { + "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": 1690105698123, + "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": "lavender", + "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": "eeb65f49-e097-4314-abec-019fee34aac9", + "_rev": 1690535127930, + "id": 35, + "etag": "W/\"092986010d80be33634a0f16a01e1ca45b2ad58d1b289b6f5a9a2efd79e267fc\"", + "updateDate": 1690535120763 + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css", + "installDate": 1690105710610, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Vercel Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/vercel\n@version 0.0.4\n@description Soothing pastel theme for Vercel\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css\n@license \t\t MIT\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"vercel.com\") {\n :root {\n #catppuccin(@flavor);\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 #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 --geist-foreground: @text;\n --geist-background: @mantle;\n --accents-1: @base;\n --accents-2: @surface0;\n --accents-3: @surface1;\n --accents-4: @surface2;\n --accents-5: @overlay0;\n --accents-6: @overlay1;\n --accents-7: @overlay2;\n --accents-8: @subtext0;\n --geist-link-color: @rosewater;\n --geist-selection: @subtext0;\n --geist-success: @blue;\n --geist-error: @red;\n --geist-cyan: @teal;\n\n --ds-background-100: @base;\n --ds-background-200: @surface0;\n --ds-gray-100: @base;\n --ds-gray-200: @surface0;\n --ds-gray-300: @surface1;\n --ds-gray-1000: @text;\n --ds-gray-900: @subtext0;\n --ds-gray-800: @subtext1;\n\n --ds-red-800: @red;\n --ds-red-900: lighten(@red, 5%);\n\n svg {\n --geist-stroke: var(--geist-background) !important;\n }\n }\n}\n", + "usercssData": { + "name": "Vercel Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/vercel", + "version": "0.0.4", + "description": "Soothing pastel theme for Vercel", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "flavor": { + "type": "select", + "label": "Flavor", + "name": "flavor", + "value": "macchiato", + "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 Vercel", + "name": "Vercel Catppuccin", + "originalDigest": "f20c78dad4b3c6fe49dafa27739b1bf761223e02", + "_id": "ba326868-a3fe-430c-97fb-82968a9de57d", + "_rev": 1690105710610, + "id": 36, + "etag": "W/\"c8fd19307c7a1cba1a895dfdb6842431ab77ca842593f5250a387dc00ab12f5f\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web", + "installDate": 1690105741590, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name WhatsApp Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/whatsapp-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web\n@version 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\n@description Soothing pastel theme for WhatsApp Web\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"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:Grey\"]\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */\n@-moz-document domain(\"web.whatsapp.com\") {\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 :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n @color: red;\n #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\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 .dark {\n .landing-wrapper-before {\n background-color: @accent-color !important;\n }\n\n /* STATUS PAGE */\n --status-background: @base !important;\n .bfsx6evv {\n background-color: @mantle !important;\n }\n\n --modal-backdrop-solid: @base !important;\n\n /* join group pop up */\n --modal-background: @base !important;\n\n /* startup progress */\n --progress-primary: @accent-color !important;\n --progress-background: @surface1 !important;\n --startup-background: @base !important;\n --startup-background-rgb: #rgbify(@base) [];\n /* home page, no chat selected */\n --intro-background: @base !important;\n --intro-border: @accent-color !important;\n /* general background */\n --app-background: @base !important;\n\n /* CHAT LIST */\n /* chat list background */\n --background-default: @base !important;\n /* chat list header */\n --panel-header-background: @mantle !important;\n /* icons */\n --panel-header-icon: @text !important;\n /* other warnings (notifications) */\n --butterbar-default-background: @mantle !important;\n --butterbar-notification-icon: @sky !important;\n /* loading messages warning */\n --butterbar-green-nux-background: @mantle !important;\n /* update available warning */\n --butterbar-update-background: @mantle !important;\n --butterbar-update-icon: @accent-color !important;\n /* chat list search bar */\n --search-container-background: @base !important;\n --search-input-container-background: @base !important;\n --search-input-background: @surface0 !important;\n --search-input-container-background-active: @mantle !important;\n --icon-search-back: @accent-color !important;\n /* archive icon */\n --icon-bright-highlight: @accent-color !important;\n /* archived unread marker */\n --unread-marker-background: @accent-color !important;\n --unread-timestamp: @accent-color !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: @crust !important;\n /* unread voice message */\n --ptt-green: @green !important;\n /* read voice message */\n --ptt-blue: @blue !important;\n /* pinned chat icon */\n --icon-pinned: @accent-color !important;\n /* last message in selected chat */\n --secondary-stronger: @subtext1 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: @surface1 !important;\n --background-default-hover: @surface0 !important;\n /* unread chats filter */\n --icon-high-emphasis: @green !important;\n .p7idzaix {\n color: @crust !important;\n }\n /* voice message playing */\n --ptt-ooc-background: @mantle !important;\n\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: @mantle !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n & when (@lighterMessages=1) {\n --incoming-background: @surface1 !important;\n }\n & when (@lighterMessages=0) {\n --incoming-background: @base !important;\n }\n --outgoing-background: @surface0 !important;\n /* read double tick */\n --icon-ack: @blue !important;\n /* received double tick */\n --bubble-meta-icon: @subtext0 !important;\n /* message timestamp */\n --bubble-meta: @text !important;\n --message-primary: @text !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: @base !important;\n --poll-modal-footer-background-color: @surface0 !important;\n /* votes */\n --poll-bar-fill-receiver: @green !important;\n --poll-bar-fill-sender: @green !important;\n --checkbox-mark: @crust !important;\n\n /* audio duration */\n --audio-progress-metadata: @subtext0 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: @text !important;\n --system-message-background: @crust !important;\n /* unread system message background */\n --unread-background: @crust !important;\n --unread-bar-background: @surface1 !important;\n /* meta data for documents */\n --document-meta: @subtext1 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: @sapphire !important;\n --link: @sapphire !important;\n --link-preview: @text !important;\n --link-preview-lighter: @subtext1 !important;\n --link-preview-light: @subtext0 !important;\n /* arrow icon in messages */\n & when (@lighterMessages=1) {\n --incoming-background-rgb: #rgbify(@surface1) [];\n }\n & when (@lighterMessages=0) {\n --incoming-background-rgb: #rgbify(@base) [];\n }\n --outgoing-background-rgb: #rgbify(@surface0) [];\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: @text !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: @surface1 !important;\n & when (@lighterMessages=1) {\n --incoming-background-deeper: @surface2 !important;\n }\n & when (@lighterMessages=0) {\n --incoming-background-deeper: @surface0 !important;\n }\n\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: @teal !important;\n\n /* quote colors */\n .bg-color-1 {\n background-color: @green !important;\n }\n .color-1 {\n color: @green !important;\n }\n .bg-color-2 {\n background-color: @blue !important;\n }\n .color-2 {\n color: @blue !important;\n }\n .bg-color-3 {\n background-color: @pink !important;\n }\n .color-3 {\n color: @pink !important;\n }\n .bg-color-4 {\n background-color: @sapphire !important;\n }\n .color-4 {\n color: @sapphire !important;\n }\n .bg-color-5 {\n background-color: @peach !important;\n }\n .color-5 {\n color: @peach !important;\n }\n .bg-color-6 {\n background-color: @sky !important;\n }\n .color-6 {\n color: @sky !important;\n }\n .bg-color-7 {\n background-color: @yellow !important;\n }\n .color-7 {\n color: @yellow !important;\n }\n .bg-color-8 {\n background-color: @teal !important;\n }\n .color-8 {\n color: @teal !important;\n }\n .bg-color-9 {\n background-color: @lavender !important;\n }\n .color-9 {\n color: @lavender !important;\n }\n .bg-color-10 {\n background-color: @red!important;\n }\n .color-10 {\n color: @red!important;\n }\n .bg-color-11 {\n background-color: @mauve !important;\n }\n .color-11 {\n color: @mauve !important;\n }\n .bg-color-12 {\n background-color: @flamingo !important;\n }\n .color-12 {\n color: @flamingo !important;\n }\n .bg-color-13 {\n background-color: @rosewater !important;\n }\n .color-13 {\n color: @rosewater !important;\n }\n .bg-color-14 {\n background-color: @pink !important;\n }\n .color-14 {\n color: @pink !important;\n }\n .bg-color-15 {\n background-color: @maroon !important;\n }\n .color-15 {\n color: @maroon !important;\n }\n .bg-color-16 {\n background-color: @teal !important;\n }\n .color-16 {\n color: @teal !important;\n }\n /* general text */\n --primary: @text !important;\n --primary-strong: @text !important;\n --primary-stronger: @text !important;\n --primary-strongest: @text !important;\n --secondary: @subtext0 !important;\n --secondary-strongest-rgb: #rgbify(@text) [];\n /* chat list typing message */\n --typing: @green !important;\n /* background for video player and image viewer */\n --media-viewer-background: @mantle !important;\n /* not loaded media */\n --media-gallery-thumb-background: @crust !important;\n\n /* Group info/Contact info */\n --photopicker-overlay-background: fadeout(@mantle, 0.8) !important;\n --photopicker-overlay-background-rgb: #rgbify(@base) [];\n --media-viewer-background-rgb: #rgbify(@base) [];\n --drawer-background-deep: @crust !important;\n /* group info read more */\n --input-button-more: @sapphire !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: @surface2 !important;\n /* Group admin badge background */\n --chat-marker-background: @mantle !important;\n --chat-marker-border: @mantle !important;\n /* Group admin badge foreground */\n --chat-marker: @subtext0 !important;\n /* Media gallery */\n --drawer-gallery-background: @crust !important;\n /* mute toggle */\n --switch-button-checked-color: @accent-color !important;\n --switch-track-checked-color: @surface2 !important;\n --switch-track-color: @surface2 !important;\n --switch-button-color: @overlay1 !important;\n\n /* danger, block, exit and report buttons */\n --danger: @red!important;\n\n /* group added by someone not in contacts */\n --button-plain-background: @surface0 !important;\n --button-plain-background-hover: @surface1 !important;\n\n /* EMOJI AND STICKERS */\n --panel-input-background: @surface0 !important;\n --sticker-button-background: @surface1 !important;\n --active-tab-marker: @accent-color !important;\n\n /* REACTIONS */\n --reactions-panel-background-color: @surface0 !important;\n --reactions-tray-background: @surface0 !important;\n --reactions-details-background: @surface0 !important;\n --svg-gray-button: @surface0 !important;\n\n /* Forward message popup */\n --panel-background-colored-deeper: @crust !important;\n --modal-backdrop: fadeout(@mantle, 0.8) !important;\n\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: @mantle !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: @surface0 !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: @accent-color !important;\n /* send button in media editor */\n --button-round-background: @accent-color !important;\n\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: @surface0 !important;\n --compose-input-border: @surface1 !important;\n --compose-panel-background: @mantle !important;\n --rich-text-panel-background: @mantle !important;\n /* select messages fixes */\n --panel-background: @mantle !important;\n --panel-background-rgb: #rgbify(@mantle) [];\n --checkbox-background: @accent-color !important;\n /* quoted message in compose */\n --popup-panel-background: @surface0 !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: @surface1 !important;\n /* compose bar icons */\n --icon: @accent-color !important;\n /* ATTACH ICONS */\n /* poll icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(6)\n > button\n > span\n > svg\n > circle {\n fill: @green !important;\n }\n /* image icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @pink !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @pink !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @pink !important;\n filter: brightness(70%) !important;\n }\n /* sticker icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > circle {\n fill: @blue !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > path:nth-child(2) {\n fill: @blue !important;\n }\n /* camera icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @red!important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n /* document icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @mauve !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @mauve !important;\n }\n /* contact icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(1) {\n fill: @sky !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(2) {\n fill: @sky !important;\n }\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: @accent-color !important;\n --ptt-draft-waveform-background: @base !important;\n --ptt-draft-button-stop: @red !important;\n --ptt-draft-button-stop-hover: @maroon !important;\n\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: @surface0 !important;\n --dropdown-background-hover: @surface1 !important;\n\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: @base !important;\n /* communities, new chat, other panes */\n --panel-background-colored: @mantle !important;\n --drawer-section-background: @base !important;\n /* new chat icons */\n --round-icon-background: @green !important;\n --inverse: @text !important;\n /* title and icon for drawers */\n --drawer-header-title: @text !important;\n /* buttons such as create community */\n --button-primary-background: @accent-color !important;\n --button-primary-background-hover: fadeout(@accent-color, 0.8) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: @mantle !important;\n /* active input in modals and drawers */\n --input-border-active: @accent-color !important;\n }\n\n /* Start page drawing */\n #app\n > div\n > div\n > div._2Ts6i._2xAQV\n > div\n > div\n > div.WM0_u\n > span\n > svg\n > path:nth-child(1) {\n fill: @surface2 !important;\n }\n\n /* Status unread dot */\n #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: @accent-color !important;\n }\n\n #side\n > div._3gYev\n > div\n > div\n > button\n > div._3xdht._1ZD3q\n > span\n > svg\n > path {\n fill: @accent-color !important;\n }\n }\n}\n", + "usercssData": { + "name": "WhatsApp Web Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/whatsapp-web", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web", + "version": "0.0.2", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css", + "description": "Soothing pastel theme for WhatsApp Web", + "author": "Catppuccin", + "license": "MIT", + "preprocessor": "less", + "vars": { + "flavor": { + "type": "select", + "label": "Flavor", + "name": "flavor", + "value": "macchiato", + "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" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "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": "Grey", + "value": "subtext0" + } + ] + }, + "lighterMessages": { + "type": "checkbox", + "label": "Lighter incoming messages", + "name": "lighterMessages", + "value": null, + "default": "0", + "options": null + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for WhatsApp Web", + "name": "WhatsApp Web Catppuccin", + "originalDigest": "7e8209ff722f9687de32a55aed3d20c992250bb0", + "_id": "f583e674-dc66-4e55-8f01-4fd979d1ecce", + "_rev": 1690480139808, + "id": 37, + "etag": "W/\"195b898598041d5bd109590db09dbf754e10eb3919521b32aabde31ce10ff93a\"", + "updateDate": 1690480127168 + }, + { + "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": 1690105754414, + "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.1\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\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 #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 /* Main page */\n div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not([class*=\"bg-gray-700\"]):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: @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 .btn-neutral {\n background-color: @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 .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\n [class*=\"text-green\"] {\n color: @green !important;\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.1", + "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": "macchiato", + "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": "macchiato", + "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": "2f8d50fdd399320a73b55faa274d0eb2220c7546", + "_id": "2b610ac1-f4cb-41f2-ac48-40652d932405", + "_rev": 1690182538652, + "id": 38, + "etag": "W/\"3994d284106d6cf94d9e0a04efcaa97cd9819d326ed8078aa0eba0b7c4a89017\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/codeberg", + "installDate": 1690105767263, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Catppuccin Codeberg\n@namespace github.com/catppuccin/userstyles/styles/codeberg\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/codeberg\n@version 1.0.2\n@description Soothing pastel theme for Codeberg\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor stylus\n@var select flavor \"Flavor\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var checkbox navbar-color \"Use dark navbar-color\" 0\n==/UserStyle== */\n\n@-moz-document domain(\"codeberg.org\") {\n if (flavor==\"Latte\") {\n $type = light\n \n $rosewater = hsl(10.8, 58.8%, 66.7%)\n $flamingo = hsl(0, 59.8%, 66.9%)\n $pink = hsl(316, 73.4%, 69%)\n $mauve = hsl(266, 85%, 58%)\n $red = hsl(347.1, 86.7%, 44.1%)\n $maroon = hsl(354.8, 76.3%, 58.6%)\n $peach = hsl(22, 99.2%, 52%)\n $yellow = hsl(34.9, 77%, 49.4%)\n $green = hsl(109.2, 57.6%, 39.8%)\n $teal = hsl(183.2, 73.9%, 34.5%)\n $sky = hsl(197.1, 96.6%, 45.7%)\n $sapphire = hsl(188.9, 70%, 41.8%)\n $blue = hsl(219.9, 91.5%, 53.9%)\n $lavender = hsl(230.9, 97.2%, 72%)\n $text = hsl(233.8, 16%, 35.5%)\n $subtext1 = hsl(233.3, 12.8%, 41.4%)\n $subtext0 = hsl(232.8, 10.4%, 47.3%)\n $overlay2 = hsl(232.2, 9.6%, 53.1%)\n $overlay1 = hsl(231.4, 10%, 59%)\n $overlay0 = hsl(228, 11.2%, 65.1%)\n $surface2 = hsl(226.7, 12.2%, 71%)\n $surface1 = hsl(225, 13.6%, 76.9%)\n $surface0 = hsl(222.9, 15.9%, 82.7%)\n $base = hsl(220, 23.1%, 94.9%)\n $mantle = hsl(220, 22%, 92%)\n $crust = hsl(220, 20.7%, 88.6%)\n }\n else if (flavor==\"Frappe\") {\n $type = dark\n \n $rosewater = hsl(10.3, 57.4%, 88%)\n $flamingo = hsl(0, 58.5%, 83.9%)\n $pink = hsl(316, 73.2%, 83.9%)\n $mauve = hsl(276.7, 59%, 76.1%)\n $red = hsl(358.8, 67.8%, 70.8%)\n $maroon = hsl(357.8, 65.9%, 75.9%)\n $peach = hsl(20.3, 79.1%, 70%)\n $yellow = hsl(39.5, 62%, 73.1%)\n $green = hsl(95.8, 43.9%, 67.8%)\n $teal = hsl(171.5, 39.2%, 64.5%)\n $sky = hsl(189.1, 47.8%, 72.9%)\n $sapphire = hsl(198.6, 55.4%, 69.2%)\n $blue = hsl(221.6, 74.2%, 74.1%)\n $lavender = hsl(238.9, 66.3%, 83.7%)\n $text = hsl(227.2, 70.1%, 86.9%)\n $subtext1 = hsl(226.7, 43.7%, 79.8%)\n $subtext0 = hsl(228.3, 29.5%, 72.7%)\n $overlay2 = hsl(227.7, 22.3%, 65.7%)\n $overlay1 = hsl(226.7, 17%, 58.4%)\n $overlay0 = hsl(229.1, 13.4%, 51.6%)\n $surface2 = hsl(228, 13.3%, 44.3%)\n $surface1 = hsl(227.1, 14.7%, 37.3%)\n $surface0 = hsl(230, 15.6%, 30.2%)\n $base = hsl(229.1, 18.6%, 23.1%)\n $mantle = hsl(230.5, 18.8%, 19.8%)\n $crust = hsl(229.4, 19.5%, 17.1%)\n }\n else if (flavor==\"Macchiato\") {\n $type = dark\n \n $rosewater = hsl(10, 57.7%, 89.8%)\n $flamingo = hsl(0, 58.3%, 85.9%)\n $pink = hsl(316.1, 73.7%, 85.1%)\n $mauve = hsl(266.5, 82.7%, 79.6%)\n $red = hsl(351.2, 73.9%, 72.9%)\n $maroon = hsl(355.1, 71.4%, 76.7%)\n $peach = hsl(21.4, 85.5%, 72.9%)\n $yellow = hsl(40.3, 69.9%, 77.8%)\n $green = hsl(105.2, 48.3%, 72%)\n $teal = hsl(171.1, 46.8%, 69%)\n $sky = hsl(188.8, 59.4%, 72.9%)\n $sapphire = hsl(198.6, 65.6%, 69.2%)\n $blue = hsl(220.2, 82.8%, 74.9%)\n $lavender = hsl(234.5, 82.3%, 84.5%)\n $text = hsl(227.4, 68.3%, 87.6%)\n $subtext1 = hsl(228, 39.2%, 80%)\n $subtext0 = hsl(227.4, 26.8%, 72.2%)\n $overlay2 = hsl(228.3, 20%, 64.7%)\n $overlay1 = hsl(227.6, 15.5%, 56.9%)\n $overlay0 = hsl(230.3, 12.4%, 49.2%)\n $surface2 = hsl(229.7, 13.7%, 41.4%)\n $surface1 = hsl(231.1, 15.6%, 33.9%)\n $surface0 = hsl(230.4, 18.8%, 26.1%)\n $base = hsl(231.8, 23.4%, 18.4%)\n $mantle = hsl(233.3, 23.1%, 15.3%)\n $crust = hsl(235.7, 22.6%, 12.2%)\n }\n else if (flavor==\"Mocha\") {\n $type = dark\n \n $rosewater = hsl(9.6, 55.6%, 91.2%)\n $flamingo = hsl(0, 58.7%, 87.6%)\n $pink = hsl(316.5, 71.8%, 86.1%)\n $mauve = hsl(267.4, 83.5%, 81%)\n $red = hsl(343.3, 81.2%, 74.9%)\n $maroon = hsl(350.4, 65.2%, 77.5%)\n $peach = hsl(23, 92%, 75.5%)\n $yellow = hsl(41.4, 86%, 83.1%)\n $green = hsl(115.5, 54.1%, 76.1%)\n $teal = hsl(170, 57.4%, 73.3%)\n $sky = hsl(189.2, 71%, 72.9%)\n $sapphire = hsl(198.5, 75.9%, 69%)\n $lavender = hsl(231.9, 97.4%, 85.1%)\n $blue = hsl(217.2, 91.9%, 75.9%)\n $text = hsl(226.2, 63.9%, 88%)\n $subtext1 = hsl(226.7, 35.3%, 80%)\n $subtext0 = hsl(227.6, 23.6%, 71.8%)\n $overlay2 = hsl(228.4, 16.8%, 63.7%)\n $overlay1 = hsl(229.7, 12.8%, 55.5%)\n $overlay0 = hsl(230.8, 10.7%, 47.5%)\n $surface2 = hsl(232.5, 12%, 39.2%)\n $surface1 = hsl(234.3, 13.2%, 31.2%)\n $surface0 = hsl(236.8, 16.2%, 22.9%)\n $base = hsl(240, 21.1%, 14.9%)\n $mantle = hsl(240, 21.3%, 12%)\n $crust = hsl(240, 22.7%, 8.6%)\n }\n \n \n :root {\n --color-body: $base;\n --color-text: $text;\n --color-text-light: $subtext0;\n --color-text-light-2: $subtext1;\n --color-text-light-3: $subtext1;\n --color-text-dark: $subtext0;\n --color-text-dark-2: $subtext1;\n --color-text-dark-3: $subtext1;\n --color-secondary: $surface1;\n --color-caret: $text;\n --color-navbar: $surface0;\n --color-footer: $surface0;\n \n --color-red: $red;\n --color-orange: $peach;\n --color-yellow: $yellow;\n --color-olive: $green;\n --color-green: $green;\n --color-teal: $teal;\n --color-blue: $blue;\n --color-violet: $mauve;\n --color-purple: $mauve;\n --color-grey: $overlay0;\n --color-gold: $yellow;\n --color-red-light: $red;\n --color-orange-light: $peach;\n --color-yellow-light: $yellow;\n --color-olive-light: $green;\n --color-green-light: $green;\n --color-teal-light: $teal;\n --color-blue-light: $blue;\n --color-violet-light: $mauve;\n --color-purple-light: $mauve;\n --color-grey-light: $overlay2;\n --color-gold-light: $yellow;\n --color-black: $crust;\n --color-white: $text;\n \n --color-primary: $blue;\n \n --color-console-fg: $text;\n --color-console-bg: $base;\n \n --color-error-border: $maroon;\n --color-error-bg: $overlay0;\n --color-error-text: $subtext1;\n \n --color-success-border: $green;\n --color-success-bg: $overlay0;\n --color-success-text: $subtext1;\n \n --color-warning-border: $orange;\n --color-warning-bg: $overlay1;\n --color-warning-text: $subtext1;\n \n --color-info-border: $overlay0;\n --color-info-bg: $surface0;\n --color-info-text: $subtext1;\n \n --color-box-header: $surface1;\n --color-box-body: $surface0;\n \n --color-markup-code-block: $surface2;\n \n --color-input-background: $base;\n --color-input-border: $surface1;\n --color-input-text: $text;\n \n --color-card: $surface0;\n \n --color-active: $surface0;\n --color-menu: $surface1;\n \n --color-button: $overlay0;\n --color-light-border: $surface1;\n --color-dark-border: $overlay0;\n \n --color-diff-removed-row-bg: rgba($red, 0.2)!important;\n --color-diff-removed-row-border: rgba($red, 0.2)!important;\n --color-diff-removed-word-bg: rgba($red, 0.4)!important;\n \n --color-diff-added-row-bg: rgba($green, 0.2)!important;\n --color-diff-added-row-border: rgba($green, 0.2)!important;\n --color-diff-added-word-bg: rgba($green, 0.4)!important;\n \n --color-diff-inactive: $surface1;\n \n --color-code-bg: $surface0;\n --color-expand-button: $surface1;\n }\n \n \n body {\n background-color: $base;\n color: $text;\n \n }\n \n div#navbar.ui.container {\n background-color: $blue !important;\n color: $base !important;\n }\n \n if navbar-color {\n div#navbar.ui.container {\n background-color: $mantle !important;\n color: $text !important;\n }\n }\n\n th,\n textarea,\n h4.ui.top.attached.error.header,\n div.ui.red.message,\n div.ui.segment.sub-menu.repository-menu,\n nav.navbar,\n div.sidebar,\n div.sidebar-menu,\n div.card,\n div.menu.left.transition.visible,\n div.menu.user-menu.left.transition.visible,\n a.item.active\n input,\n div.ui.dropdown.icon.button,\n div.ui.borderless.pagination.menu.narrow,\n span.name,\n blockquote.alert {\n background-color: $mantle !important;\n color: $text !important;\n transition: 0.5s;\n }\n \n div.extra.content.word-break,\n td.name,\n td.message,\n td.text {\n border-color: $surface1 !important;\n }\n \n div.ui.top.attached.header.clearing.segment.pr.commit-header,\n footer,\n h1,\n h3,\n h4 {\n background-color: $mantle !important;\n }\n \n div.ui.compact.tiny.menu,\n div.ui.secondary.pointing.tabular.top.attached.borderless.menu.stackable.new-menu.navbar,\n div.ui.attached.segment,\n div.ui.borderless.pagination.menu,\n div.ui.two.item.tabable.menu,\n div.ui.secondary.tiny.pointing.borderless.menu.center.grid.repos-filter,\n div.header-wrapper,\n div.ui.attached.segment.df.ac.sb.py-2.commit-header-row.fw,\n div.file-view.markup.markdown,\n div.ui.attached.segment.repos-search,\n div.ui.attached.table.segment.rounded-bottom {\n background-color: $base !important;\n }\n \n span.ui.grey.label.ml-3,\n div.ui.circular.mini.grey.label,\n div.divider,\n button.btn.btn-primary,\n div.ui.language.bottom.floating.slide.up.dropdown.link.item.button {\n background-color: $surface0 !important;\n }\n \n tr {\n background-color: $base !important;\n }\n \n .blob-excerpt.lines-code {\n background-color: $mantle !important;\n }\n .chroma.lines-code {\n background-color: transparent !important;\n }\n .add-code {\n background-color: alpha($green, 0.1) !important;\n }\n .added-code {\n background-color: alpha($green, 0.15) !important;\n color: $text !important;\n }\n .del-code {\n background-color: alpha($red, 0.1) !important;\n }\n .removed-code {\n background-color: alpha($red, 0.15) !important;\n color: $text !important;\n }\n code.code-inner {\n color: $overlay1 !important;\n }\n tr.tag-code.nl-0.ol-0, td.lines-num, td.lines-type-marker {\n background-color: alpha($blue, 0.1) !important;\n }\n \n kbd,\n code {\n background-color: transparent !important;\n color: $text !important;\n }\n \n span.c1 {\n color: $overlay1 !important;\n }\n span.s1 {\n color: $peach !important;\n }\n span.token.string,\n span.s2 {\n color: $green !important;\n }\n span.n {\n color: $text !important;\n }\n span.o,\n span.kc,\n span.kd,\n span.kr {\n color: $red !important;\n }\n span.nf {\n color: $blue !important;\n }\n span.token.function,\n span.mi {\n color: $teal !important;\n }\n \n nav.navbar {\n border: none !important;\n }\n \n pre {\n background-color: $mantle !important;\n border-color: $blue !important;\n }\n \n a.ui.primary.sha.label,\n span.ui.primary.sha.label {\n background-color: $mantle !important;\n }\n \n h1,\n a,\n a.header-anchor,\n a.item {\n background-color: transparent !important;\n color: $blue !important;\n transition: 0.5s;\n }\n \n a:hover,\n a.item:hover,\n span.name:hover {\n background-color: transparent !important;\n color: $green !important;\n transition: 0.5s;\n }\n \n .ui.table {\n color: $text;\n }\n \n .repository-summary {\n background-color: $surface0;\n }\n \n .ui.green.button {\n background-color: $green;\n color: $base;\n }\n \n .ui.red.button {\n background-color: $red;\n color: $base;\n border-color: $overlay0;\n }\n \n .ui.basic.red.button {\n color: $red;\n }\n \n \n .ui.negative.button {\n background-color: $red;\n color: $base;\n }\n \n .ui.basic.green.button {\n color: $green;\n }\n \n .ui.breadcrumb {\n color: $text;\n }\n \n .following.bar #navbar {\n background-color: $blue !important;\n \n }\n \n #navbar .item {\n color: $surface0;\n }\n \n \n * {\n caret-color: $text;\n }\n \n @media (prefers-color-scheme: dark) {\n .ui.red.label, .ui.red.labels .label {\n background-color: $red!important;\n border-color: $red!important;\n color: $base!important;\n }\n .ui.green.label, .ui.green.labels, .ui.basic.green.label {\n background-color: $green!important;\n border-color: $green!important;\n color: $base!important;\n }\n \n .repository.file.list #repo-files-table tr {\n background-color: $base;\n }\n .repository.file.list #repo-files-table tr:hover {\n background-color: $surface1!important;\n }\n \n .ui.horizontal.segments>.segment {\n background-color: $surface0;\n }\n \n .tag-code td.lines-type-marker, td.blob-hunk {\n color: $text!important;\n }\n \n .tag-code, .tag-code td {\n background: $surface1!important;\n }\n \n .tag-code td.lines-num {\n background-color: $surface1!important;\n }\n \n .chroma .sb {\n color: $subtext1;\n }\n \n .chroma .nt {\n color: rgba($mauve, 0.7)!important;\n }\n \n .chroma .na {\n color: rgba($teal, 0.7)!important;\n }\n \n .chroma .nb {\n color: rgba($mauve, 0.7);\n }\n \n .chroma .s2 {\n color: rgba($teal, 0.7);\n }\n \n .chroma .si {\n color: rgba($peach, 0.6);\n }\n \n .chroma .nv {\n color: rgba($peach, 0.6);\n }\n \n .chroma .nx {\n color: $text;\n }\n \n .chroma .nf {\n color: $yellow;\n }\n \n .chroma .s {\n color: rgba($teal, 0.7);\n }\n \n }\n}\n", + "usercssData": { + "name": "Catppuccin Codeberg", + "namespace": "github.com/catppuccin/userstyles/styles/codeberg", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/codeberg", + "version": "1.0.2", + "description": "Soothing pastel theme for Codeberg", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css", + "license": "MIT", + "preprocessor": "stylus", + "vars": { + "flavor": { + "type": "select", + "label": "Flavor", + "name": "flavor", + "value": "Macchiato", + "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" + } + ] + }, + "navbar-color": { + "type": "checkbox", + "label": "Use dark navbar-color", + "name": "navbar-color", + "value": null, + "default": "0", + "options": null + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Codeberg", + "name": "Catppuccin Codeberg", + "originalDigest": "09af36f25a97c633eba54fe7807eda540d1d68b9", + "_id": "0840416a-1bd2-404b-aa84-ca213c5eb476", + "_rev": 1690105767264, + "id": 39, + "etag": "W/\"60072ae89a52e51a1c1c1de07955bf9eb8bfe3441d654b14c5f93a533d72d27e\"" + }, + { + "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": 1690105783794, + "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.2\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(?!\\/(marketplace|organizations\\/plan)).*\") {\n\n [data-color-mode=\"auto\"][data-dark-theme*=\"light\"],\n [data-color-mode=\"light\"][data-light-theme*=\"dark\"],\n [data-color-mode=\"light\"][data-light-theme*=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n [data-color-mode=\"dark\"][data-dark-theme*=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme*=\"light\"],\n [data-color-mode=\"auto\"][data-dark-theme*=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\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\t accent-color: @accent-color;\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\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),\n 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,\n 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 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, .ifkUYV, .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(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1)); //color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)) !important;\n color: var(--text) !important;\n background: rgb(var(--label-r), var(--label-g), var(--label-b)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-fadeout)) !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(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));\n color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)) !important;\n background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-fadeout)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-fadeout)) !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: @blue;\n --color-accent-emphasis: @blue;\n --color-accent-muted: fadeout(@blue, 60%);\n --color-accent-subtle: fadeout(@blue, 85%);\n }\n\n /* Misc */\n .col-md-8 {\n background-color: @base;\n }\n \n .user-mention, .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(#repo-visibility-proceed-button-public, #repo-visibility-proceed-button-private):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\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, .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 .hfRvxg,\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 \n .gxGEao {\n border-bottom-color: @surface0;\n }\n \n .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .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 .jEgFtJ::after {\n background-color: @accent-color;\n }\n \n .khCtfm:hover {\n background-color: @surface0;\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, &[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, .hXyJIp, .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: @crust 0px -2px 0px inset, @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}\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n\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}", + "usercssData": { + "name": "Github Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/github", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/github", + "version": "1.2.2", + "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": "macchiato", + "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": "macchiato", + "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": "lavender", + "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": "1", + "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": "3dac56a61e788282dc3113058d134e94453f01a4", + "_id": "707de53d-4c74-462b-befa-7b946665e44e", + "_rev": 1690480181008, + "id": 40, + "etag": "W/\"5d9d9dbd9f7e941526087183f108cd57d5b7e31f0924c586a291dcd3357367d4\"", + "updateDate": 1690480155001 + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl", + "installDate": 1690105899992, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.2.2\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"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 quotes \"Remove Quotes\" 0\n@var checkbox header \"Remove Header\" 0\n@var checkbox footer \"Remove Footer\" 0\n@var checkbox tabs \"Remove Tabs\" 0\n@var checkbox dictionary \"Remove Dictionary\" 0\n@var checkbox removeAds \"Remove DeepL Ads\" 0\n@var checkbox removeGlossaryButton \"Remove Glossary Button\" 0\n==/UserStyle== */\n@-moz-document url-prefix(\"https://www.deepl.com/translator\") {\n :root {\n #catppuccin(@flavor, @accentColor);\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 #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 @accent2: mix(@accent-Color, @text, 60%);\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 .dl_body {\n color: @subtext1;\n }\n\n button {\n color: @text;\n }\n\n [class*=\"label--\"] {\n & when (@lookup =\"latte\") {\n --inlineLabelColor: #fff !important;\n }\n --inlineLabelColor: @crust;\n --outline-color: @accent;\n --background: @overlay1;\n --backgroundHover: mix(@overlay1, @base, 90%);\n\n &[class*=\"selected--\"] {\n --background: @green;\n --backgroundHover: mix(@green, @base, 90%);\n }\n\n [class^=\"toggle--\"] {\n [class^=\"knob--\"] {\n & when (@lookup =\"latte\") {\n background: #fff;\n }\n background: @crust;\n }\n }\n }\n\n [class^=\"wrapper--\"] {\n --input-background: @base;\n --input-border-color: @surface1;\n --input-color: @subtext1;\n --button-background: @base;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class^=\"flyout--\"] {\n --option-color: @subtext1;\n --option-icon-color: @accent;\n background: @surface0;\n\n [class^=\"option--\"][class*=\"unavilable--\"] {\n --option-color: @overlay1;\n --option-icon-color: @subtext0;\n }\n\n &[class*=\"withBorderOnFlyout--\"] {\n --border: 1px solid @surface2;\n }\n }\n }\n\n [class^=\"form--\"] {\n [class^=\"submit--\"] {\n & when (@lookup =\"latte\") {\n color: @base;\n }\n color: @crust;\n background: @accent2;\n\n &:disabled {\n background: fadeout(@accent2, 50%);\n }\n }\n }\n\n .text-deepl-blue {\n color: @accent2;\n }\n\n .text-deprecated-grey-darker {\n color: @subtext1;\n }\n\n .bg-white {\n background-color: @base;\n }\n\n .border-dark-7 {\n border-color: @surface1;\n }\n\n .dl_body--redesign {\n background-color: @mantle !important;\n }\n\n [class*=\"button--\"][class*=\"color_primary--\"] {\n border-color: @accent2;\n background-color: @accent2;\n color: @accent2;\n }\n\n [class*=\"button--\"][class*=\"variant_contained--\"],\n .dark [class*=\"button--\"][class*=\"variant_contained--\"] {\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n\n [class*=\"button--\"].variant_text--gozza,\n .dark [class*=\"button--\"].variant_text--gozza {\n background-color: transparent;\n } /////\n .eSEOtericText {\n color: @overlay1;\n }\n\n .dl_header {\n &,\n &::before {\n background-color: @crust !important;\n }\n }\n\n .dl_header_menu_v2__links__item {\n &,\n &:visited,\n &:active,\n &:focus {\n color: @accent2;\n }\n }\n\n .dl_headerMenu__proButton {\n background-color: @accent-Color;\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n &:hover {\n background-color: darken(@accent-Color, 30%);\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n }\n\n .dl_header_menu_v2__login_button_simple > button {\n color: @accent2;\n\n &:hover {\n color: @accent-Color;\n }\n }\n\n .dl_header_menu_v2__buttons__menu > button {\n &::before,\n &::after {\n color: @accent2;\n }\n\n &:hover {\n &::before,\n &::after {\n color: @accent-Color;\n }\n }\n }\n\n .dl_headerMenu__freeBadge,\n .dl_headerMenu__fadeoutBadge {\n background-color: spin(@accent-Color, -40deg);\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n\n .dl_header_menu_v2__links__item.dl_translator_link:not(.nohover):hover {\n color: @accent-Color;\n }\n\n .dl_header_menu_v2__links__item:not(.nohover):hover,\n .dl_header_menu_v2__links__item.is-active {\n border-bottom-color: @accent-Color;\n color: @accent-Color;\n }\n\n #new-menu-container {\n [class^=\"menuContainer--\"] {\n background-color: @base;\n }\n\n [class^=\"container--\"] a {\n color: @text;\n\n &:hover {\n color: @accent;\n }\n }\n\n [class^=\"mainContent--\"] + [class^=\"mainContent--\"] {\n border-top-color: @surface1;\n }\n\n [class^=\"closeButton\"] {\n &::before,\n &::after {\n background-color: @subtext0;\n }\n\n &:hover {\n &::before,\n &::after {\n background-color: @accent-Color;\n }\n }\n }\n }\n .lmt--web .lmt__language_container .lmt__language_container_switch:hover,\n .lmt--web .lmt__language_container .lmt__language_container_switch:focus {\n color: @accent-Color;\n }\n\n .lmt__docTrans-tab-container {\n [class^=\"cardButton--\"] {\n background-color: @base;\n border-color: @surface1;\n\n &:not([class*=\"active--\"]):hover {\n background-color: @surface0;\n }\n }\n\n [class^=\"textLower--\"] {\n color: @overlay2;\n }\n\n [class*=\"logo\"],\n [class^=\"textUpper--\"] {\n color: @accent-Color;\n }\n\n [class*=\"active--\"] {\n [class*=\"logo\"],\n [class^=\"textUpper--\"] {\n color: @text;\n }\n\n [class^=\"innerLower--\"] {\n background-color: @accent-Color;\n }\n }\n }\n\n .lmt--web .lmt__sides_container,\n #doc-trans-source-panel,\n #doc-trans-target-panel {\n border-color: @surface1;\n }\n\n .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__language_container,\n .dl_body--redesign .lmt--web .lmt__textarea_container,\n .lmt__doc .lmt__language_container #doc-trans-source-panel,\n [class^=\"docTrans__help_popup--\"],\n #doc-trans-target-panel {\n background: @base;\n }\n\n #doc-trans-source-panel,\n #doc-trans-target-panel {\n [class^=\"header--\"] {\n border-bottom-color: @surface2;\n }\n }\n\n /* new popup */\n .root--Frqwa {\n background-color: @surface0;\n }\n .selected--bDLH4 {\n background-color: @surface1;\n }\n .divider--v710V {\n color: @surface2;\n }\n\n\n .dl_body--redesign .lmt--web .lmt__source_textarea__length_marker {\n color: @subtext0;\n }\n\n .dl_help-popup_assist-text {\n color: @overlay1;\n }\n\n .dl_body--redesign .lmt--web .lmt__language_select .lmt__language_select__active {\n color: @subtext0;\n }\n\n .lmt--web .lmt__language_select > .lmt__language_select__active {\n strong {\n color: @accent2;\n }\n\n &:hover {\n strong,\n .lmt__language_select__opener {\n color: @accent-Color;\n }\n }\n }\n\n .lmt--web .lmt__textarea {\n &,\n textarea {\n color: @text;\n }\n }\n\n .lmt--web .lmt__textarea.lmt__textarea--inactive {\n color: @overlay2 !important;\n }\n\n .lmt__source_textarea_overlay .lmt__source_textarea_overlay__sentence--active {\n color: @accent2;\n background-color: @base;\n }\n\n .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__side_container.lmt__side_container--source .lmt__textarea_container {\n border-right-color: @surface1;\n border-top-color: @surface1;\n }\n\n .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__side_container.lmt__side_container--target .lmt__textarea_container {\n border-top-color: @surface1 !important;\n }\n\n .lmt--showing_alternatives .lmt__translations_as_text::before,\n .lmt--web .lmt__translations_as_text h4::before {\n border-top-color: @surface1;\n }\n\n .lmt--web .lmt__translations_as_text h4 {\n color: @overlay1;\n }\n\n .dl_body--redesign .lmt--web .lmt__textarea_container.lmt__textarea_container--focus,\n .integratedLanguageSelectors .lmt--web .lmt__sides_container.lmt__sides_container--focus_source .lmt__side_container.lmt__side_container--source .lmt__textarea_container,\n .integratedLanguageSelectors .lmt--web .lmt__sides_container.lmt__sides_container--focus_target .lmt__side_container.lmt__side_container--target .lmt__textarea_container {\n border: 1px solid @accent-Color !important;\n }\n\n .lmt--web .lmt__language_container .lmt__language_container_switch {\n color: @accent2;\n }\n\n @keyframes lmt_textarea__busy_animation_ctp {\n 0% {\n box-shadow: inset 0 0 0px 0 @base, inset 0 0 0px 0px rgba(14, 43, 70, 0.0);\n }\n\n 10% {\n box-shadow: inset 0 0 0px 1px @base, inset 0 0 0px 2px rgba(14, 43, 70, 0.5);\n }\n\n 20% {\n box-shadow: inset 0 0 1px 3px @base, inset 0 0 1px 4px rgba(14, 43, 70, 0.5),\n }\n\n 40% {\n box-shadow: inset 0 0 1px 8px @base, inset 0 0 1px 8px rgba(14, 43, 70, 0.3),\n }\n }\n\n .lmt--active_translation_request.lmt--active_translation_request--with_target_has_content .lmt__side_container--target .lmt__inner_textarea_container {\n animation: lmt_textarea__busy_animation_ctp 1.5s 2.5s linear infinite;\n box-shadow: inset 0 0 1px 14px @base, inset 0 0 0px rgba(0, 0, 0, 0);\n }\n\n .lmt__toolbar_container,\n [data-testid=\"deepl-ui-tooltip-container\"] {\n span > button:hover {\n background-color: @surface0 !important;\n }\n }\n\n .lmt__clear_text_button_wrapper {\n [class*=\"button--\"] {\n &:active:enabled,\n &:hover:enabled {\n color: @accent-Color;\n }\n }\n } // language selector\n .lmt__language_select__menu.lmt__language_select__menu_three_columns {\n &,\n input {\n background-color: @base;\n }\n border-color: @surface1;\n }\n\n .lmt__language_select__menu .lmt__dropdown_item_inside_container,\n .lmt__language_select__menu .lmt__formalitySwitch__menu_items > div > button,\n .lmt__language_select__menu .lmt__formalitySwitch__menu_items > div > div > button,\n .lmt__language_select__menu > div > button,\n .lmt__language_select__menu > div > div > button {\n color: @subtext1;\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column button:hover,\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column button.highlighted {\n background-color: fadeout(@yellow, 0.3);\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column {\n border-right-color: @surface1;\n }\n\n .lmt--web .lmt__language_select__menu_three_columns_close_button {\n color: @accent-Color;\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column button .tick {\n border-bottom-color: @accent-Color;\n border-right-color: @accent-Color;\n } // glossary\n .lmt__glossary_highlight {\n color: @accent-Color;\n }\n\n .lmt__glossaryButton__desktop {\n border-color: fadeout(@text, 12%)\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover {\n color: @accent-Color;\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: @accent-Color;\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n\n .lmt__glossary_editorClose {\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n }\n\n [dl-test=\"glossary-modal\"] {\n input {\n background-color: @surface1;\n }\n\n &[class*=\"modal--\"] {\n background-color: @surface0;\n }\n\n [class*=\"content--\"] {\n color: @text;\n }\n }\n\n .lmt__glossary_newEntry_langButton {\n color: @subtext1;\n\n &:hover {\n color: @accent-Color;\n }\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_langButton .lmt__glossary_arrowDown {\n border-bottom-color: @overlay2;\n border-right-color: @overlay2;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: @overlay0;\n color: @text;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_langButton {\n border-color: @overlay0;\n background-color: @surface1;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource:focus,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget:focus {\n border-color: @accent-Color;\n }\n\n .lmt_firstEntry-content .lmt__glossary_acceptButton {\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n\n .lmt__glossary_acceptButton.lmt__glossary_acceptButton--disabled {\n &,\n &:hover {\n background-color: fadeout(@accent-Color, 0.5);\n }\n }\n\n .lmt__language_select__menu {\n background-color: @surface1;\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button {\n color: @text;\n\n &:hover {\n background-color: fadeout(@yellow, 0.2) !important;\n }\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langName {\n color: @text !important;\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langCodePair,\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langCodePair .langCode {\n color: @subtext0;\n }\n\n .lmt__glossary_acceptButton {\n background-color: @accent2;\n\n &:hover {\n background-color: @accent-Color;\n }\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossaryName {\n color: @text;\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-bottom-color: @accent2;\n border-right-color: @accent2;\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom .lmt__glossary_editor [class^=\"form--\"] {\n background-color: @mantle;\n }\n\n .lmt__glossary_editor_subBar_bottom .lmt__glossary_editor_glossaryAddNewWrapper .lmt__glossary_editor_glossaryAddNew {\n color: @accent-Color;\n }\n\n .lmt__glossary_editor {\n background-color: @base;\n color: @text;\n border-color: @accent-Color;\n }\n\n .lmt__glossaryButton__desktop.switchedOn {\n border-color: @accent-Color;\n }\n\n .lmt__glossary_editorRow_editMode .editInput {\n border-color: @surface1;\n color: @text;\n background-color: @base;\n }\n\n .lmt__glossary_editor_checkmark {\n & when (@lookup =\"latte\") {\n border-bottom-color: @base;\n }\n border-bottom-color: @crust;\n & when (@lookup =\"latte\") {\n border-right-color: @base;\n }\n border-right-color: @crust;\n }\n\n .lmt__glossary_editor_langPairHeadline {\n color: @text;\n border-bottom-color: @surface1;\n }\n\n .lmt__glossary_editorRow {\n color: @text;\n }\n\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: @overlay1;\n border-right-color: @overlay1;\n }\n\n .LanguagePair_arrow {\n color: @overlay2;\n stroke: @overlay2;\n }\n\n .lmt__glossary_dialog {\n background-color: @surface0;\n color: @text;\n border-color: @surface2;\n }\n\n .lmt__glossary_editorRow .iconButton {\n color: @text;\n } /////\n .combined_app_ad_mobile_and_desktop .dl_ad_pro_container,\n .dl_pro__banner--2021--wrapper,\n [class^=\"footerOuterContainer\"],\n .lmt_quote__inner {\n background-color: @crust;\n }\n\n .lmt_quote__inner,\n .lmt_quote__text,\n .lmt_quote__source {\n color: @subtext0;\n }\n\n .lmt_quote__source a {\n color: @accent-Color;\n } // popup\n .lmt__edit_text_popup {\n background-color: @surface1;\n }\n\n .lmt__edit_text_popup li,\n .lmt__edit_text_popup .lmt__edit_text_list_item {\n color: @subtext1;\n border-color: @surface2;\n }\n\n .lmt__edit_text_popup .lmt__edit_text_popup__entry--active {\n background-color: fadeout(@yellow, 0.3);\n } // dictionary\n #lmt__dict_container {\n [class^=\"content--\"] {\n .tag_lemma a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a .isForeignTerm .tag_t,\n .tag_t a {\n color: @accent-Color;\n }\n\n .sep {\n color: @text;\n }\n\n .tag_trans {\n color: @subtext1;\n }\n\n .notascommon {\n color: @overlay1;\n }\n }\n\n span > span > button:hover {\n color: @accent-Color;\n }\n } // quotes\n .lmt_quotes_nav_entry {\n color: @overlay1;\n background-color: @overlay0;\n }\n\n .lmt_quotes_nav_entry--active {\n color: @accent-Color;\n background-color: @accent-Color;\n } // footer\n .dl_footerV2_container {\n [class*=\"linkList--\"] li {\n &:not(:first-of-type) a {\n color: @accent2 !important; // idk why this isn't coloring\n }\n\n [class*=\"badge--\"] {\n background-color: spin(@accent-Color, -40deg) !important;\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n }\n }\n & when (@lookup =\"latte\") {\n #dl_menu_logo img,\n #dl_menu_translator_simplified img,\n .lmt_quote .lmt_quote__logo,\n .lmt_quote__inner::before,\n [class^=\"docTrans__help_popup__container--\"] [class^=\"supportedIcons--\"] > div,\n .dl_footerV2_container [class^=\"brandingContainer--\"] a > img,\n [class^=\"socialMediaContainer--\"] a > img {\n filter: invert(100%) hue-rotate(180deg);\n }\n }\n // options\n & when (@quotes =1) {\n #dl_quotes_container {\n display: none;\n }\n }\n\n & when (@header=1) {\n .dl_header {\n display: none;\n }\n }\n\n & when (@footer=1) {\n .dl_footerV2_container,\n .showSeoText .eSEOtericText {\n display: none;\n }\n }\n\n & when (@tabs=1) {\n .lmt__doc {\n margin-bottom: 0;\n\n & Trans-tab-container {\n display: none !important;\n min-height: 100vh;\n }\n }\n\n #lmt_quotes_article {\n margin-top: 0;\n }\n\n .dl_translator_page_container {\n align-items: center;\n align-content: center;\n justify-content: center;\n }\n }\n\n & when (@dictionary=1) {\n #lmt__dict_container {\n display: none !important;\n }\n }\n\n & when not (@quotes=@footer) {\n .showSeoText .eSEOtericText {\n margin-bottom: 70px;\n }\n }\n\n & when (@footer =1),\n (@header=1),\n (@quotes=1) {\n body {\n display: flex;\n flex-direction: column;\n min-height: calc(100vh - 2em);\n align-items: center;\n align-content: center;\n justify-content: center;\n }\n\n .dl_translator_page_container {\n margin: 2em 0;\n\n > * {\n width: 100vw;\n }\n }\n }\n\n & when (@quotes=1),\n (@header=1),\n (@footer=1),\n (@tabs=1) {\n body {\n min-height: 100vh;\n }\n }\n\n & when (@removeAds=1) {\n #lmt_pro_ad_container {\n display: none;\n }\n }\n\n & when (@removeGlossaryButton=1) {\n .lmt__glossaryButton__desktop {\n display: none;\n }\n }\n }\n}\n", + "usercssData": { + "name": "DeepL Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/deepl", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl", + "version": "0.2.2", + "description": "Soothing pastel theme for DeepL", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "flavor": { + "type": "select", + "label": "Flavor", + "name": "flavor", + "value": "macchiato", + "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": "lavender", + "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" + } + ] + }, + "quotes": { + "type": "checkbox", + "label": "Remove Quotes", + "name": "quotes", + "value": "1", + "default": "0", + "options": null + }, + "header": { + "type": "checkbox", + "label": "Remove Header", + "name": "header", + "value": "1", + "default": "0", + "options": null + }, + "footer": { + "type": "checkbox", + "label": "Remove Footer", + "name": "footer", + "value": "1", + "default": "0", + "options": null + }, + "tabs": { + "type": "checkbox", + "label": "Remove Tabs", + "name": "tabs", + "value": "1", + "default": "0", + "options": null + }, + "dictionary": { + "type": "checkbox", + "label": "Remove Dictionary", + "name": "dictionary", + "value": null, + "default": "0", + "options": null + }, + "removeAds": { + "type": "checkbox", + "label": "Remove DeepL Ads", + "name": "removeAds", + "value": "1", + "default": "0", + "options": null + }, + "removeGlossaryButton": { + "type": "checkbox", + "label": "Remove Glossary Button", + "name": "removeGlossaryButton", + "value": null, + "default": "0", + "options": null + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for DeepL", + "name": "DeepL Catppuccin", + "originalDigest": "c86d4af43664587840432c34b56636ff07e5abf1", + "_id": "75e2673b-4f72-4109-8a4b-b271375e29e2", + "_rev": 1690105899992, + "id": 41, + "etag": "W/\"110136233858bc31d8d1b788fd2fe69dcce30f3ef65afc3c6c771f95cf4330c4\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand", + "installDate": 1690105930236, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Wikiwand Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/wikiwand\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand\n@version 1.2.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css\n@description Soothing pastel theme for Wikiwand\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==/UserStyle== */\n@-moz-document domain(\"wikiwand.com\") {\n\n .root_light__Inhun {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .root_earth__3sDLo,\n .root_dark__oGh5X,\n .root_auto__Xg3qF,\n .root_grey__eKz_h {\n #catppuccin(@darkFlavor, @accentColor);\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 #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 --color-bg: @base;\n --color-text: @text;\n --color-grey: @subtext0;\n --color-table: @surface0;\n --color-table-border: @surface0;\n --color-link: @accent-Color;\n --toc-bg: @mantle;\n --toc-text: @text;\n --toc-border: @crust;\n --tag-bg: @surface0;\n --tag-text: @overlay1;\n --navbar-bg: @crust;\n --navbar-border: @mantle;\n --navbar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2),\n 0px 5px 10px rgba(0, 0, 0, 0.3);\n }\n .popover_arrow__pQSsX::before {\n background-color: @surface1;\n border: 1px solid @surface2;\n }\n *[class*=\"dropdown_item\"] {\n color: @text;\n }\n .popover_popover__jgyGp {\n background-color: @surface1;\n border: 1px solid @surface2;\n border-radius: 0.625em;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);\n }\n .draggable_wrapper__YB014 {\n background-color: @surface1;\n border: 1px solid @surface0;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.3);\n color: @text;\n }\n .checkbox_checkbox__uXwIZ {\n width: 1.125em;\n height: 1.125em;\n border-radius: 0.125em;\n border: 1px solid @surface1;\n background-color: @surface2;\n position: relative;\n }\n .checkbox_checkbox__uXwIZ::before {\n background-color: @accent-Color;\n }\n svg.audio_icon__eZ5Bx {\n color: @text;\n }\n .checkbox_label__V5gon,\n .audio_select__kmOPL {\n color: @subtext0 !important;\n }\n .draggable_header__bfxdq {\n border: 1px solid @surface1 !important;\n }\n .footer_donation__Cje_Q {\n display: none !important;\n }\n .dropdown_content__4NAxl {\n background-color: @surface1;\n border: 1px solid @surface2;\n }\n p.settings_setLabel__NrVBx:nth-child(3),\n article.settings_section__vRaq_:nth-child(1) {\n color: @text;\n }\n .toggle_label__y7mDQ {\n color: @text;\n }\n .toggle_bg__Qn4Oc {\n background-color: @accent-Color;\n }\n .toggle_label__y7mDQ.toggle_active__l_k3F {\n color: @base;\n }\n .toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover {\n color: @accent-Color;\n }\n .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n .themeBtn_wrapper__KTkHk:hover {\n color: @accent-Color;\n }\n .themeBtn_label__GyvdH {\n color: @subtext1;\n }\n .toggle_toggle__jzkKG {\n background-color: @surface2;\n }\n .settings_reset__GO2x4 {\n border-top: 1px solid @surface2;\n }\n .settings_resetBtn__3yLrG {\n color: @text;\n }\n .settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover {\n color: @red;\n }\n .themeBtn_label__GyvdH span {\n background-color: @surface2;\n border: 1px solid @surface2;\n }\n .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I .themeBtn_demoWrapper__fdi7G {\n border: 1px solid @accent-Color !important;\n }\n div.themeBtn_wrapper__KTkHk:nth-child(3) > p:nth-child(2) > span:nth-child(1)::before {\n background-color: @accent-Color;\n }\n .item_item__uLhiz.item_active__4kaIV {\n color: @accent-Color;\n }\n .item_item__uLhiz.item_active__4kaIV,\n .item_item__uLhiz:hover {\n background-color: @surface2;\n }\n .languages_wrapper__1Ad3R {\n color: @subtext1;\n }\n .input_input__uGeT_ {\n color: @text;\n background-color: @overlay0;\n border-radius: 4px;\n }\n .input_wrapper__aeypb {\n border: none !important;\n }\n .action_action___vLQg {\n color: @accent-Color;\n }\n .share_btn__9IJpe {\n color: @text;\n background-color: @surface2;\n border: @surface2;\n }\n .share_btn__9IJpe span {\n color: @text;\n }\n .footer_socialWrapper__R1iSQ *:hover,\n .footer_link__TA4rr:hover {\n color: @accent-Color;\n }\n .list_wrapper__TYM2l,\n .input_wrapper__aeypb {\n background-color: @surface1;\n color: @text;\n }\n .input_wrapper__aeypb * {\n color: @text;\n }\n .list_item_VVizU:hover {\n background-color: @surface2 !important;\n }\n .search_header__gqnk7.search_article__L3Khv {\n background: transparent;\n }\n .item_item__jj0Ue {\n color: @text;\n }\n .item_item__jj0Ue:hover {\n background-color: @surface2 !important;\n border-color: @accent-Color;\n }\n .modal_header__t094_ {\n border-color: @surface1;\n color: @text;\n }\n .list_item__VVizU.list_active__ahAYX,\n .list_item__VVizU:hover {\n background-color: @surface2;\n }\n .button_btn__ln0Hv {\n color: @accent-Color;\n background-color: @surface0;\n }\n\n .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_icons__tirr9,\n .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_toc__iPfvP,\n .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_icons__tirr9,\n .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_toc__iPfvP {\n background-color: @surface1;\n color: @text;\n }\n .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > * {\n background-color: @crust !important;\n }\n .dropdown_item__yrn67:hover {\n background-color: @surface2;\n color: @accent-Color;\n border-color: @accent-Color !important;\n }\n .audio_dot__jeWOr.audio_active__li6PM {\n background-color: @accent-Color;\n }\n .audio_dot__jeWOr {\n background-color: @surface2;\n box-shadow: 6.666px 0 0 0px @surface2;\n border-radius: 0px;\n border: 1px solid @surface2 !important;\n }\n .gallery_icon__7LOBi {\n background-color: @surface2;\n color: @subtext1;\n }\n .gallery_disable__1QuKw {\n background-color: @surface0;\n }\n .gallery_icon__7LOBi:hover {\n background-color: @overlay0;\n color: @accent-Color;\n }\n .gallery_nav__BEeM3 {\n background-color: @base;\n }\n .image_wrapper__Dq3Jq {\n background-color: @crust;\n }\n .stage_caption__BvSjQ {\n color: @subtext0;\n }\n .gallery_wrapper__1a7bM,\n .thumbnails_wrapper__1Q5be {\n background-color: @mantle !important;\n }\n .thumbnails_thumbnail__H4tNf {\n background-color: #fafafa;\n border-radius: 4px;\n padding: 4px;\n }\n\n .list_loading__j43_R {\n color: @accent-Color;\n }\n .info_wrapper__HpdJH,\n .info_arrow__ehjUI {\n background-color: @surface1;\n border-color: @surface1;\n }\n\n .info_wrapper__HpdJH::after {\n background: linear-gradient( 180deg,\n hsla(0, 0%, 98%, 0),\n @surface1 90%);\n }\n .list_item__VVizU.list_active__ahAYX {\n color: @accent-Color;\n }\n .item_star__arENF {\n color: @subtext1;\n }\n .item_star__arENF.item_active__4kaIV {\n color: @yellow;\n }\n .action_action___vLQg.action_remove__z6g_k {\n color: @text;\n }\n .action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k {\n color: @accent-Color;\n }\n .item_remove__f1A5k {\n background-color: @surface1;\n }\n .item_remove__f1A5k span,\n .item_remove__f1A5k svg {\n color: @red;\n }\n caption {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n .summary_wordtuneWrapper__21QxG > img:nth-child(2) {\n background-color: @accent-Color;\n }\n code > a {\n color: @accent-Color !important;\n }\n table * {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n }\n table {\n background-color: @surface0 !important;\n border: none !important;\n }\n a.wl {\n color: @accent-Color !important;\n }\n .summary_footer__Lk6z7 > span:nth-child(1),\n svg.icon_icon__0vohI,\n .icon_icon__0vohI.input_icon__He3sV,\n svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1) {\n color: @accent-Color;\n fill: @accent-Color;\n }\n .wikitable tr::before {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n }\n}\n", + "usercssData": { + "name": "Wikiwand Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/wikiwand", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand", + "version": "1.2.0", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css", + "description": "Soothing pastel theme for Wikiwand", + "author": "Catppuccin", + "license": "MIT", + "preprocessor": "less", + "vars": { + "lightFlavor": { + "type": "select", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "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": "macchiato", + "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" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Wikiwand", + "name": "Wikiwand Catppuccin", + "originalDigest": "525ec86e524391c34a17d621f26ad4ff2f3ba95b", + "_id": "2b505832-cc5a-4902-bf4f-e868b4dab84d", + "_rev": 1690105930236, + "id": 42, + "etag": "W/\"911c9a35b929124df85cde8898aad93c5cc477022a21c3ae8266df69f2762a47\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/proton/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/proton", + "installDate": 1690105961935, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Proton Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/proton\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/proton\n@version 0.1.1\n@description Soothing pastel theme for Proton services\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/proton/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"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 regexp(\"https://(account|mail|drive|calendar).proton.me/.*$\") {\n\n :root {\n #catppuccin(@flavor, @accentColor);\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 #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 .ui-prominent,\n .ui-standard {\n --primary: @accent-Color;\n --primary-contrast: @mantle;\n --signal-danger-minor-2: darken(@maroon, 50%);\n --signal-danger-minor-1: darken(@maroon, 30%);\n --signal-danger: @maroon;\n --signal-danger-major-1: saturate(@maroon, 40%);\n --signal-danger-major-2: saturate(@maroon, 30%);\n --signal-danger-major-3: saturate(@maroon, 20%);\n --signal-danger-contrast: @mantle;\n --signal-warning-minor-2: darken(@peach, 50%);\n --signal-warning-minor-1: darken(@peach, 30%);\n --signal-warning: @peach;\n --signal-warning-major-1: saturate(@peach, 40%);\n --signal-warning-major-2: saturate(@peach, 30%);\n --signal-warning-major-3: saturate(@peach, 20%);\n --signal-warning-contrast: @mantle;\n --signal-success-minor-2: darken(@green, 50%);\n --signal-success-minor-1: darken(@green, 30%);\n --signal-success: @green;\n --signal-success-major-1: saturate(@green, 40%);\n --signal-success-major-2: saturate(@green, 30%);\n --signal-success-major-3: saturate(@green, 20%);\n --signal-success-contrast: @mantle;\n --signal-info-minor-2: darken(@blue, 50%);\n --signal-info-minor-1: darken(@blue, 30%);\n --signal-info: @blue;\n --signal-info-major-1: saturate(@blue, 40%);\n --signal-info-major-2: saturate(@blue, 30%);\n --signal-info-major-3: saturate(@blue, 20%);\n --signal-info-contrast: @mantle;\n --interaction-norm-minor-2: darken(@accent-Color, 50%);\n --interaction-norm-minor-1: darken(@accent-Color, 30%);\n --interaction-norm: @accent-Color;\n --interaction-norm-major-1: lighten(@accent-Color, 30%);\n --interaction-norm-major-2: lighten(@accent-Color, 20%);\n --interaction-norm-major-3: lighten(@accent-Color, 10%);\n --interaction-norm-contrast: @mantle;\n --interaction-weak-minor-2: darken(@overlay0, 50%);\n --interaction-weak-minor-1: darken(@overlay0, 30%);\n --interaction-weak: @overlay0;\n --interaction-weak-major-1: lighten(@overlay0, 10%);\n --interaction-weak-major-2: lighten(@overlay0, 20%);\n --interaction-weak-major-3: lighten(@overlay0, 30%);\n --interaction-weak-contrast: @text;\n --text-norm: @text;\n --text-weak: @subtext0;\n --text-hint: @subtext1;\n --text-disabled: @overlay1;\n --text-invert: invert(@text);\n --field-norm: @overlay2;\n --field-hover: @overlay1;\n --field-disabled: @overlay0;\n --field-focus: @accent-Color;\n --field-highlight: fadeout(@accent-Color, 30%);\n --border-norm: @overlay0;\n --border-weak: @overlay1;\n --background-norm: @base;\n --background-weak: @mantle;\n --background-strong: @crust;\n --interaction-default: transparent;\n --interaction-default-hover: fadeout(@accent-Color, 30%);\n --interaction-default-active: fadeout(@accent-Color, 40%);\n --shadow-norm-opacity: 0.5;\n --shadow-lifted-opacity: 0.75;\n --backdrop-norm: fadeout(@crust, 50%);\n --optional-scrollbar-thumb-color: @surface0;\n --optional-scrollbar-thumb-hover-color: @surface2;\n --optional-link-norm: var(--interaction-norm-major-1);\n --optional-link-hover: var(--interaction-norm-major-2);\n --optional-link-active: var(--interaction-norm-major-3);\n --optional-email-item-unread-background-color: var(--background-weak);\n --optional-email-item-read-background-color: var(--background-norm);\n --optional-email-item-read-text-color: var(--text-weak);\n --optional-mini-calendar-today-color: @text;\n --optional-logo-text-proton-color: @text;\n --optional-logo-text-product-color: @text;\n --optional-tooltip-background-color: var(--background-weak);\n --favorite-icon-color: var(--optional-favorite-icon-color, @peach);\n }\n\n .ui-prominent {\n --background-norm: @mantle;\n --background-weak: @base;\n --background-strong: @crust;\n }\n\n .item-container-row:not(.item-is-selected):hover,\n .item-container:not(.item-is-selected):hover {\n box-shadow: none;\n background-color: var(--navigation-current-item-background-color);\n color: var(--email-item-selected-text-color);\n }\n }\n}", + "usercssData": { + "name": "Proton Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/proton", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/proton", + "version": "0.1.1", + "description": "Soothing pastel theme for Proton services", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/proton/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "flavor": { + "type": "select", + "label": "Flavor", + "name": "flavor", + "value": "macchiato", + "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" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Proton services", + "name": "Proton Catppuccin", + "originalDigest": "a0309df7621ec2e1920bb058ad1c81dc6111d230", + "_id": "ee183f9a-40dd-495b-9dab-e8aa3ddf693f", + "_rev": 1690105961935, + "id": 43 + }, + { + "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": 1690105972974, + "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.0\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(--text) !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 \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.0", + "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": "Lavender", + "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": "Macchiato", + "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": "bcb9bc5ed5d2e935fb7c1f1a5d6ec46529ab58a0", + "_id": "6a5b44ca-c395-44a4-8e9f-f54309f309e1", + "_rev": 1690105972974, + "id": 44, + "etag": "W/\"5f3732f33d736bd0f8a791dc868529b4f3b2ba360e23be6163a7fbd0e7d477f2\"" + }, + { + "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": 1690105982413, + "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.4\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 & .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\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 }\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.4", + "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": "macchiato", + "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": "macchiato", + "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" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Twitch", + "name": "Twitch Catppuccin", + "originalDigest": "8939e46685ee7e7571ed15dd97f1e3f196d7c1b2", + "_id": "f0c36e57-93df-42f7-b12e-2c38612254fd", + "_rev": 1690480136793, + "id": 45, + "etag": "W/\"04dc8d5be1a91012be9f575984e2edfcaba035415507fe210b4bbbae31a32f96\"", + "updateDate": 1690480127148 + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/brave-search", + "installDate": 1690106083257, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Brave Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/brave-search\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/brave-search\n@version 1.0.2\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css\n@license\t\tMIT\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(\"search.brave.com\") {\n :root.light {\n #catppuccin(@lightFlavor);\n }\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n :root:not(.light):not(.dark) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n @catppuccin: {\n @latte: {\n @color-scheme: light;\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 @color-scheme: dark;\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 @color-scheme: dark;\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 @color-scheme: dark;\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 #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 @color: @catppuccin[@@lookup][@color-scheme];\n\n & {\n color-scheme: @color;\n --body-bg: @base;\n --bg-glassy: @mantle;\n --bg-1: @surface1;\n --bg-2: @surface0;\n --bg-02: @crust;\n --bg-04: @mantle;\n --bg-green: @green;\n --bg-blue: @blue;\n --bg-red: @red;\n --bg-favicon: @surface1;\n --bg-form-control-selected: @surface2;\n --bg-form-control-unselected: @surface0;\n --form-control-selected: @blue;\n --form-control-hover: @lavender;\n --form-control-focus: @text;\n --settings-header-bg: @mantle;\n --settings-header-text: @text;\n --settings-header-icon: @blue;\n --settings-widget-text: @subtext0;\n --settings-item-text: @text;\n --settings-item-icon: @blue;\n --settings-item-border: @overlay0;\n --settings-item-border-2: @overlay2;\n --settings-btn-bg: @surface0;\n --settings-btn-text: @text;\n --settings-widget-outline: @overlay0;\n --settings-independent-score: @blue;\n --settings-global-score: @peach;\n --brave-supporter-bg: @base;\n --brave-supporter-text: @text;\n --context-menu-header-border: @overlay0;\n --color-primary: @text;\n --color-primary-2: @subtext1;\n --color-primary-3: @subtext0;\n --color-white: @text;\n --color-gray-2: @subtext1;\n --color-gray-3: @subtext0;\n --color-gray-4: @overlay2;\n --color-gray-5: @overlay1;\n --color-gray-6: @overlay0;\n --color-green: @green;\n --color-red: @red;\n --color-blue: @blue;\n --info-color: @blue;\n --link-primary: @blue;\n --link-secondary: @blue;\n --link-visited: @mauve;\n --snippet-url: @subtext0;\n --separator-dot: @overlay0;\n --theme-purple: @mauve;\n --theme-yellow: @yellow;\n --border-color: @overlay0;\n --blurple-300: @lavender;\n --text-01: @text;\n --text-02: @subtext1;\n --text-03: @subtext0;\n --interactive-04: @blue;\n --interactive-05: @blue;\n --interactive-06: @blue;\n --interactive-07: @blue;\n --interactive-08: @blue;\n --focus-border: @overlay2;\n --divider-01: @overlay0;\n --disabled: @overlay1;\n --btn-filled-bg: @surface0;\n --btn-filled-bg-hover: @surface1;\n --btn-filled-text-active: @text;\n --btn-filled-bg-active: @surface2;\n --btn-filled-text-disabled: @overlay1;\n --btn-outline-border: @overlay0;\n --btn-outline-border-hover: @overlay1;\n --btn-outline-text: @text;\n --btn-outline-text-hover: @subtext1;\n --btn-outline-text-active: @text;\n --btn-outline-border-active: @overlay2;\n --btn-outline-text-disabled: @overlay1;\n --btn-icon-svg-hover: @subtext1;\n --btn-icon-bg-hover: @surface1;\n --btn-icon-svg-active: @text;\n --code-bg-0: @base;\n --code-border: @overlay0;\n --code-color-1: @surface0;\n --code-color-2: @text;\n --code-color-3: @green;\n --code-color-4: @blue;\n --code-color-5: @pink;\n --search-bgd-01: @overlay0;\n --search-bgd-02: @base;\n --search-bgd-03: @crust;\n --search-bgd-04: @mantle;\n --search-bgd-05: @base;\n --search-bgd-06: @surface0;\n --search-bgd-07: @mantle;\n --search-bgd-08: @crust;\n --search-line-01: @surface0;\n --search-line-02: @subtext0;\n --search-text-01: @text;\n --search-text-02: @subtext1;\n --search-text-03: @subtext0;\n --search-text-04: @subtext0;\n --search-text-05: @blue;\n --search-text-06: @overlay0;\n --search-text-09: @yellow;\n --search-text-10: @peach;\n --search-interactive-01: @blue;\n --search-interactive-02: @mauve;\n --search-interactive-03: @mauve;\n --search-interactive-04: @sky;\n --search-interactive-05: @mauve;\n --gray-30: @base;\n --gray-60: @surface0;\n --gray-90: @overlay0;\n --gray-110: @subtext0;\n --gray-120: @text;\n --secondary-90: @lavender;\n }\n }\n}\n", + "usercssData": { + "name": "Brave Search Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/brave-search", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/brave-search", + "version": "1.0.2", + "description": "Soothing pastel theme for Brave Search", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "lightFlavor": { + "type": "select", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "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": "macchiato", + "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 Brave Search", + "name": "Brave Search Catppuccin", + "originalDigest": "e57d8692fef75d83a79943daea911122c3a58361", + "_id": "8d7c5abd-49c7-4900-a70b-e3c3a2c82fcb", + "_rev": 1690106083257, + "id": 47, + "etag": "W/\"8feb9fff59bc0a2d1895021ed23a91645207920ae5cb53132ab14b3f4cb1c294\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/ecosia", + "installDate": 1690106092906, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Ecosia Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/ecosia\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ecosia\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css\n@description Soothing pastel theme for Ecosia\n@author Catppuccin\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:Grey\"]\n\n==/UserStyle== */\n@-moz-document domain(\"ecosia.org\") {\n\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark {\n #catppuccin(@darkFlavor, @accentColor);\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\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\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\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 #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-colour: @catppuccin[@@lookup][@@accent];\n\n /* general */\n --color-brand-primary: @accent-colour !important;\n --color-brand-secondary: @crust !important;\n --color-error: @red !important;\n --color-success: @green !important;\n --color-disabled: @overlay1 !important;\n --color-button-background-primary: @accent-colour !important;\n --color-button-background-primary-active: @accent-colour !important;\n --color-button-background-primary-hover: @accent-colour;\n --color-button-background-secondary: @surface0 !important;\n --color-button-background-secondary-active: @surface2 !important;\n --color-button-background-secondary-hover: @surface1 !important;\n --color-button-content-primary: @base !important;\n --color-button-content-secondary: @text !important;\n --color-button-content-tertiary: @accent-colour !important;\n --color-button-border: @surface0 !important;\n --color-button-background-transparent-hover: @surface1;\n --color-button-background-transparent-active: @surface2;\n --color-background-primary: @base !important;\n --color-background-secondary: @crust !important;\n --color-background-tertiary: @mantle !important;\n --color-background-quaternary: @surface0;\n --color-background-elevation-1: @mantle !important;\n --color-highlighter: @surface0 !important;\n --color-highlight-primary: @surface0 !important;\n --color-overlay-primary: @overlay0 !important;\n --color-overlay-secondary: @overlay1 !important;\n --color-text-primary: @text !important;\n --color-text-secondary: @subtext0 !important;\n --color-text-tertiary: @text !important;\n --color-link-primary: @sapphire !important;\n --color-link-secondary: @sky !important;\n --color-url: @sapphire !important;\n --color-link-results-default: @sapphire !important;\n --color-link-results-visited: @teal !important;\n --color-decorative-icon: @accent-colour !important;\n --color-elevation-layer-1: @surface1;\n --color-elevation-layer-2: @surface2;\n --color-decorative-border-1: @surface1 !important;\n --color-focused: @accent-colour !important;\n --color-form-border-default: @surface0 !important;\n --color-form-border-hover: @surface1 !important;\n --color-form-border-primary-active: @accent-colour !important;\n --color-tripadvisor-rating: @subtext0 !important;\n --color-tree-counter-tree-tall: @yellow !important;\n --color-green-leaf-icon-color-top: @green !important;\n --color-green-leaf-icon-color-bottom: @green !important;\n --color-fossil-fuel-icon-color-top: @flamingo !important;\n --color-fossil-fuel-icon-color-bottom: @maroon !important;\n\n /* seach page */\n --color-above-fold-background: @surface0 !important;\n --color-above-fold-background-addon: @overlay1 !important;\n --color-above-fold-text: @text !important;\n --color-section-wrapper-background-gray: @surface1 !important;\n --color-section-wrapper-background-dark-green: @surface0 !important;\n --color-section-wrapper-background-light-green: @surface0 !important;\n --color-section-header-title: @text !important;\n --color-projects-title: @text !important;\n --color-projects-description: @surface1;\n --color-financial-report-total-background: @surface0 !important;\n --color-financial-report-total-text: @text !important;\n --color-forest-background-addon: @surface1 !important;\n --color-forest-background-secondary: @surface0 !important;\n --color-before-after-text: @text !important;\n }\n}\n", + "usercssData": { + "name": "Ecosia Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/ecosia", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/ecosia", + "version": "0.0.1", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css", + "description": "Soothing pastel theme for Ecosia", + "author": "Catppuccin", + "license": "MIT", + "preprocessor": "less", + "vars": { + "lightFlavor": { + "type": "select", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "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": "macchiato", + "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": "lavender", + "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": "Grey", + "value": "subtext0" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Ecosia", + "name": "Ecosia Catppuccin", + "originalDigest": "774274a67e68de01861c1edd9156c3c5d7e41735", + "_id": "7535f38a-fbeb-42ef-acc7-688bab97ca48", + "_rev": 1690106092906, + "id": 48, + "etag": "W/\"850982d27cd5482c92984a35ff76fe7eb65384c4e23486c7b2adcca492883b35\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/searxng", + "installDate": 1690106105038, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name SearXNG Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/searxng\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/searxng\n@version 0.3.0\n@description Soothing pastel theme for SearXNG\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css\n@license \t\tMIT\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:Grey\"]\n@var checkbox additions \"Additional Tweaks\" 0\n==/UserStyle== */\n@-moz-document url-prefix(\"http://ransack.i2p/\"),\nurl-prefix(\"https://darmarit.org/searx/\"),\nurl-prefix(\"https://de.xcxc.ml/\"),\nurl-prefix(\"https://dynabyte.ca/\"),\nurl-prefix(\"https://etsi.me/\"),\nurl-prefix(\"https://icanfindit.online/\"),\nurl-prefix(\"https://jackgoss.xyz/\"),\nurl-prefix(\"https://jsearch.pw/\"),\nurl-prefix(\"https://metasearch.nl/\"),\nurl-prefix(\"https://northboot.xyz/\"),\nurl-prefix(\"https://notsearch.uk/\"),\nurl-prefix(\"https://opnxng.com/\"),\nurl-prefix(\"https://paulgo.io/\"),\nurl-prefix(\"https://priv.au/\"),\nurl-prefix(\"https://privatus.live/\"),\nurl-prefix(\"https://s.frlt.one/\"),\nurl-prefix(\"https://s.zhaocloud.net/\"),\nurl-prefix(\"https://saber.tk/\"),\nurl-prefix(\"https://search.0relay.com/\"),\nurl-prefix(\"https://search.affusio.com/\"),\nurl-prefix(\"https://search.bus-hit.me/\"),\nurl-prefix(\"https://search.callmeecho.dev/\"),\nurl-prefix(\"https://search.chemicals-in-the-water.eu/\"),\nurl-prefix(\"https://search.cronobox.one/\"),\nurl-prefix(\"https://search.disroot.org/\"),\nurl-prefix(\"https://search.ethibox.fr/\"),\nurl-prefix(\"https://search.gcomm.ch/\"),\nurl-prefix(\"https://search.kiwitalk.de/\"),\nurl-prefix(\"https://search.mdosch.de/\"),\nurl-prefix(\"https://search.mpx.wtf/\"),\nurl-prefix(\"https://search.neet.works/\"),\nurl-prefix(\"https://search.ononoki.org/\"),\nurl-prefix(\"https://search.privacyguides.net/\"),\nurl-prefix(\"https://search.projectsegfau.lt/\"),\nurl-prefix(\"https://search.rabbit-company.com/\"),\nurl-prefix(\"https://search.rhscze.cf/\"),\nurl-prefix(\"https://search.rowie.at/\"),\nurl-prefix(\"https://search.sapti.me/\"),\nurl-prefix(\"https://search.serginho.dev/\"),\nurl-prefix(\"https://search.smnz.de/\"),\nurl-prefix(\"https://search.snopyta.org/\"),\nurl-prefix(\"https://search.stinpriza.org/\"),\nurl-prefix(\"https://search.teamriverbubbles.com/\"),\nurl-prefix(\"https://search.trom.tf/\"),\nurl-prefix(\"https://search.unlocked.link/\"),\nurl-prefix(\"https://search.uspersec.com/\"),\nurl-prefix(\"https://search.vidhukant.xyz/\"),\nurl-prefix(\"https://search.zzls.xyz/\"),\nurl-prefix(\"https://searx.baczek.me/\"),\nurl-prefix(\"https://searx.be/\"),\nurl-prefix(\"https://searx.becomesovran.com/\"),\nurl-prefix(\"https://searx.bissisoft.com/\"),\nurl-prefix(\"https://searx.chocoflan.net/\"),\nurl-prefix(\"https://searx.divided-by-zero.eu/\"),\nurl-prefix(\"https://searx.dresden.network/\"),\nurl-prefix(\"https://searx.ebnar.xyz/\"),\nurl-prefix(\"https://searx.ericaftereric.top/\"),\nurl-prefix(\"https://searx.esmailelbob.xyz/\"),\nurl-prefix(\"https://searx.fi/\"),\nurl-prefix(\"https://searx.fmac.xyz/\"),\nurl-prefix(\"https://searx.fossencdi.org/\"),\nurl-prefix(\"https://searx.gnous.eu/\"),\nurl-prefix(\"https://searx.gnu.style/\"),\nurl-prefix(\"https://searx.kujonello.cf/\"),\nurl-prefix(\"https://searx.mastodontech.de/\"),\nurl-prefix(\"https://searx.mha.fi/\"),\nurl-prefix(\"https://searx.mistli.net/\"),\nurl-prefix(\"https://searx.mxchange.org/\"),\nurl-prefix(\"https://searx.nakhan.net/\"),\nurl-prefix(\"https://searx.namejeff.xyz/\"),\nurl-prefix(\"https://searx.netzspielplatz.de/\"),\nurl-prefix(\"https://searx.nixnet.services/\"),\nurl-prefix(\"https://searx.org/\"),\nurl-prefix(\"https://searx.orion-hub.fr/\"),\nurl-prefix(\"https://searx.priv.pw/\"),\nurl-prefix(\"https://searx.prvcy.eu/\"),\nurl-prefix(\"https://searx.rimkus.it/\"),\nurl-prefix(\"https://searx.roflcopter.fr/\"),\nurl-prefix(\"https://searx.ru/\"),\nurl-prefix(\"https://searx.run/\"),\nurl-prefix(\"https://searx.semipvt.com/\"),\nurl-prefix(\"https://searx.sethforprivacy.com/\"),\nurl-prefix(\"https://searx.sev.monster/\"),\nurl-prefix(\"https://searx.slipfox.xyz/searx/\"),\nurl-prefix(\"https://searx.sp-codes.de/\"),\nurl-prefix(\"https://searx.stuehieyr.com/\"),\nurl-prefix(\"https://searx.tiekoetter.com/\"),\nurl-prefix(\"https://searx.tuxcloud.net/\"),\nurl-prefix(\"https://searx.tyil.nl/\"),\nurl-prefix(\"https://searx.vanwa.tech/\"),\nurl-prefix(\"https://searx.webheberg.info/\"),\nurl-prefix(\"https://searx.xyz/\"),\nurl-prefix(\"https://searx.zapashcanon.fr/\"),\nurl-prefix(\"https://searx.zcyph.cc/\"),\nurl-prefix(\"https://searxng.ir/\"),\nurl-prefix(\"https://searxng.nicfab.eu/\"),\nurl-prefix(\"https://searxng.zackptg5.com/\"),\nurl-prefix(\"https://serx.ml/\"),\nurl-prefix(\"https://sh0.it/\"),\nurl-prefix(\"https://soek.allesbeste.com/\"),\nurl-prefix(\"https://spot.ecloud.global/\"),\nurl-prefix(\"https://srx.cosmohub.io/\"),\nurl-prefix(\"https://searx.oakleycord.dev/\"),\nurl-prefix(\"https://suche.dasnetzundich.de/\"),\nurl-prefix(\"https://suche.tromdienste.de/\"),\nurl-prefix(\"https://suche.uferwerk.org/\"),\nurl-prefix(\"https://swag.pw/\"),\nurl-prefix(\"https://sx.catgirl.cloud/\"),\nurl-prefix(\"https://timdor.noip.me/searx/\"),\nurl-prefix(\"https://trydex.tk/searxng/\"),\nurl-prefix(\"https://www.gruble.de/\"),\nurl-prefix(\"https://www.webrats.xyz/\"),\nurl-prefix(\"https://xcxc.ml/\"),\nurl-prefix(\"https://xo.wtf/\")\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 :root.theme-auto {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n :root.theme-auto {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n :root.theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root.theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\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 & {\n --color-base-font: @text;\n --color-base-background: @base;\n --color-base-background-mobile: @base;\n --color-url-font: @accent;\n --color-url-visited-font: @accent;\n --color-header-background: @mantle;\n --color-header-border: @mantle;\n --color-footer-background: @mantle;\n --color-footer-border: @mantle;\n --color-sidebar-border: @base;\n --color-sidebar-font: @text;\n --color-sidebar-background: @base;\n --color-backtotop-font: @subtext1;\n --color-backtotop-border: @surface0;\n --color-backtotop-background: @surface0;\n --color-btn-background: @accent;\n --color-btn-font: @base;\n --color-show-btn-background: @accent;\n --color-show-btn-font: @base;\n --color-search-border: @surface0;\n --color-search-shadow: 0 2px 8px @crust;\n --color-search-background: @surface0;\n --color-search-font: @text;\n --color-search-background-hover: @accent;\n --color-error: @red;\n --color-error-background: @surface0;\n --color-warning: @yellow;\n --color-warning-background: @surface0;\n --color-success: @green;\n --color-success-background: @surface0;\n --color-categories-item-selected-font: @text;\n --color-categories-item-border-selected: @accent;\n --color-autocomplete-font: @subtext1;\n --color-autocomplete-border: @surface0;\n --color-autocomplete-shadow: 0 2px 8px @crust;\n --color-autocomplete-background: @surface0;\n --color-autocomplete-background-hover: @surface1;\n --color-answer-font: @text;\n --color-answer-background: @mantle;\n --color-result-background: @mantle;\n --color-result-border: @base;\n --color-result-url-font: @subtext1;\n --color-result-vim-selected: @surface0;\n --color-result-vim-arrow: @accent;\n --color-result-description-highlight-font: @text;\n --color-result-link-font: @accent;\n --color-result-link-font-highlight: @accent;\n --color-result-link-visited-font: @accent;\n --color-result-publishdate-font: @surface2;\n --color-result-engines-font: @surface2;\n --color-result-search-url-border: @surface2;\n --color-result-search-url-font: @text;\n --color-result-detail-font: @text;\n --color-result-detail-label-font: @surface1;\n --color-result-detail-background: @base;\n --color-result-detail-hr: @base;\n --color-result-detail-link: @accent;\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: @crust;\n --color-result-image-span-font: @text;\n --color-result-image-span-font-selected: @base;\n --color-result-image-background: @mantle;\n --color-settings-tr-hover: @surface0;\n --color-settings-engine-description-font: @text;\n --color-settings-engine-group-background: @surface0;\n --color-toolkit-badge-font: @text;\n --color-toolkit-badge-background: @surface0;\n --color-toolkit-kbd-font: @text;\n --color-toolkit-kbd-background: @mantle;\n --color-toolkit-dialog-border: @mantle;\n --color-toolkit-dialog-background: @mantle;\n --color-toolkit-tabs-label-border: @base;\n --color-toolkit-tabs-section-border: @base;\n --color-toolkit-select-background: @surface0;\n --color-toolkit-select-border: @surface0;\n --color-toolkit-select-background-hover: @surface1;\n --color-toolkit-input-text-font: @text;\n --color-toolkit-checkbox-onoff-off-background: @surface0;\n --color-toolkit-checkbox-onoff-on-background: @surface0;\n --color-toolkit-checkbox-onoff-on-mark-background: @green;\n --color-toolkit-checkbox-onoff-on-mark-color: @mantle;\n --color-toolkit-checkbox-onoff-off-mark-background: @red;\n --color-toolkit-checkbox-onoff-off-mark-color: @mantle;\n --color-toolkit-checkbox-label-background: @base;\n --color-toolkit-checkbox-label-border: @mantle;\n --color-toolkit-checkbox-input-border: @accent;\n --color-toolkit-engine-tooltip-border: @surface0;\n --color-toolkit-engine-tooltip-background: @surface0;\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: @crust;\n --color-doc-code: @rosewater;\n --color-doc-code-background: @mantle;\n }\n\n #search_logo svg :not([fill=\"none\"]) {\n fill: @accent;\n }\n #search_logo svg :not([stroke=\"none\"]) {\n stroke: @accent;\n }\n\n if (additions) {\n article.result {\n background-color: var(--color-result-background);\n border-radius: 0.75em;\n padding: 0.75em;\n margin: 0.5em;\n }\n article.category-images {\n padding-bottom: 4em;\n }\n }\n }\n}\n", + "usercssData": { + "name": "SearXNG Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/searxng", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/searxng", + "version": "0.3.0", + "description": "Soothing pastel theme for SearXNG", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "lightFlavor": { + "type": "select", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "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": "macchiato", + "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": null, + "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": "Grey", + "value": "subtext0" + } + ] + }, + "additions": { + "type": "checkbox", + "label": "Additional Tweaks", + "name": "additions", + "value": "1", + "default": "0", + "options": null + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for SearXNG", + "name": "SearXNG Catppuccin", + "originalDigest": "4fda55a18ee1bb8c0d5588791efa839d02166546", + "_id": "56ebf55d-dc89-4726-b362-a0cd9f5f0989", + "_rev": 1690480158115, + "id": 49, + "etag": "W/\"57d688e50ce83317553acf632d5578a3c044434489e80532e7071840b91970dd\"", + "updateDate": 1690480155089 + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/mastodon/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/mastodon", + "installDate": 1690106137364, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mastodon\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon\n@version 1.1.4\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/mastodon/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==/UserStyle== */\n@-moz-document domain(\"mstdn.social\"),\ndomain(\"fosstodon.org\"),\ndomain(\"tech.lgbt\"),\ndomain(\"mastodon.social\") {\n\n .theme-mastodon-light,\n :root:has(.theme-mastodon-light),\n .skin-mastodon-light,\n :root:has(.skin-mastodon-light) {\n #mastodon(@lightFlavor, @accentColor);\n }\n\n .theme-default,\n .theme-contrast,\n :root:has(.theme-default),\n :root:has(.theme-contrast),\n .skin-default,\n .skin-contrast,\n :root:has(.skin-default),\n :root:has(.skin-contrast) {\n #mastodon(@darkFlavor, @accentColor);\n }\n\n #mastodon(@lookup, @accent) {\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 @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 .tabs-bar__wrapper,\n .admin-wrapper .sidebar-wrapper__inner {\n background: @crust;\n color: @text;\n }\n\n .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n\n .search-popout,\n .search-popout em,\n .dismissable-banner__message,\n .account__header__bio .account__header__fields dt,\n .account__section-headline a.active,\n .account__section-headline button.active,\n .notification__filter-bar a.active,\n .notification__filter-bar button.active,\n .account__header__bio .account__header__content,\n .navigation-bar,\n .column-link__badge,\n .column-subheading,\n .account__display-name strong,\n .status__display-name strong,\n .notification__message,\n .public-layout .public-account-bio .account__header__content,\n .reply-indicator__content,\n .status__content,\n .card__bar .display-name strong {\n color: @text;\n }\n\n\n .search-popout span,\n .link-footer p,\n .link-footer p a {\n color: @subtext1;\n }\n\n .account__header__tabs__name h1 small,\n .account__header__bio .account__header__fields dd,\n .display-name__account,\n .status__relative-time,\n .empty-column-indicator,\n .follow_requests-unlocked_explanation,\n .account .account__display-name,\n .label_input .search__input,\n .search__input:focus,\n .account__header__fields dt {\n color: @subtext0\n }\n\n .compose-panel hr,\n .navigation-panel hr {\n border-top-color: @subtext0\n }\n\n .trends__item,\n .status,\n .getting-started__trends h4,\n .trends__item__name span,\n .story {\n border-color: @subtext0\n }\n\n\n .account__header__tabs__name h1,\n .account__header__content a,\n .account__header__bio .account__header__fields a,\n .empty-column-indicator a,\n .follow_requests-unlocked_explanation a,\n .column-back-button,\n .icon-button.inverted,\n .text-icon-button,\n .icon-button.active,\n .public-layout .public-account-bio .account__header__fields a,\n .column-header__back-button,\n .navigation-bar strong,\n .reply-indicator__content a.unhandled-link,\n .status__content a.unhandled-link {\n color: @accent-Color;\n }\n\n .icon-button,\n .notification__message .fa {\n color: @surface2;\n }\n\n\n .icon-button:active,\n .icon-button:focus,\n .icon-button:hover,\n .text-icon-button:active,\n .text-icon-button:focus,\n .text-icon-button:hover,\n .icon-button.inverted:active,\n .icon-button.inverted:focus,\n .icon-button.inverted:hover,\n .public-layout .public-account-bio .account__header__fields a:hover {\n color: @accent-Color;\n }\n\n\n .ui__header,\n .column-header,\n .column-header__button,\n .column-header__back-button,\n .column-back-button,\n .drawer__header,\n .account__section-headline,\n .notification__filter-bar,\n .account__section-headline button,\n .notification__filter-bar button,\n .account__header,\n .search__input,\n .search__input:focus,\n .column-link__badge,\n .column-subheading,\n .public-layout .header,\n .public-layout .public-account-header__bar::before,\n .account__header__fields,\n .account__header__fields dt,\n .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .focusable:focus,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected {\n border-color: @mantle;\n background: @surface1;\n }\n\n .admin-wrapper .sidebar ul a:hover,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover {\n background: @surface0;\n }\n\n\n .dismissable-banner {\n border-color: @surface1;\n background: @base;\n }\n\n .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .column-header__back-button,\n .account__header__bio .account__header__fields dl,\n .account__header__bio .account__header__fields,\n .empty-column-indicator,\n .column > .scrollable,\n .nothing-here,\n .public-layout .public-account-bio,\n .hero-widget__text,\n body.admin,\n .admin-wrapper .sidebar ul a.selected,\n .admin-wrapper .sidebar ul ul {\n border-color: @mantle;\n background: @base;\n }\n\n\n .public-layout .public-account-header__tabs__tabs .counter::after {\n border-color: @accent-Color;\n }\n\n .public-layout .public-account-header__tabs__tabs .counter.active::after {\n border-color: @accent-Color;\n }\n\n .account,\n .load-gap {\n border-color: @mantle;\n }\n\n .account__section-headline a.active::after {\n border-color: transparent transparent @base;\n }\n\n .account__section-headline a.active::before,\n .account__section-headline button.active::after,\n .account__section-headline button.active::before,\n .notification__filter-bar a.active::after,\n .notification__filter-bar a.active::before,\n .notification__filter-bar button.active::after,\n .notification__filter-bar button.active::before {\n border-color: transparent transparent @mantle;\n }\n\n\n .search-popout,\n .drawer__header a:hover,\n .column-header__button:hover,\n .account__section-headline button:hover,\n .notification__filter-bar button:hover,\n .account__section-headline a:hover {\n background: @surface2;\n }\n\n .column-link .active,\n .column-link--transparent.active,\n .column-link--transparent:focus,\n .column-link:focus {\n color: @accent-Color;\n }\n\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent-Color;\n }\n\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.button-tertiary:active {\n color: @base;\n }\n\n .button.button-tertiary {\n border-color: @accent-Color;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button {\n background: @accent-Color;\n color: @base;\n }\n\n .button.logo-button svg {\n fill: currentColor;\n }\n\n\n .public-layout .header .nav-button {\n background-color: @surface1;\n }\n\n .public-layout .header .nav-button:hover {\n background-color: @surface2;\n }\n\n .button.button-secondary:active,\n .button.button-secondary:focus,\n .button.button-secondary:hover {\n border-color: @accent-Color;\n color: @base;\n transition: .4s;\n }\n\n .button:active,\n .button:focus,\n .button:hover,\n .button.button-tertiary:active,\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.logo-button:active,\n .button.logo-button:focus,\n .button.logo-button:hover {\n background: @accent-Color;\n }\n\n .drawer__inner,\n .drawer__inner__mastodon {\n background-color: @base;\n }\n\n .compose-form .compose-form__modifiers,\n .compose-form .autosuggest-textarea__textarea,\n .compose-form .spoiler-input__input {\n background: @surface1;\n color: @text;\n }\n\n .compose-form .autosuggest-textarea__textarea::placeholder {\n color: @subtext0\n }\n\n .compose-form .compose-form__buttons-wrapper {\n background: @surface0;\n }\n\n .load-more:hover {\n background-color: @mantle;\n }\n\n .character-counter {\n color: @subtext0\n }\n\n .public-layout .header,\n .hero-widget,\n .public-layout .public-account-header,\n .public-layout .public-account-bio,\n .nothing-here {\n box-shadow: none;\n }\n\n .dropdown-menu__arrow:before,\n .dropdown-menu__item a,\n .dropdown-menu__item button,\n .dropdown-menu__container__list,\n .dropdown-menu.bottom {\n background: @surface0;\n color: @text;\n }\n\n .dropdown-menu__item a:hover,\n .dropdown-menu__item button:hover {\n background: @surface1;\n }\n\n .input-copy,\n .simple_form input[type=text],\n .simple_form textarea,\n .simple_form .block-button,\n .simple_form .button,\n .simple_form button {\n background: @mantle;\n color: @text;\n }\n\n .simple_form .block-button:hover,\n .simple_form .button:hover,\n .simple_form button:hover {\n background: @surface0;\n }\n\n .simple_form .input.with_label .label_input > label,\n .simple_form select,\n .accounts-table__count,\n .simple_form textarea {\n color: @text;\n }\n\n .simple_form textarea,\n .simple_form input[type=password],\n .simple_form input[type=number],\n .simple_form input[type=text] {\n border: 1px solid @crust;\n }\n\n .simple_form input[type=email]:required:valid {\n border: 1px solid @green\n }\n\n .simple_form input[type=password],\n .simple_form input[type=number],\n .simple_form input[type=email]:required:valid,\n .simple_form input[type=password]:required:invalid:not(:placeholder-shown) {\n color: @text;\n background: @mantle;\n }\n\n .simple_form input[type=password]:required:invalid:not(:placeholder-shown) {\n border: 1px solid @red;\n }\n\n .simple_form select {\n background: @mantle url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center/auto 16px;\n border: 1px solid @crust;\n }\n\n .simple_form input[type=datetime-local]:active,\n .simple_form input[type=datetime-local]:focus,\n .simple_form input[type=email]:active,\n .simple_form input[type=email]:focus,\n .simple_form input[type=number]:active,\n .simple_form input[type=number]:focus,\n .simple_form input[type=password]:active,\n .simple_form input[type=password]:focus,\n .simple_form input[type=text]:active,\n .simple_form input[type=text]:focus,\n .simple_form input[type=url]:active,\n .simple_form input[type=url]:focus,\n .simple_form textarea:active,\n .simple_form textarea:focus {\n border-color: @accent-Color !important;\n background: @mantle !important;\n color: @text !important;\n }\n\n .table > thead > tr > th {\n border-color: @accent-Color !important;\n }\n\n .batch-table__toolbar,\n .table > thead > tr > th {\n background: @surface0 !important;\n color: @text !important;\n }\n\n .simple_form input[type=datetime-local]:hover,\n .simple_form input[type=email]:hover,\n .simple_form input[type=number]:hover,\n .simple_form input[type=password]:hover,\n .simple_form input[type=text]:hover,\n .simple_form input[type=url]:hover,\n .simple_form textarea:hover {\n background: @mantle !important;\n border-color: @accent-Color !important;\n transition: 0.4s;\n }\n\n .batch-table__row {\n background: @surface1;\n }\n\n .batch-table__row:hover,\n .batch-table__row:nth-child(2n):hover {\n background: @surface2;\n }\n\n .batch-table__row:nth-child(2n),\n .table > tbody > tr > td {\n background: @surface0;\n }\n\n .table > thead > tr > th {\n border-bottom: 2px solid @surface0;\n }\n\n .positive-hint {\n color: @green !important;\n }\n\n .card__bar {\n background: @surface0;\n }\n }\n}", + "usercssData": { + "name": "Mastodon Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/mastodon", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/mastodon", + "version": "1.1.4", + "description": "Soothing pastel theme for Mastodon", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/mastodon/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "lightFlavor": { + "type": "select", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "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": "macchiato", + "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": "lavender", + "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", + "description": "Soothing pastel theme for Mastodon", + "name": "Mastodon Catppuccin", + "originalDigest": "d57d81002dc58710ce4e7b756fcdf02331ac8341", + "_id": "eb3d55a7-02ee-496f-9f86-251cdae6038a", + "_rev": 1690106137364, + "id": 50 + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/tutanota", + "installDate": 1690106145381, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Tutanota Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tutanota\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/tutanota\n@version 0.0.3\n@description Soothing pastel theme for Tutanota\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"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(\"mail.tutanota.com\") {\n\n :root {\n #catppuccin(@flavor, @accentColor);\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 #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 drawer-menu,\n .list-bg {\n background-color: @base !important;\n color: @text;\n }\n\n .list-row {\n background-color: @base;\n }\n .odd-row {\n background-color: @surface0;\n }\n\n .header-nav {\n background-color: @base;\n box-shadow: 0 2px 4px 0 @surface0;\n }\n\n .elevated-bg,\n .folder-column,\n div[aria-modal] {\n background-color: @surface0 !important;\n }\n\n .dropdown-button,\n .dropdown-button div {\n color: @text !important;\n }\n .dropdown-button:hover {\n background-color: @surface1 !important;\n }\n\n .row-selected {\n border-color: @accent !important;\n color: @accent !important;\n }\n .row-selected > .nav-button {\n color: @accent !important;\n }\n .row-selected > .nav-button > .icon {\n fill: @accent !important;\n }\n\n .secondary {\n color: @accent !important;\n }\n\n .nav-button,\n .sidebar-section.mb {\n color: @subtext0 !important;\n }\n .icon.icon-large,\n .nav-button .icon {\n fill: @subtext0 !important;\n }\n\n [style*=\"0\"][style*=\"210\"][style*=\"167\"] {\n color: @accent !important;\n fill: @accent !important;\n border-color: @accent !important;\n }\n\n :is([style*=\"color\"], [style*=\"fill\"])[style*=\"78\"] {\n color: @subtext1 !important;\n fill: @subtext1 !important;\n }\n\n button.expander {\n color: @subtext0 !important;\n }\n\n div > div.header-nav.overflow-hidden.flex.items-end.flex-center > div.header-left.pl-l.ml-negative-s.flex-start.items-center > div > svg > path {\n fill: @accent !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: @surface1;\n }\n }\n}", + "usercssData": { + "name": "Tutanota Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/tutanota", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/tutanota", + "version": "0.0.3", + "description": "Soothing pastel theme for Tutanota", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "flavor": { + "type": "select", + "label": "Flavor", + "name": "flavor", + "value": "macchiato", + "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" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Tutanota", + "name": "Tutanota Catppuccin", + "originalDigest": "102d25f89e8f487922595765c4732522a7c4db63", + "_id": "e736e6c6-f6a3-41e8-8ae1-5679d7f12fdf", + "_rev": 1690106145382, + "id": 51, + "etag": "W/\"38684a7386470b81bbb2f96cfacf1232acc5a6ef5914d5dc171e7082ac5848dd\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/modrinth/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/modrinth", + "installDate": 1690106163895, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Modrinth Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/modrinth\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/modrinth\n@version 1.1.1\n@description Soothing pastel theme for Modrinth\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/modrinth/catppuccin.user.css\n@license \t\tMIT\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 regexp(\".*https:\\\\/\\\\/modrinth\\\\.com.*\") {\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 @shadow: #dbdfef;\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 @shadow: #010409;\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 @shadow: #010409;\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 @shadow: #010409;\n }\n }\n\n .light-mode {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-mode, .oled-mode {\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 @shadow: @catppuccin[@@lookup][@shadow];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n & {\n --color-bg: @crust;\n --color-ad-raised: @surface2;\n --color-ad: @surface1;\n --color-brand-green: @accent-Color;\n --color-button-bg-active: @overlay0;\n --color-button-bg-hover: @surface2;\n --color-button-bg: @surface1;\n --color-button-text-hover: @text;\n --color-button-text: @subtext1;\n --color-divider: @surface0;\n --color-heading: @yellow;\n --color-icon: @text;\n --color-link-active: @teal;\n --color-link-hover: @sky;\n --color-link: @sapphire;\n --color-raised-bg: @base;\n --color-special-blue: @sapphire;\n --color-special-orange: @peach;\n --color-special-purple: @mauve;\n --color-special-red: @red;\n --color-text: @subtext1;\n --color-text-inactive: @overlay1;\n --color-brand-inverted: @shadow;\n --color-text-dark: @text;\n --color-table-alternate-row: @crust;\n --color-table-border: @overlay0;\n }\n }\n }\n", + "usercssData": { + "name": "Modrinth Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/modrinth", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/modrinth", + "version": "1.1.1", + "description": "Soothing pastel theme for Modrinth", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/modrinth/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "lightFlavor": { + "type": "select", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "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": "macchiato", + "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" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Modrinth", + "name": "Modrinth Catppuccin", + "originalDigest": "931a4fb46ef78290596e43b8f24399baacf87c40", + "_id": "a2d33a9e-757b-4c92-b61d-672dbb6a352d", + "_rev": 1690106163895, + "id": 52 + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/anilist", + "installDate": 1690106210183, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name AniList Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/anilist\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/anilist\n@version 2.1.1\n@description Soothing pastel theme for AniList\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/anilist/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 Color\" [ \"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 select contrastColor \"Contrast Color\" [ \"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(\"anilist.co\") {\n\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .site-theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\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 #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\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: @catppuccin[@@lookup][@@accentColor];\n @contrast-color: @catppuccin[@@lookup][@@contrastColor];\n /* raw rgb needs to be defined for some reason */\n @rgb-raw: @red;\n\n /* rgbify function converts a less color variable to raw rgb in @rgb-raw */\n #rgbify(@color) {\n @rgb-raw: red(@color),\n green(@color),\n blue(@color);\n }\n\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%))[@rgb-raw];\n .nav[data-v-62eacfff],\n .solid[data-v-62eacfff],\n .transparent[data-v-62eacfff]:hover {\n background: darken(@text, 10%);\n color: @base;\n }\n }\n\n & when not (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%))[@rgb-raw];\n }\n\n /* BASE VARIABLES */\n & {\n --color-background: #rgbify(@crust)[@rgb-raw];\n --color-foreground: #rgbify(@base)[@rgb-raw];\n --color-foreground-grey: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-grey-dark: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-blue: #rgbify(@mantle)[@rgb-raw];\n --color-foreground-blue-dark: #rgbify(@mantle)[@rgb-raw];\n --color-background-blue-dark: #rgbify(@subtext1)[@rgb-raw];\n --color-overlay: #rgbify(@crust)[@rgb-raw];\n --color-shadow: #rgbify(@mantle)[@rgb-raw];\n --color-shadow-dark: #rgbify(@crust)[@rgb-raw];\n --color-shadow-blue: #rgbify(@blue)[@rgb-raw];\n --color-text: #rgbify(@text)[@rgb-raw];\n --color-text-light: #rgbify(@subtext1)[@rgb-raw];\n --color-text-lighter: #rgbify(@subtext0)[@rgb-raw];\n --color-text-bright: #rgbify(@text)[@rgb-raw];\n --color-blue: #rgbify(@accent)[@rgb-raw];\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: #rgbify(@contrast-color)[@rgb-raw];\n --color-peach: #rgbify(@maroon)[@rgb-raw];\n --color-orange: #rgbify(@peach)[@rgb-raw];\n --color-yellow: #rgbify(@yellow)[@rgb-raw];\n --color-green: #rgbify(@green)[@rgb-raw];\n --color-background-1200: #rgbify(@text)[@rgb-raw];\n --color-background-1100: #rgbify(@text)[@rgb-raw];\n --color-background-1000: #rgbify(@text)[@rgb-raw];\n --color-background-900: #rgbify(@subtext1)[@rgb-raw];\n --color-background-800: #rgbify(@subtext0)[@rgb-raw];\n --color-background-700: #rgbify(@surface1)[@rgb-raw];\n --color-background-600: #rgbify(@surface0)[@rgb-raw];\n --color-background-500: #rgbify(@surface0)[@rgb-raw];\n --color-background-400: #rgbify(@surface0)[@rgb-raw];\n --color-background-300: #rgbify(@base)[@rgb-raw];\n --color-background-200: #rgbify(@mantle)[@rgb-raw];\n --color-background-100: #rgbify(@crust)[@rgb-raw];\n --color-gray-1200: #rgbify(@text)[@rgb-raw];\n --color-gray-1100: #rgbify(@text)[@rgb-raw];\n --color-gray-1000: #rgbify(@text)[@rgb-raw];\n --color-gray-900: #rgbify(@text)[@rgb-raw];\n --color-gray-800: #rgbify(@overlay2)[@rgb-raw];\n --color-gray-700: #rgbify(@overlay1)[@rgb-raw];\n --color-gray-600: #rgbify(@overlay0)[@rgb-raw];\n --color-gray-500: #rgbify(@surface2)[@rgb-raw];\n --color-gray-400: #rgbify(@surface1)[@rgb-raw];\n --color-gray-300: #rgbify(@surface0)[@rgb-raw];\n --color-gray-200: #rgbify(@mantle)[@rgb-raw];\n --color-gray-100: #rgbify(@crust)[@rgb-raw];\n --color-blue-100: #rgbify(@text)[@rgb-raw];\n --color-blue-200: #rgbify(@text)[@rgb-raw];\n --color-blue-300: #rgbify(@text)[@rgb-raw];\n --color-blue-400: #rgbify(@sapphire)[@rgb-raw];\n --color-blue-500: #rgbify(@sapphire)[@rgb-raw];\n --color-blue-600: #rgbify(@blue)[@rgb-raw];\n --color-blue-700: #rgbify(@blue)[@rgb-raw];\n --color-blue-800: #rgbify(@blue)[@rgb-raw];\n --color-blue-900: #rgbify(@blue)[@rgb-raw];\n --color-blue-1000: #rgbify(@blue)[@rgb-raw];\n --color-green-100: #rgbify(@teal)[@rgb-raw];\n --color-green-200: #rgbify(@green)[@rgb-raw];\n --color-green-300: #rgbify(@green)[@rgb-raw];\n --color-green-400: #rgbify(@green)[@rgb-raw];\n --color-green-500: #rgbify(@green)[@rgb-raw];\n --color-green-600: #rgbify(@green)[@rgb-raw];\n --color-green-700: #rgbify(@green)[@rgb-raw];\n --color-green-800: #rgbify(@green)[@rgb-raw];\n --color-red-100: #rgbify(@text)[@rgb-raw];\n --color-red-200: #rgbify(@flamingo)[@rgb-raw];\n --color-red-300: #rgbify(@maroon)[@rgb-raw];\n --color-red-400: #rgbify(@red)[@rgb-raw];\n --color-red-500: #rgbify(@red)[@rgb-raw];\n --color-red-600: #rgbify(@red)[@rgb-raw];\n --color-red-700: #rgbify(@red)[@rgb-raw];\n }\n /* DARK THEME SPECIFIC TWEAKS */\n & when not (@lookup =latte) {\n --color-background: #rgbify(@crust)[@rgb-raw];\n --color-foreground: #rgbify(@base)[@rgb-raw];\n --color-foreground-grey: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-grey-dark: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-blue: #rgbify(@mantle)[@rgb-raw];\n --color-foreground-blue-dark: #rgbify(@mantle)[@rgb-raw];\n --color-text: #rgbify(@text)[@rgb-raw];\n --color-text-light: #rgbify(@subtext0)[@rgb-raw];\n --color-text-lighter: #rgbify(@subtext1)[@rgb-raw];\n --color-shadow-blue: #rgbify(@crust)[@rgb-raw];\n --color-background-1200: #rgbify(@text)[@rgb-raw];\n --color-background-1100: #rgbify(@text)[@rgb-raw];\n --color-background-1000: #rgbify(@text)[@rgb-raw];\n --color-background-900: #rgbify(@subtext1)[@rgb-raw];\n --color-background-800: #rgbify(@subtext0)[@rgb-raw];\n --color-background-700: #rgbify(@surface1)[@rgb-raw];\n --color-background-600: #rgbify(@surface0)[@rgb-raw];\n --color-background-500: #rgbify(@surface0)[@rgb-raw];\n --color-background-400: #rgbify(@surface0)[@rgb-raw];\n --color-background-300: #rgbify(@base)[@rgb-raw];\n --color-background-200: #rgbify(@mantle)[@rgb-raw];\n --color-background-100: #rgbify(@crust)[@rgb-raw];\n --color-gray-1200: #rgbify(@text)[@rgb-raw];\n --color-gray-1100: #rgbify(@text)[@rgb-raw];\n --color-gray-1000: #rgbify(@text)[@rgb-raw];\n --color-gray-900: #rgbify(@text)[@rgb-raw];\n --color-gray-800: #rgbify(@overlay2)[@rgb-raw];\n --color-gray-700: #rgbify(@overlay1)[@rgb-raw];\n --color-gray-600: #rgbify(@overlay0)[@rgb-raw];\n --color-gray-500: #rgbify(@surface2)[@rgb-raw];\n --color-gray-400: #rgbify(@surface1)[@rgb-raw];\n --color-gray-300: #rgbify(@surface0)[@rgb-raw];\n --color-gray-200: #rgbify(@mantle)[@rgb-raw];\n --color-gray-100: #rgbify(@crust)[@rgb-raw];\n }\n /* DARK THEME NAV BAR */\n .nav-unscoped when not (@lookup =latte) {\n background-color: @mantle !important;\n }\n /*-----------------PROFILE FIXES-----------------*/\n #profileColor(@color) {\n --color-blue: #rgbify(@color)[@rgb-raw];\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(lighten(@color, 10%))[@rgb-raw];\n }\n & when not (@lookup =latte) {\n --color-blue-dim: #rgbify(darken(@color, 10%))[@rgb-raw];\n }\n --color-overlay: @crust;\n .progress .bar {\n background: linear-gradient(270deg, darken(@color, 10%), @color);\n }\n }\n .user-page-unscoped.orange {\n #profileColor(@peach)\n }\n .user-page-unscoped.green {\n #profileColor(@green)\n }\n .user-page-unscoped.purple {\n #profileColor(@mauve)\n }\n .user-page-unscoped.red {\n #profileColor(@red)\n }\n .user-page-unscoped.blue {\n #profileColor(@blue)\n }\n .user-page-unscoped.pink {\n #profileColor(@pink)\n }\n .user-page-unscoped.gray {\n #profileColor(@overlay1)\n }\n\n /*--------------Tags----------------*/\n .tag {\n background: @accent !important;\n color: @base !important;\n }\n .genre {\n color: @base !important;\n }\n\n /*----Tracking Status List Stuff----*/\n .list[data-v-5776f768],\n .el-icon-arrow-down:before {\n color: @mantle !important;\n }\n .el-dropdown-menu,\n .el-dropdown-menu__item--divided:before,\n .el-select-dropdown {\n background-color: @base !important;\n }\n .el-dropdown-menu {\n border: 4px @text !important;\n }\n .el-dropdown-menu__item:focus,\n .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @crust !important;\n }\n .el-dropdown-menu__item--divided when not (@lookup =latte) {\n border-top-color: rgb(21, 31, 46);\n }\n .el-select-dropdown__item.hover,\n .el-select-dropdown__item:hover {\n background-color: @mantle;\n }\n\n /*---------SCORE TWEAKS--------------*/\n .score[data-v-5ca094da] {\n color: @base;\n }\n\n /*--------------FOOTER (It's hardcoded idk why anilist dumdum)----------*/\n .footer[data-v-0f519cab] {\n background: @crust;\n color: @subtext0;\n }\n\n /*------------------MISC EDITS--------------------*/\n /*--Reset button in notifications-----*/\n .reset-btn {\n color: @base !important;\n }\n /* Publish Button in Replies and Messages */\n .save {\n color: @base !important;\n }\n /*------------IMAGE COVER------------*/\n .cover .image-text,\n .plus-progress {\n color: @text !important;\n }\n\n .entry .plus-progress,\n .medialist.table .entry .edit {\n color: @base !important;\n }\n /*--------Settings button--------*/\n .settings[data-v-3deab077] .button {\n color: @crust;\n }\n .el-checkbox__input.is-checked .el-checkbox__inner,\n .el-radio__input.is-checked .el-radio__inner {\n background-color: @accent;\n border-color: @accent;\n }\n .el-checkbox__inner:after {\n border-color: @crust;\n border-width: 2px;\n left: 3px;\n }\n .el-radio__input.is-checked + .el-radio__label {\n color: @accent;\n }\n /*--------HIDE SCROLLBAR IN BIO-----*/\n .section::-webkit-scrollbar {\n display: none;\n }\n .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n /*--------REMOVE DROPDOWN SHADOWS-----*/\n .dropdown.dropdown {\n box-shadow: none;\n }\n /*---------ANILIST LIKER PLUGIN------*/\n #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n }\n}\n\n@-moz-document domain(\"anichart.net\") {\n\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .site-theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\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 #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\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: @catppuccin[@@lookup][@@accentColor];\n @contrast-color: @catppuccin[@@lookup][@@contrastColor];\n /* raw rgb needs to be defined for some reason */\n @rgb-raw: @red;\n\n /* rgbify function converts a less color variable to raw rgb in @rgb-raw */\n #rgbify(@color) {\n @rgb-raw: red(@color),\n green(@color),\n blue(@color);\n }\n\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%))[@rgb-raw];\n .nav[data-v-62eacfff],\n .solid[data-v-62eacfff],\n .transparent[data-v-62eacfff]:hover {\n background: darken(@text, 10%);\n color: @base;\n }\n }\n\n & when not (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%))[@rgb-raw];\n }\n\n /* BASE VARIABLES */\n & {\n --color-background: #rgbify(@crust)[@rgb-raw];\n --color-foreground: #rgbify(@base)[@rgb-raw];\n --color-foreground-grey: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-grey-dark: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-blue: #rgbify(@mantle)[@rgb-raw];\n --color-foreground-blue-dark: #rgbify(@mantle)[@rgb-raw];\n --color-background-blue-dark: #rgbify(@subtext1)[@rgb-raw];\n --color-overlay: #rgbify(@crust)[@rgb-raw];\n --color-shadow: #rgbify(@mantle)[@rgb-raw];\n --color-shadow-dark: #rgbify(@crust)[@rgb-raw];\n --color-shadow-blue: #rgbify(@blue)[@rgb-raw];\n --color-text: #rgbify(@text)[@rgb-raw];\n --color-text-light: #rgbify(@subtext1)[@rgb-raw];\n --color-text-lighter: #rgbify(@subtext0)[@rgb-raw];\n --color-text-bright: #rgbify(@text)[@rgb-raw];\n --color-blue: #rgbify(@accent)[@rgb-raw];\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: #rgbify(@contrast-color)[@rgb-raw];\n --color-peach: #rgbify(@maroon)[@rgb-raw];\n --color-orange: #rgbify(@peach)[@rgb-raw];\n --color-yellow: #rgbify(@yellow)[@rgb-raw];\n --color-green: #rgbify(@green)[@rgb-raw];\n --color-background-1200: #rgbify(@text)[@rgb-raw];\n --color-background-1100: #rgbify(@text)[@rgb-raw];\n --color-background-1000: #rgbify(@text)[@rgb-raw];\n --color-background-900: #rgbify(@subtext1)[@rgb-raw];\n --color-background-800: #rgbify(@subtext0)[@rgb-raw];\n --color-background-700: #rgbify(@surface1)[@rgb-raw];\n --color-background-600: #rgbify(@surface0)[@rgb-raw];\n --color-background-500: #rgbify(@surface0)[@rgb-raw];\n --color-background-400: #rgbify(@surface0)[@rgb-raw];\n --color-background-300: #rgbify(@base)[@rgb-raw];\n --color-background-200: #rgbify(@mantle)[@rgb-raw];\n --color-background-100: #rgbify(@crust)[@rgb-raw];\n --color-gray-1200: #rgbify(@text)[@rgb-raw];\n --color-gray-1100: #rgbify(@text)[@rgb-raw];\n --color-gray-1000: #rgbify(@text)[@rgb-raw];\n --color-gray-900: #rgbify(@text)[@rgb-raw];\n --color-gray-800: #rgbify(@overlay2)[@rgb-raw];\n --color-gray-700: #rgbify(@overlay1)[@rgb-raw];\n --color-gray-600: #rgbify(@overlay0)[@rgb-raw];\n --color-gray-500: #rgbify(@surface2)[@rgb-raw];\n --color-gray-400: #rgbify(@surface1)[@rgb-raw];\n --color-gray-300: #rgbify(@surface0)[@rgb-raw];\n --color-gray-200: #rgbify(@mantle)[@rgb-raw];\n --color-gray-100: #rgbify(@crust)[@rgb-raw];\n --color-blue-100: #rgbify(@text)[@rgb-raw];\n --color-blue-200: #rgbify(@text)[@rgb-raw];\n --color-blue-300: #rgbify(@text)[@rgb-raw];\n --color-blue-400: #rgbify(@sapphire)[@rgb-raw];\n --color-blue-500: #rgbify(@sapphire)[@rgb-raw];\n --color-blue-600: #rgbify(@blue)[@rgb-raw];\n --color-blue-700: #rgbify(@blue)[@rgb-raw];\n --color-blue-800: #rgbify(@blue)[@rgb-raw];\n --color-blue-900: #rgbify(@blue)[@rgb-raw];\n --color-blue-1000: #rgbify(@blue)[@rgb-raw];\n --color-green-100: #rgbify(@teal)[@rgb-raw];\n --color-green-200: #rgbify(@green)[@rgb-raw];\n --color-green-300: #rgbify(@green)[@rgb-raw];\n --color-green-400: #rgbify(@green)[@rgb-raw];\n --color-green-500: #rgbify(@green)[@rgb-raw];\n --color-green-600: #rgbify(@green)[@rgb-raw];\n --color-green-700: #rgbify(@green)[@rgb-raw];\n --color-green-800: #rgbify(@green)[@rgb-raw];\n --color-red-100: #rgbify(@text)[@rgb-raw];\n --color-red-200: #rgbify(@flamingo)[@rgb-raw];\n --color-red-300: #rgbify(@maroon)[@rgb-raw];\n --color-red-400: #rgbify(@red)[@rgb-raw];\n --color-red-500: #rgbify(@red)[@rgb-raw];\n --color-red-600: #rgbify(@red)[@rgb-raw];\n --color-red-700: #rgbify(@red)[@rgb-raw];\n }\n /* DARK THEME SPECIFIC TWEAKS */\n & when not (@lookup =latte) {\n --color-background: #rgbify(@crust)[@rgb-raw];\n --color-foreground: #rgbify(@base)[@rgb-raw];\n --color-foreground-grey: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-grey-dark: #rgbify(@surface0)[@rgb-raw];\n --color-foreground-blue: #rgbify(@mantle)[@rgb-raw];\n --color-foreground-blue-dark: #rgbify(@mantle)[@rgb-raw];\n --color-text: #rgbify(@text)[@rgb-raw];\n --color-text-light: #rgbify(@subtext0)[@rgb-raw];\n --color-text-lighter: #rgbify(@subtext1)[@rgb-raw];\n --color-shadow-blue: #rgbify(@crust)[@rgb-raw];\n --color-background-1200: #rgbify(@text)[@rgb-raw];\n --color-background-1100: #rgbify(@text)[@rgb-raw];\n --color-background-1000: #rgbify(@text)[@rgb-raw];\n --color-background-900: #rgbify(@subtext1)[@rgb-raw];\n --color-background-800: #rgbify(@subtext0)[@rgb-raw];\n --color-background-700: #rgbify(@surface1)[@rgb-raw];\n --color-background-600: #rgbify(@surface0)[@rgb-raw];\n --color-background-500: #rgbify(@surface0)[@rgb-raw];\n --color-background-400: #rgbify(@surface0)[@rgb-raw];\n --color-background-300: #rgbify(@base)[@rgb-raw];\n --color-background-200: #rgbify(@mantle)[@rgb-raw];\n --color-background-100: #rgbify(@crust)[@rgb-raw];\n --color-gray-1200: #rgbify(@text)[@rgb-raw];\n --color-gray-1100: #rgbify(@text)[@rgb-raw];\n --color-gray-1000: #rgbify(@text)[@rgb-raw];\n --color-gray-900: #rgbify(@text)[@rgb-raw];\n --color-gray-800: #rgbify(@overlay2)[@rgb-raw];\n --color-gray-700: #rgbify(@overlay1)[@rgb-raw];\n --color-gray-600: #rgbify(@overlay0)[@rgb-raw];\n --color-gray-500: #rgbify(@surface2)[@rgb-raw];\n --color-gray-400: #rgbify(@surface1)[@rgb-raw];\n --color-gray-300: #rgbify(@surface0)[@rgb-raw];\n --color-gray-200: #rgbify(@mantle)[@rgb-raw];\n --color-gray-100: #rgbify(@crust)[@rgb-raw];\n }\n /* DARK THEME NAV BAR */\n .nav-unscoped when not (@lookup =latte) {\n background-color: @mantle !important;\n }\n /*-----------------PROFILE FIXES-----------------*/\n #profileColor(@color) {\n --color-blue: #rgbify(@color)[@rgb-raw];\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(lighten(@color, 10%))[@rgb-raw];\n }\n & when not (@lookup =latte) {\n --color-blue-dim: #rgbify(darken(@color, 10%))[@rgb-raw];\n }\n --color-overlay: @crust;\n .progress .bar {\n background: linear-gradient(270deg, darken(@color, 10%), @color);\n }\n }\n .user-page-unscoped.orange {\n #profileColor(@peach)\n }\n .user-page-unscoped.green {\n #profileColor(@green)\n }\n .user-page-unscoped.purple {\n #profileColor(@mauve)\n }\n .user-page-unscoped.red {\n #profileColor(@red)\n }\n .user-page-unscoped.blue {\n #profileColor(@blue)\n }\n .user-page-unscoped.pink {\n #profileColor(@pink)\n }\n .user-page-unscoped.gray {\n #profileColor(@overlay1)\n }\n\n /*--------------Tags----------------*/\n .tag {\n background: @accent !important;\n color: @base !important;\n }\n .genre {\n color: @base !important;\n }\n\n /*----Tracking Status List Stuff----*/\n .list[data-v-5776f768],\n .el-icon-arrow-down:before {\n color: @mantle !important;\n }\n .el-dropdown-menu,\n .el-dropdown-menu__item--divided:before,\n .el-select-dropdown {\n background-color: @base !important;\n }\n .el-dropdown-menu {\n border: 4px @text !important;\n }\n .el-dropdown-menu__item:focus,\n .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @crust !important;\n }\n .el-dropdown-menu__item--divided when not (@lookup =latte) {\n border-top-color: rgb(21, 31, 46);\n }\n .el-select-dropdown__item.hover,\n .el-select-dropdown__item:hover {\n background-color: @mantle;\n }\n\n /*---------SCORE TWEAKS--------------*/\n .score[data-v-5ca094da] {\n color: @base;\n }\n\n /*--------------FOOTER (It's hardcoded idk why anilist dumdum)----------*/\n .footer[data-v-0f519cab] {\n background: @crust;\n color: @subtext0;\n }\n\n /*------------------MISC EDITS--------------------*/\n /*--Reset button in notifications-----*/\n .reset-btn {\n color: @base !important;\n }\n /* Publish Button in Replies and Messages */\n .save {\n color: @base !important;\n }\n /*------------IMAGE COVER------------*/\n .cover .image-text,\n .plus-progress {\n color: @text !important;\n }\n\n .entry .plus-progress,\n .medialist.table .entry .edit {\n color: @base !important;\n }\n /*--------Settings button--------*/\n .settings[data-v-3deab077] .button {\n color: @crust;\n }\n .el-checkbox__input.is-checked .el-checkbox__inner,\n .el-radio__input.is-checked .el-radio__inner {\n background-color: @accent;\n border-color: @accent;\n }\n .el-checkbox__inner:after {\n border-color: @crust;\n border-width: 2px;\n left: 3px;\n }\n .el-radio__input.is-checked + .el-radio__label {\n color: @accent;\n }\n /*--------HIDE SCROLLBAR IN BIO-----*/\n .section::-webkit-scrollbar {\n display: none;\n }\n .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n /*--------REMOVE DROPDOWN SHADOWS-----*/\n .dropdown.dropdown {\n box-shadow: none;\n }\n /*---------ANILIST LIKER PLUGIN------*/\n #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n\t\t\n /*--------ANICHART SPECIFIC TWEAKS----*/\n .login[data-v-0d5bfbcd],\n .login[data-v-0d5bfbcd]:hover {\n color: @base;\n }\n\n .nav[data-v-e2f25004] {\n background: @crust;\n }\n .season[data-v-e2f25004],\n .charts .label[data-v-e2f25004],\n .charts .svg-icon[data-v-e2f25004],\n .section:first-of-type .section-heading[data-v-309146c2],\n a.title[data-v-09928904] {\n color: @text;\n }\n .season.router-link-active[data-v-e2f25004],\n .charts a:hover .svg-icon[data-v-e2f25004],\n .season[data-v-e2f25004]:hover,\n .charts .router-link-active .svg-icon[data-v-e2f25004] {\n color: @accent;\n }\n .settings[data-v-3deab077] .button.danger {\n color: @base;\n }\n /* AUTOMAIL TWEAK */\n .site-theme-dark .el-popper .el-dropdown-menu__item:focus,\n .el-popper .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @accent !important;\n }\n .hohMediaScore {\n font-size: 90%;\n font-family: Overpass;\n border: 2px solid @surface0;\n padding: 4px;\n border-radius: 10px;\n margin-left: 0px;\n background-color: @base;\n color: @accent;\n }\n .filter-group.compare-btn,\n .hohButton {\n color: @base;\n }\n .hohButton {\n background-color: @accent;\n }\n .medialist.table .entry:hover,\n .medialist.table .entry .title a:hover,\n .compare-btn[data-v-170179fc]:hover {\n color: @base;\n }\n .hohCompare table {\n background-color: @crust;\n }\n .hohAnimeTable,\n .hohAnimeTable td,\n .hohUserRow td,\n .hohUserRow th,\n .hohHeaderRow td,\n .hohHeaderRow th {\n border: 2px solid @surface0 !important;\n }\n .hohUserRow td {\n border-top: 4px solid @surface0 !important;\n }\n .hohUserRow tr {\n border-right: 4px solid @surface0 !important;\n }\n\t\t\n /*---------ANILIST LIKER PLUGIN------*/\n #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n }\n}", + "usercssData": { + "name": "AniList Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/anilist", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/anilist", + "version": "2.1.1", + "description": "Soothing pastel theme for AniList", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "lightFlavor": { + "type": "select", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "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": "macchiato", + "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 Color", + "name": "accentColor", + "value": "lavender", + "default": "green", + "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" + } + ] + }, + "contrastColor": { + "type": "select", + "label": "Contrast Color", + "name": "contrastColor", + "value": "lavender", + "default": "green", + "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 AniList", + "name": "AniList Catppuccin", + "originalDigest": "fe15b09a04b46e1ed211179ebee4fbb471a9cec0", + "_id": "e4e5196a-a0bb-4b1c-9c69-e3c6c07d3a74", + "_rev": 1690106210183, + "id": 53, + "etag": "W/\"82f3070ad9fa5e00a2f948eefb3e369b67de9ab30aecf80b2bfd241e47959a37\"" + }, + { + "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": 1690127369964, + "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.0.9\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==/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: @surface1 !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: @surface0 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: @surface0 !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-svg-fill {\n fill: @text;\n }\n\n .ytp-right-controls {\n svg path {\n fill: @text !important;\n }\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: @subtext0;\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: @text !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 /* Scrollbar */\n ::-webkit-scrollbar-thumb {\n background: @accent-Color !important;\n }\n\n ::-webkit-scrollbar {\n width: 8px !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.0.9", + "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": "macchiato", + "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": "macchiato", + "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": "0", + "default": "0", + "options": null + }, + "oledOn": { + "type": "checkbox", + "label": "Enable black bars", + "name": "oledOn", + "value": null, + "default": "0", + "options": null + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for YouTube", + "name": "YouTube Catppuccin", + "preferScheme": "dark", + "originalDigest": "1dfd75187832f0f6da741f4ca1bc8d4323e22b7c", + "_id": "e5b4796b-635a-45b8-afad-4b79566305fb", + "_rev": 1691147351518, + "id": 54, + "etag": "W/\"d8d8c0dba2189d34a826ecf93cbc116eccb53a9e0f62c7e892f10a0f7d69f3d4\"", + "updateDate": 1690480155071 } ] \ No newline at end of file diff --git a/.local/bin/openStartpageServer b/.local/bin/openStartpageServer deleted file mode 100755 index 34dca705..00000000 --- a/.local/bin/openStartpageServer +++ /dev/null @@ -1,3 +0,0 @@ -#!/bin/sh -cd ~/Repos/Personal/StartPage/ -python -m http.server 8080