cordis/client/webapp/styles/theme.scss
2021-10-31 14:02:26 -05:00

35 lines
995 B
SCSS

/* color definitions */
$header-primary: #ffffff;
$header-secondary: #b9bbbe;
$text-normal: #dcddde;
$text-sending: #9ca1a8;
$text-muted: #72767d;
$text-link: #00b0f4;
$interactive-normal: #b9bbbe;
$interactive-hover: #dcddde;
$interactive-active: #ffffff;
$interactive-muted: #4f545c;
$background-primary: #36393f;
$background-secondary: #2f3136;
$background-secondary-alt: #292b2f;
$background-tertiary: #202225;
$background-floating: #18191c;
$background-modifier-hover: rgba(79, 84, 92, 0.16);
$background-modifier-selected: rgba(79, 84, 92, 0.32);
$background-modifier-accent: hsla(0, 0%, 100%, 0.06);
$background-message-hover: rgba(4, 4, 5, 0.07);
$background-overlay: rgba(0, 0, 0, 0.85);
$channels-default: #8e9297;
$channeltextarea-background: #40444b;
$brand: #7289ba; /* yea that's a direct copy from discord */
$brand-hover: #677bc4; /* thicc */
$error: #d71f28; /* In fact, not copied! */
$online: #2b9537;
$offline: #9ca1a8;
$away: #dab01d;
$busy: #ce1515;
$item-red: #da4040;