colors-discord.css

/**
 * @name Pywal for Vencord
 * @author Zeph (and Pywal)
 * @version 1.0.0
 * @description Generated by Pywal based on Zeph's replacements.
 * @source https://github.com/ZephyrCodesStuff/pywal-vencord
*/

* {{
    /* font-family: "JetBrains Mono"; */
    /* font-style: italic; */

    /* *.background */
    --background-primary: {background};
    --background-secondary: {background};
    --background-tertiary: {background};

    --background-primary-alt: {background};
    --background-secondary-alt: {background};
    --background-tertiary-alt: {background};

    --channeltextarea-background: {background};
    --custom-channel-members-bg: {background};

    --profile-gradient-primary-color: {background};
    --profile-gradient-secondary-color: {background};

    --__header-bar-background: {background} !important;

    --scrollbar-auto-track: {background};
    --scrollbar-thin-track: {background};

    /* slightly darker background - useful for separating */
    --input-background: color-mix(in srgb, {background}, black 20%);
    --autocomplete-bg: color-mix(in srgb, {background}, black 20%);
    --background-nested-floating: color-mix(in srgb, {background}, black 20%);
    --background-floating: color-mix(in srgb, {background}, black 20%);

    /* primary.* */
    --primary-630: {background};

    /* *.color2 - secondary elements */
    --scrollbar-auto-thumb: {color2};
    --scrollbar-thin-thumb: {color2};
    --interactive-muted: {color2};
    --text-muted: {color2};
    --background-modifier-hover: color-mix(in srgb, {color2}, black 40%);
    --background-modifier-active: color-mix(in srgb, {color2}, black 20%);
    --background-modifier-accent: {color2};
    --background-accent: {color2};

    /* *.color3 */
    --red-400: {color3};
    --background-modifier-selected: {color3};

    /* *.color4 - main theme color: flashy, important elements */
    --status-danger: {color4};
    --button-outline-danger-border: {color4};
    --button-outline-danger-text: {color4};
    --button-danger-background: {color4};

    --yellow-300: {color4};

    /* *.color5 - light theme color */
    --header-primary: {color5};
    --brand-experiment: {color5};
    --brand-experiment-360: {color5};
    --brand-experiment-500: {color5};
    --profile-gradient-button-color: {color5};

    --green-360: {color5};

    /* *.color6 - lighter theme color */
    --channels-default: {color6};
    --channel-icon: {color6};

    /* *.color7 - very light, text and foreground */
    --text-normal: {color7};
    --interactive-active: {color7};
}}

/* status indicators */
rect[fill="#f23f43"] {{
    fill: {color3} !important;
}}

rect[fill="#f0b232"] {{
    fill: {color4} !important;
}}

rect[fill="#23a55a"] {{
    fill: {color5} !important;
}}