Spotify-Discord.theme.css

/**
 * @name Spotify Discord
 * @version 2.0.0
 * @description Combine Discord and Spotify into one
 * @author CapnKitten
 *
 * @website http://github.com/CapnKitten
 * @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Spotify-Discord/css/source.css
 * @donate https://paypal.me/capnkitten
 * @invite jzJkA6Z
 */

@import url(https://capnkitten.github.io/BetterDiscord/Themes/Spotify-Discord/css/source.css);

:root {
	--app-font: "Circular Std";

    --app-background: hsl(0,0%,0%);
    --app-foreground: hsl(0,0%,7%);

    --app-card-radius: 8px;
    --app-card-margin: 8px;
    --app-card-top-margin: 4px;
    --app-card-border-color: hsl(0,0%,14%);

    --app-bar-size: 80px;

    --accent-hue: 141;
    --accent-saturation: 72.9%;
    --accent-lightness: 42%;
	--accent-text-color: hsl(0,0%,6%);

	--alert-hue: 0;
    --alert-saturation: 85%;
    --alert-lightness: 61%;
	--alert-text-color: hsl(0,0%,0%);

	--sidebar-panel-color: hsl(0,0%,12%);
    --sidebar-panel-border: hsl(0,0%,21%);

    --header-bar-height: 56px;
    --header-bar-color: hsl(0,0%,13%);

	--card-color: hsl(0,0%,10%);
	--card-color-hover: hsl(0,0%,15%);
    --card-color-active: hsl(0,0%,19%);
    --card-radius: 6px;
    --card-border-color: hsl(0,0%,19%);

	--button-height: 36px;
    --button-padding: 0 18px;

	--popout-color: hsl(0,0%,16%);
    --popout-color-alt: hsl(0,0%,11%);
	--popout-radius: 6px;
	--popout-radius-big: 10px;
    --popout-border-color: hsl(0,0%,26%);

	--menu-border-color: hsl(0,0%,26%);
	--menu-text-color: hsl(0,0%,85%);
    --menu-item-radius: 6px;

	--input-height: 36px;
    --input-padding: 0 12px;
    --input-color: hsla(0,0%,100%,0.09);
    --input-radius: 4px;
    --input-border-color: hsl(0,0%,33%);
    --input-text-color: hsl(0,0%,96%);
    --input-placeholder-color: hsl(0,0%,71%);

    --main-textarea-min-height: 48px;
	--main-textarea-color: hsl(0,0%,14%);
    --main-textarea-border-color: hsl(0,0%,20%);
    --main-textarea-text-color: hsl(0,0%,60%);
    --main-textarea-placeholder-color: hsl(0,0%,54%);
    --main-textarea-typing-color: hsla(0,0%,7%,0.9);

	--switch-knob-color: hsl(0,0%,100%);
	--switch-slider-color: hsl(0,0%,33%);

    --message-color-hover: hsl(0,0%,9%);
}