Are you tired of the same boring colors on Reddit? Then try this modern color style based on the Dracula theme
Dracula for Reddit by druxorey
Details
Authordruxorey
LicenseGNU General Public License v3.0
CategoryReddit
Created
Updated
Size7.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Official Dracula Theme Website: https://draculatheme.com/
Github Project: https://github.com/druxorey/dracula-for-stylus/blob/main/styles/dracula-for-reddit.css
Source code
/* ==UserStyle==
@name Dracula for Reddit
@namespace github.com/druxorey/stylus-themes
@version 1.2.1
@description Are you tired of the same boring colors on Reddit? Then try this modern color style based on the Dracula theme
@author Druxorey
@license GNU General Public License v3.0
==/UserStyle== */
@-moz-document domain("reddit.com") {
* {
--bg-lighter: #585B6E;
--bg-light: #44475A;
--bg: #282A36;
--bg-dark: #1E202C;
--bg-darker: #191B27;
--fg: #F8F8F2;
--fg-dark: #DFDFD9;
--comment: #6272A4;
--red-light: #ff6e6e;
--red: #ff5555;
--red-dark: #E63C3C;
--orange-light: #FFD185;
--orange: #FFB86C;
--orange-dark: #E69F53;
--yellow-light: #ffffa5;
--yellow: #F1FA8C;
--yellow-dark: #D8E173;
--green-light: #69ff94;
--green: #50FA7B;
--green-dark: #37EB62;
--cyan-light: #a4ffff;
--cyan: #8BE9FD;
--cyan-dark: #72D0E4;
--blue-light: #6DCCFF;
--blue: #54B3FF;
--blue-dark: #3B9AE6;
--purple-light: #d6acff;
--purple: #BD93F9;
--purple-dark: #A47AE0;
--pink-light: #ff92df;
--pink: #FF79C6;
--pink-dark: #E660AD;
--accent-1: var(--purple);
--accent-2: var(--pink);
--color-primary-onBackground: var(--red) !important;
--color-primary-onBackground-selected: var(--red);
--color-neutral-border: var(--bg-dark) !important;
--color-neutral-content: var(--accent-1) !important;
--color-neutral-content-disabled: var(--red) !important;
--color-neutral-content-weak: var(--fg) !important;
--color-neutral-content-strong: var(--accent-1) !important;
--color-neutral-background: var(--bg) !important;
--color-neutral-background-selected: var(--accent-1) !important;
--color-neutral-background-weak: var(--bg-dark) !important;
--color-neutral-background-medium: var(--red) !important;
--color-neutral-background-strong: var(--bg) !important;
--color-neutral-background-hover: var(--bg-darker) !important;
--color-neutral-border-weak: transparent !important;
--color-neutral-border-strong: var(--accent-1) !important;
--color-tone-1: var(--accent-1) !important;
--color-tone-2: var(--accent-2) !important;
--color-tone-3: var(--fg) !important;
--color-tone-4: var(--bg-light) !important;
--color-tone-5: transparent !important;
--color-tone-6: var(--bg-lighter) !important;
--color-tone-7: var(--bg) !important;
--color-primary: var(--blue) !important;
--color-primary-hover: var(--accent-2) !important;
--color-primary-background: var(--bg-light) !important;
--color-primary-background-hover: var(--blue) !important;
--color-primary-background-selected: var(--blue) !important;
--color-secondary: var(--fg) !important;
--color-secondary-hover: var(--fg-dark);
--color-secondary-weak: var(--accent-1) !important;
--color-secondary-background: var(--bg) !important;
--color-secondary-background-hover: var(--bg-light) !important;
--color-secondary-background-selected: var(--bg-light) !important;
--shreddit-content-background: transparent !important;
--button-border-color: var(--yellow);
--button-border-color-activated: transparent !important;
--button-color-background-activated: var(--bg-light) !important;
--button-color-text-activated: var(--accent-1) !important;
--button-color-overlay: var(--yellow) !important;
--button-border-color-hover: transparent !important;
--button-color-background-hover: var(--bg-light) !important;
--button-color-text: transparent !important;
--color-button-secondary-text: var(--fg) !important;
--color-button-secondary-text-activated: var(--fg) !important;
--color-button-secondary-text-disabled: var(--fg) !important;
--color-button-secondary-border: transparent !important;
--color-button-secondary-background: var(--bg) !important;
--color-button-secondary-background-focus: var(--yellow) !important;
--color-button-secondary-background-hover: var(--bg-lighter) !important;
--color-button-secondary-background-activated: var(--yellow) !important;
--color-button-secondary-background-disabled: var(--yellow) !important;
--color-action-upvote: var(--green);
--color-action-downvote: var(--red);
--color-media-background: var(--bg-light);
--color-media-onbackground: var(--accent-1);
--color-media-onbackground-disabled: var(--bg-lighter);
--newCommunityTheme-bodyText: var(--fg);
--newCommunityTheme-metaText: var(--orange);
--newCommunityTheme-button: var(--fg);
--newCommunityTheme-body: var(--bg);
--newRedditTheme-actionIcon: var(--fg);
--newCommunityTheme-line: transparent;
--newRedditTheme-line: transparent;
--newRedditTheme-linkText: var(--accent-1);
--newCommunityTheme-navIconFaded10: var(--orange);
--newCommunityTheme-active: var(--orange);
--newCommunityTheme-field: var(--bg-darker);
--newRedditTheme-button: var(--accent-1);
--newCommunityTheme-actionIcon: var(--accent-1);
--newCommunityTheme-bodyTextAlpha20: transparent;
--newRedditTheme-post: var(--bg);
--newRedditTheme-body: var(--bg);
--newRedditTheme-field: var(--bg-dark);
--newCommunityTheme-navIcon: var(--fg);
--newRedditTheme-actionIconAlpha50: var(--orange);
--newRedditTheme-buttonAlpha05: var(--bg-light);
--newRedditTheme-bodyText: var(--fg);
--newCommunityTheme-buttonAlpha50: var(--bg-lighter);
--pseudo-before-background: var(--bg-dark) !important;
--newRedditTheme-metaText: var(--fg);
--newRedditTheme-navIconFaded10: var(--bg);
--newCommunityTheme-postLine: transparent;
--newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--bg);
--newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: var(--orange);
--newRedditTheme-widgetColors-sidebarWidgetBorderColor: transparent;
--post-icon-color: var(--orange);
--newCommunityTheme-postIcon: var(--accent-1);
--posttitletextcolor: var(--fg);
color: var(--fg);
}
header>:last-child {
background-color: var(--bg-dark);
}
nav,
#left-sidebar {
background-color: var(--bg-dark);
}
.bg-neutral-background {
background-color: var(--bg-dark);
}
svg {
fill: var(--fg);
}
.theme-beta,
._24UNt1hkbrZxLzs5vkvuDh,
._1VP69d9lk-Wk9zokOaylL {
background-color: var(--bg) !important;
}
._2FKpII1jz0h6xCAw1kQAvS {
background-color: var(--green) !important;
}
._1poyrkZ7g36PawDueRza-J,
._11R7M_VOgKO1RJyRSRErT3,
._1Qs6zz6oqdrQbR7yE_ntfY {
background-color: var(--bg) !important;
}
._3AStxql1mQsrZuUIFP9xSg *,
.nU4Je7n-eSXStTBAPMYt8 * {
color: var(--accent-1) !important;
}
}