Soothing pastel theme for Reddit
Catppuccin for Reddit by blastedchickens
Details
Authorblastedchickens
LicenseNo License
Categoryreddit.com
Created
Updated
Size35 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Please raise issues in the GitHub repository.
Check out the catppuccin theme project: https://github.com/catppuccin/catppuccin
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Catppuccin for Reddit
@namespace USO Archive
@author chickenblast
@description `Soothing pastel theme for Reddit`
@version 1.0
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://www.reddit.com/") {
:root,
.theme-dark.theme-beta,
.theme-dark .theme-beta {
--newCommunityTheme-actionIcon: #9399b2;
--newCommunityTheme-actionIconAlpha20: rgba(129, 131, 132, 0.2);
--newCommunityTheme-actionIconAlpha50: rgba(129, 131, 132, 0.5);
--newCommunityTheme-actionIconShaded80: #4f4f7a;
--newCommunityTheme-actionIconTinted80: #7b7bad;
--newCommunityTheme-active: #0079D3;
--newCommunityTheme-activeAlpha10: rgba(0, 121, 211, 0.1);
--newCommunityTheme-activeAlpha20: rgba(0, 121, 211, 0.2);
--newCommunityTheme-activeAlpha50: rgba(0, 121, 211, 0.1);
--newCommunityTheme-activeLight60: #33a8ff;
--newCommunityTheme-activeShaded80: #0060a8;
--newCommunityTheme-activeShaded90: #006cbd;
--newCommunityTheme-activeTinted05: #cdd6f4;
--newCommunityTheme-banner-backgroundColor: #2d97e5;
--newCommunityTheme-banner-backgroundImage: initial;
--newCommunityTheme-banner-backgroundImagePosition: cover;
--newCommunityTheme-banner-communityNameFormat: slashtag;
--newCommunityTheme-banner-height: 64;
--newCommunityTheme-banner-iconColor: #0079D3;
--newCommunityTheme-banner-iconDimensions-borderRadius: 24;
--newCommunityTheme-banner-iconDimensions-customSize: 32;
--newCommunityTheme-banner-iconDimensions-padding: 6;
--newCommunityTheme-banner-iconDimensions-size: 24;
--newCommunityTheme-banner-iconImage: initial;
--newCommunityTheme-banner-lineHeight: 38;
--newCommunityTheme-banner-positionedImage: initial;
--newCommunityTheme-banner-positionedImageAlignment: left;
--newCommunityTheme-banner-positionedImageHeight: 48;
--newCommunityTheme-banner-secondaryBannerPositionedImage: initial;
--newCommunityTheme-body: #1e1e2e;
--newCommunityTheme-bodyAlpha50: rgba(24, 24, 37, 0.5);
--newCommunityTheme-bodyAlpha70: rgba(24, 24, 37, 0.7);
--newCommunityTheme-bodyAlpha80: rgba(24, 24, 37, 0.8);
--newCommunityTheme-bodyFade: #1e1e2e00;
--newCommunityTheme-bodyShaded80: #141415;
--newCommunityTheme-bodyText: #cdd6f4;
--newCommunityTheme-bodyTextAlpha03: rgba(200, 209, 239, 0.03);
--newCommunityTheme-bodyTextAlpha20: rgba(200, 209, 239, 0.2);
--newCommunityTheme-bodyTextShaded20: #2b2b2c;
--newCommunityTheme-bodyTextTinted20: #cdd6f4;
--newCommunityTheme-bodyTinted50: #9399b2;
--newCommunityTheme-bodyTinted80: #464757;
--newCommunityTheme-button: #cdd6f4;
--newCommunityTheme-buttonAlpha05: rgba(200, 209, 239, 0.05);
--newCommunityTheme-buttonAlpha10: rgba(200, 209, 239, 0.1);
--newCommunityTheme-buttonAlpha20: rgba(200, 209, 239, 0.2);
--newCommunityTheme-buttonAlpha40: rgba(200, 209, 239, 0.4);
--newCommunityTheme-buttonAlpha50: rgba(200, 209, 239, 0.5);
--newCommunityTheme-buttonAlpha80: rgba(200, 209, 239, 0.8);
--newCommunityTheme-buttonShaded80: #c8d1ef;
--newCommunityTheme-buttonTinted20: #cdd6f4;
--newCommunityTheme-buttonTinted50: #cdd6f4;
--newCommunityTheme-buttonTinted80: #dfe1e3;
--newCommunityTheme-canvas: #11111b;
--newCommunityTheme-checkbox: #cdd6f4;
--newCommunityTheme-errorText: #ff585b;
--newCommunityTheme-field: #282836;
--newCommunityTheme-fieldFade: #28283600;
--newCommunityTheme-flair: #313244;
--newCommunityTheme-highlight: #17232D;
--newCommunityTheme-inactive: #313244;
--newCommunityTheme-invertFilter: invert(0.9);
--newCommunityTheme-lightText: #cdd6f4;
--newCommunityTheme-lightTextAlpha75: rgba(255, 255, 255, 0.75);
--newCommunityTheme-line: #313244;
--newCommunityTheme-lineShaded80: #292a2b;
--newCommunityTheme-lineShaded90: #282836;
--newCommunityTheme-lineShadedNinety: #282836;
--newCommunityTheme-linkText: #f1cccc;
--newCommunityTheme-linkTextAlpha80: rgba(79, 188, 255, 0.5);
--newCommunityTheme-linkTextShaded80: #3f96cc;
--newCommunityTheme-linkTextTinted80: #72c9ff;
--newCommunityTheme-linkTextWithBody: #4193c6;
--newCommunityTheme-menu: #11111b;
--newCommunityTheme-menuActiveText: #cdd6f4;
--newCommunityTheme-menuButtonBackground-active: rgba(255, 255, 255, 0.08);
--newCommunityTheme-menuButtonBackground-focus: rgba(255, 255, 255, 0.12);
--newCommunityTheme-menuButtonBackground-hover: rgba(255, 255, 255, 0.04);
--newCommunityTheme-menuInactiveText: #cdd6f4;
--newCommunityTheme-metaText: #9399b2;
--newCommunityTheme-metaTextAlpha50: rgba(129, 131, 132, 0.5);
--newCommunityTheme-metaTextShaded80: #4f4f7a;
--newCommunityTheme-monospaceColor: #5291f8;
--newCommunityTheme-navBar-activeLink: #E9F5FD;
--newCommunityTheme-navBar-activeSubmenuCaret: #cdd6f4;
--newCommunityTheme-navBar-activeSubmenuLink: #cdd6f4;
--newCommunityTheme-navBar-backgroundColor: #11111b;
--newCommunityTheme-navBar-backgroundImage: initial;
--newCommunityTheme-navBar-hoverLink: #cdd6f4;
--newCommunityTheme-navBar-inactiveLink: #cdd6f4;
--newCommunityTheme-navBar-inactiveSubmenuCaret: #cdd6f4;
--newCommunityTheme-navBar-inactiveSubmenuLink: #cdd6f4;
--newCommunityTheme-navBar-submenuBackgroundColor: #1e1e2e;
--newCommunityTheme-navIcon: #cdd6f4;
--newCommunityTheme-navIconFaded10: rgba(200, 209, 239, 0.1);
--newCommunityTheme-nsfw: #ff585b;
--newCommunityTheme-nsfwBlocking-bgcolor: #11111b;
--newCommunityTheme-nsfwBlocking-color: #cdd6f4;
--newCommunityTheme-nsfwBlocking-contentTitleBgColor: #282836;
--newCommunityTheme-nsfwBlocking-mainCtaBgColor: #1e1e2e;
--newCommunityTheme-pageHeader: #9399b2;
--newCommunityTheme-placeholder: #3e3e58;
--newCommunityTheme-post: #1e1e2e;
--newCommunityTheme-postError: #ff585b;
--newCommunityTheme-postFlairText: #cdd6f4;
--newCommunityTheme-postIcon: #9399b2;
--newCommunityTheme-postLine: #313244;
--newCommunityTheme-postLineShaded80: #292a2b;
--newCommunityTheme-postLineShaded90: #282836;
--newCommunityTheme-postTinted20: #d1d1d1;
--newCommunityTheme-postTransparent20: rgba(24, 24, 37, 0.8);
--newCommunityTheme-primaryButtonShadedEighty: #c8d1ef;
--newCommunityTheme-primaryButtonTintedEighty: #dfe1e3;
--newCommunityTheme-primaryButtonTintedFifty: #cdd6f4;
--newCommunityTheme-primaryButtonTintedSixty: #e7e8ea;
--newCommunityTheme-quarantine: #ffb000;
--newCommunityTheme-report: #11111b;
--newCommunityTheme-search-syntaxHighlightBackgroundColor: #cdd6f47E5;
--newCommunityTheme-search-syntaxHighlightColor: #11111b;
--newCommunityTheme-titleText: #cdd6f4;
--newCommunityTheme-upsell-appleIcon: #9399b2;
--newCommunityTheme-upsell-ssoButtonBorderColor: #cdd6f4;
--newCommunityTheme-upsell-ssoButtonTextColor: #cdd6f4;
--newCommunityTheme-voteIcons-downvoteActive: initial;
--newCommunityTheme-voteIcons-downvoteInactive: initial;
--newCommunityTheme-voteIcons-upvoteActive: initial;
--newCommunityTheme-voteIcons-upvoteInactive: initial;
--newCommunityTheme-voteText-base: #9399b2;
--newCommunityTheme-voteText-downvote: #7193FF;
--newCommunityTheme-voteText-downvoteShaded80: #5a75cc;
--newCommunityTheme-voteText-downvoteTinted80: #8da8ff;
--newCommunityTheme-voteText-upvote: #FF4500;
--newCommunityTheme-voteText-upvoteShaded80: #cc3700;
--newCommunityTheme-voteText-upvoteTinted80: #ff6a32;
--newCommunityTheme-widgetColors-appleIcon: #9399b2;
--newCommunityTheme-widgetColors-lineColor: #313244;
--newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: #1e1e2e;
--newCommunityTheme-widgetColors-sidebarWidgetBorderColor: #464757;
--newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: #1e1e2e;
--newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: rgba(24, 24, 37, 0.6);
--newCommunityTheme-widgetColors-sidebarWidgetTextColor: #cdd6f4;
--newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: #c8d1ef;
--newCommunityTheme-widgetColors-sidebarWidgetTitleColor: #9399b2;
--newRedditTheme-actionIcon: #9399b2;
--newRedditTheme-actionIconAlpha20: rgba(129, 131, 132, 0.2);
--newRedditTheme-actionIconAlpha50: rgba(129, 131, 132, 0.5);
--newRedditTheme-actionIconShaded80: #4f4f7a;
--newRedditTheme-actionIconTinted80: #7b7bad;
--newRedditTheme-active: #0079D3;
--newRedditTheme-activeAlpha10: rgba(0, 121, 211, 0.1);
--newRedditTheme-activeAlpha20: rgba(0, 121, 211, 0.2);
--newRedditTheme-activeAlpha50: rgba(0, 121, 211, 0.5);
--newRedditTheme-activeLight60: #33a8ff;
--newRedditTheme-activeShaded80: #0060a8;
--newRedditTheme-activeShaded90: #006cbd;
--newRedditTheme-activeTinted05: #cdd6f4;
--newRedditTheme-banner-backgroundColor: #24A0ED;
--newRedditTheme-banner-backgroundImage: initial;
--newRedditTheme-banner-backgroundImagePosition: cover;
--newRedditTheme-banner-communityNameFormat: slashtag;
--newRedditTheme-banner-height: 64;
--newRedditTheme-banner-iconColor: #24A0ED;
--newRedditTheme-banner-iconDimensions-borderRadius: 24;
--n...