Skip to content

Instantly share code, notes, and snippets.

@Epicpkmn11
Created January 30, 2021 08:23
Show Gist options
  • Save Epicpkmn11/573b7a1c4f5a039f39516f75e5c7b7fe to your computer and use it in GitHub Desktop.
Save Epicpkmn11/573b7a1c4f5a039f39516f75e5c7b7fe to your computer and use it in GitHub Desktop.
Discord light theme, but it's not super harsh
.theme-light {
--header-primary: #070707;
--header-secondary: #606060;
--text-normal: #383838;
--text-muted: #8d8d8d;
--text-link: #0067e0;
--channels-default: #808080;
--interactive-normal: #606060;
--interactive-hover: #383838;
--interactive-active: #070707;
--interactive-muted: #d1d1d1;
--background-primary: #fff;
--background-secondary: #f5f5f5;
--background-secondary-alt: #efefef;
--background-tertiary: #e8e8e8;
--background-accent: #8d8d8d;
--background-floating: #fff;
--background-mobile-primary: #f9f8f8;
--background-mobile-secondary: #fff;
--background-modifier-hover: rgba(141, 116, 116, 0.08);
--background-modifier-active: rgba(141, 116, 116, 0.16);
--background-modifier-selected: rgba(141, 116, 116, 0.24);
--background-modifier-accent: rgba(7, 6, 6, 0.08);
--background-mentioned: rgba(250,166,26,0.1);
--background-mentioned-hover: rgba(250,166,26,0.2);
--background-message-hover: rgba(7, 6, 6, 0.02);
--background-help-warning: rgba(250,166,26,0.1);
--background-help-info: rgba(224, 0, 0, 0.1);
--scrollbar-thin-thumb: rgba(92, 79, 79, 0.3);
--scrollbar-thin-track: transparent;
--scrollbar-auto-thumb: #ccc;
--scrollbar-auto-track: #f2f2f2;
--scrollbar-auto-scrollbar-color-thumb: #e8e3e3;
--scrollbar-auto-scrollbar-color-track: #f5f2f2;
--elevation-stroke: 0 0 0 1px rgba(7, 6, 6, 0.08);
--elevation-low: 0 1px 0 rgba(7, 6, 6, 0.1),0 1.5px 0 rgba(7, 6, 6, 0.025),0 2px 0 rgba(7, 6, 6, 0.025);
--elevation-medium: 0 4px 4px rgba(0,0,0,0.08);
--elevation-high: 0 8px 16px rgba(0,0,0,0.16);
--logo-primary: #7289da;
--focus-primary: #00b0f4;
--radio-group-dot-foreground: #4e5d94;
--guild-header-text-shadow: 0 1px 1px hsla(0,0%,100%,0.4);
--channeltextarea-background: #efebeb;
--activity-card-background: #fff;
--textbox-markdown-syntax: #806a6a;
--deprecated-card-bg: #f9f8f8;
--deprecated-card-editable-bg: rgba(247, 246, 246, 0.6);
--deprecated-store-bg: #f9f8f8;
--deprecated-quickswitcher-input-background: #fff;
--deprecated-quickswitcher-input-placeholder: rgba(92, 79, 79, 0.3);
--deprecated-text-input-bg: rgba(92, 79, 79, 0.02);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment