Reddit Tokyo Night (tokyonight) by JoshuaMarkle

/* ==UserStyle==
@name         Reddit Tokyo Night (tokyonight)
@version      20240331.23.43
@namespace    https://userstyles.world/user/JoshuaMarkle
@description  Tokyo Night for Reddit!
@author       JoshuaMarkle
@license      MIT
==/UserStyle== */

@-moz-document domain("reddit.com") {
* {
    --bg-dark: #16161E;
    --bg-code: #12121a;
    --bg: #1A1B26;
    --bg-2: #282B3C;
    --bg-3: #3F4256;
    --bg-4: #444B6A;
    --highlight: #1E202E;
    --highlight-2: #2E3448;
    --blue-accent: #89ddff;
    --blue-dim: #5C88E6;
    --text: #c0caf5;
    --text-dim: #565f89;
    --cyan: #7dcfff;
    --blue: #7aa2f7;
    --orange: #ff9e64;
    --red: #f7768e;
    --red-dark: #db4b4b;
    --green: #9ece6a;
    --green-dark: #1abc9c;
    --comment: #565f89;

    --color-primary-onBackground: white !important;
    --color-primary-onBackground-selected: black;
    --color-neutral-border: var(--highlight-2) !important;

    --color-neutral-content: var(--text) !important;
    --color-neutral-content-disabled: var(--text-dim) !important;
    --color-neutral-content-weak: var(--text-dim) !important;
    --color-neutral-content-strong: var(--text) !important;
    --color-neutral-background: var(--bg) !important;
    --color-neutral-background-selected: var(--blue-dim) !important;
    --color-neutral-background-weak: var(--bg-dark) !important;
    --color-neutral-background-medium: var(--bg-dark) !important;
    --color-neutral-background-strong: var(--bg-dark) !important;
    --color-neutral-background-hover: var(--bg-dark) !important;
    --color-neutral-border-weak: var(--highlight-2) !important;
    --color-neutral-border-strong: var(--border) !important;
    --color-tone-1: var(--text) !important;
    --color-tone-2: var(--text) !important;
    --color-tone-3: var(--text-dim) !important;
    --color-tone-4: var(--text-dim) !important;
    --color-tone-5: var(--text-dim) !important;
    --color-tone-6: var(--text-dim) !important;
    --color-tone-7: var(--text-dim) !important;
    --color-primary: var(--blue) !important;
    --color-primary-hover: var(--blue-dim) !important;
    --color-primary-background: var(--blue) !important;
    --color-primary-background-hover: var(--blue-dim) !important;
    --color-primary-background-selected: var(--blue-dim) !important;
    --color-secondary: var(--text) !important;
    --color-secondary-hover: var(--text);
    --color-secondary-weak: var(--text-dim) !important;
    --color-secondary-background: var(--highlight) !important;
    --color-secondary-background-hover: var(--highlight) !important;
    --color-secondary-background-selected: var(--highlight-2) !important;
    --shreddit-content-background: var(--color-neutral-background) !important;

    --button-border-color: transparent;
    --button-border-color-activated: var(--border) !important;
    --button-color-background-activated: var(--highlight-2) !important;
    --button-color-text-activated: var(--text) !important;
    --button-color-overlay: var(--color-button-overlay-focus) !important;
    --button-border-color-hover: var(--border) !important;
    --button-color-background-hover: var(--highlight-2) !important;
    --button-color-text: var(--button-color-text-hover, var(--button-color-text-default)) !important;
    
    --color-button-secondary-text: var(--text) !important;
    --color-button-secondary-text-activated: var(--text) !important;
    --color-button-secondary-text-disabled: var(--text) !important;
    --color-button-secondary-border: var(--border) !important;
    --color-button-secondary-background: var(--highlight) !important;
    --color-button-secondary-background-focus: var(--highlight-2) !important;
    --color-button-secondary-background-hover: var(--highlight-2) !important;
    --color-button-secondary-background-activated: var(--highlight) !important;
    --color-button-secondary-background-disabled: var(--highlight) !important;

    --color-action-upvote: var(--blue);
    --color-action-downvote: var(--red);
    --color-media-background: var(--bg);
    --color-media-onbackground: var(--text);
    --color-media-onbackground-disabled: var(--highlight-2);
    
    --newCommunityTheme-bodyText: var(--text);
    --newCommunityTheme-metaText: var(--text-dim);
    --newCommunityTheme-button: var(--text);
    --newCommunityTheme-body: var(--bg-dark);
    --newRedditTheme-actionIcon: var(--text);
    --newCommunityTheme-line: var(--text-dim);
    --newRedditTheme-line: var(--text-dim);
    --newRedditTheme-linkText: var(--blue);
    --newCommunityTheme-navIconFaded10: var(--highlight-2);
    --newCommunityTheme-active: var(--blue-dim);
    --newCommunityTheme-field: var(--bg-dark);
    --newRedditTheme-button: var(--text);
    --newCommunityTheme-actionIcon: var(--text);
    --newCommunityTheme-bodyTextAlpha20: transparent;
    --newRedditTheme-post: var(--bg);
    --newRedditTheme-body: var(--bg-dark);
    --newRedditTheme-field: var(--bg-dark);
    --newCommunityTheme-navIcon: var(--text);
    --newRedditTheme-actionIconAlpha50: var(--text);
    --newRedditTheme-buttonAlpha05: var(--bg-dark);
    --newRedditTheme-bodyText: var(--text);
    --newCommunityTheme-buttonAlpha50: var(--text);
    --pseudo-before-background: var(--bg-dark) !important;
    --newRedditTheme-metaText: var(--text-dim);
    --newRedditTheme-navIconFaded10: var(--highlight);

    --newCommunityTheme-postLine: var(--text-dim);
    --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--bg-dark);
    --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: var(--bg-dark);
    --newRedditTheme-widgetColors-sidebarWidgetBorderColor: var(--text-dim);
    --post-icon-color: var(--text);
    --newCommunityTheme-postIcon: var(--text);
    --posttitletextcolor: var(--text);

    color: var(--text);
}

nav, #left-sidebar {
    background-color: var(--bg-dark);
}

.bg-neutral-background {
    background-color: var(--bg-dark);
    border-bottom: 1px solid var(--text-dim);
}

#left-sidebar {
    border-right: 1px solid var(--text-dim);
}

.rounded-\[16px\] {
    border: 1px solid var(--text-dim);
}

svg {
    fill: var(--text);
}

.theme-beta, ._24UNt1hkbrZxLzs5vkvuDh, ._1VP69d9lk-Wk9zokOaylL {
    background-color: var(--bg) !important;
}

._2FKpII1jz0h6xCAw1kQAvS {
    background-color: var(--text) !important;
}

._1poyrkZ7g36PawDueRza-J, ._11R7M_VOgKO1RJyRSRErT3, ._1Qs6zz6oqdrQbR7yE_ntfY {
    background-color: var(--bg-dark) !important;
}

._3AStxql1mQsrZuUIFP9xSg *, .nU4Je7n-eSXStTBAPMYt8 * {
    color: var(--text-dim) !important;
}
}