lightmode
E. Almqvist 2 years ago
parent af1c09c527
commit 1715b0b501
  1. 181
      discocss/.config/discocss/custom.css
  2. 2
      polybar/.config/polybar/config

@ -1,97 +1,97 @@
:root { :root {
--gruv-font-family: "Fira Code"; --gruv-font-family: "Fira Code";
--gruv-font-size: 14px; --gruv-font-size: 16px;
--gruv-bg-dark: #1d2021; --gruv-bg-dark: #1d2021;
--gruv-bg-darkisher: #202020; --gruv-bg-dark1: #222222;
--gruv-bg-darkish: #222222; --gruv-bg-dark2: #202020;
--gruv-bg-normal: #282828; --gruv-bg-normal: #282828;
--gruv-bg-brighter: #504945; --gruv-bg-light: #504945;
--gruv-border: #353331; --gruv-border: #353331;
--gruv-fg-brighter: #fbf1c7; --gruv-fg-light: #fbf1c7;
--gruv-fg-normal: #ebdbb2; --gruv-fg-normal: #ebdbb2;
--gruv-fg-darker: #d5c4a1; --gruv-fg-light-dark: #d5c4a1;
--gruv-fg-dark: #a89984; --gruv-fg-dark: #a89984;
--gruv-fg-inactive: #696969; --gruv-fg-inactive: #696969;
--gruv-red: #fb4934; --gruv-red: #fb4934;
--gruv-purple: #b16286; --gruv-purple: #b16286;
--gruv-blue: #458588; --gruv-blue: #458588;
--gruv-green: #b8bb26; --gruv-green: #b8bb26;
--gruv-aqua: #83c07c; --gruv-aqua: #83c07c;
--gruv-yellow: #fabd2f; --gruv-yellow: #fabd2f;
--gruv-orange: #fe8019; --gruv-orange: #fe8019;
--gruv-accent: var(--gruv-aqua); --gruv-accent: var(--gruv-aqua);
--button: #daddee1a; --button: #daddee1a;
} }
.theme-dark { .theme-dark {
--header-primary: var(--gruv-fg-brighter); --header-primary: var(--gruv-fg-light);
--header-secondary: var(--gruv-fg-darker); --header-secondary: var(--gruv-fg-light-dark);
--text-normal: var(--gruv-fg-brighter); --text-normal: var(--gruv-fg-light);
--text-muted: var(--gruv-fg-darker); --text-muted: var(--gruv-fg-light-dark);
--text-link: var(--gruv-accent); --text-link: var(--gruv-accent);
--channels-default: var(--gruv-fg-darker); --channels-default: var(--gruv-fg-light-dark);
--interactive-normal: var(--gruv-fg-darker); --interactive-normal: var(--gruv-fg-light-dark);
--interactive-hover: var(--gruv-fg-brighter); --interactive-hover: var(--gruv-fg-light);
--interactive-active: var(--gruv-fg-brighter); --interactive-active: var(--gruv-fg-light);
--interactive-muted: var(--gruv-fg-darker); --interactive-muted: var(--gruv-fg-light-dark);
--background-primary: var(--gruv-bg-normal); --background-primary: var(--gruv-bg-normal);
--background-secondary: var(--gruv-bg-darkish); --background-secondary: var(--gruv-bg-dark1);
--background-secondary-alt: var(--gruv-bg-normal); --background-secondary-alt: var(--gruv-bg-normal);
--background-tertiary: var(--gruv-bg-normal); --background-tertiary: var(--gruv-bg-normal);
--background-accent: var(--gruv-accent); --background-accent: var(--gruv-accent);
--background-floating: var(--gruv-bg-normal); --background-floating: var(--gruv-bg-normal);
--background-modifier-hover: rgba(79, 84, 92, 0.16); --background-modifier-hover: rgba(79, 84, 92, 0.16);
--background-modifier-active: rgba(79, 84, 92, 0.24); --background-modifier-active: rgba(79, 84, 92, 0.24);
/*--background-modifier-accent: hsla(0, 0%, 100%, 0.06);*/ /*--background-modifier-accent: hsla(0, 0%, 100%, 0.06);*/
--background-modifier-accent: rgba(0, 0, 0, 0); --background-modifier-accent: rgba(0, 0, 0, 0);
--elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24); --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
--guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
--channeltextarea-background: var(--gruv-bg-normal); --channeltextarea-background: var(--gruv-bg-normal);
--activity-card-background: var(--gruv-bg-darkish); --activity-card-background: var(--gruv-bg-dark1);
--deprecated-panel-background: var(--gruv-bg-dark); --deprecated-panel-background: var(--gruv-bg-dark);
--background-modifier-selected: var(--gruv-bg-normal); --background-modifier-selected: var(--gruv-bg-normal);
--elevation-low: none !important; --elevation-low: none !important;
--background-message-hover: var(--gruv-bg-darkish) !important; --background-message-hover: var(--gruv-bg-dark1) !important;
} }
* { * {
font-family: var(--gruv-font-family) !important; font-family: var(--gruv-font-family) !important;
font-weight: normal; font-weight: normal;
font-size: var(--gruv-font-size) !important; font-size: var(--gruv-font-size) !important;
} }
/* Make channel list more compact */ /* Make channel list more compact */
[class*="sidebar"] [class*="containerDefault"] [class*="mainContent"] { /* [class*="sidebar"] [class*="containerDefault"] [class*="mainContent"] { */
height: 25px !important; /* height: 20px !important; */
} /* } */
/* Chat content */ /* Chat content */
[class*="chatContent"] [class*="form"] { [class*="chatContent"] [class*="form"] {
padding-top: 0.5rem; padding-top: 0.5rem;
background-color: var(--gruv-bg-normal); background-color: var(--gruv-bg-normal);
box-shadow: 0 -20px 40px -20px #0000006e; box-shadow: 0 -20px 40px -20px #0000006e;
} }
/* Chat profiles */ /* Chat profiles */
img[class*="avatar"] { img[class*="avatar"] {
border-radius: 20%; border-radius: 20%;
overflow: hidden; overflow: hidden;
transition: filter 0.1s, transform 0.1s ease-in-out; transition: filter 0.1s, transform 0.1s ease-in-out;
} }
img[class*="avatar"]:hover { img[class*="avatar"]:hover {
transform: scale(1.1); transform: scale(1.1);
} }
/* Live tag when streaming */ /* Live tag when streaming */
[class*="live"][class*="textBadge"] { [class*="live"][class*="textBadge"] {
background-color: var(--gruv-red) !important; background-color: var(--gruv-red) !important;
color: var(--gruv-fg-normal); color: var(--gruv-fg-normal);
} }
code.hljs:not(.inline)::before { code.hljs:not(.inline)::before {
@ -106,26 +106,14 @@ code.hljs:not(.inline)::before {
line-height: 20px; line-height: 20px;
overflow-x: hidden; overflow-x: hidden;
scrollbar-width: none; scrollbar-width: none;
color: var(--gruv-fg-darker); color: var(--gruv-fg-light-dark);
opacity: 0.6; opacity: 0.6;
} }
/* Icons etc, sidebar stuff */ /* Icons color */
[class*="sidebar"] [class*="containerDefault"] [class*="mainContent"] {
height: 25px !important;
}
[class*="sidebar"] [class*="containerDefault"] [class*="mainContent"] > * {
font-size: 15px !important;
}
[class*="sidebar"] [class*="containerDefault"] [class*="mainContent"] div[class*="iconContainer-"] svg { [class*="sidebar"] [class*="containerDefault"] [class*="mainContent"] div[class*="iconContainer-"] svg {
color: var(--gruv-fg-darker) !important; color: var(--gruv-fg-light-dark) !important;
}
[class*="sidebar"] [class*="containerDefault"] [class*="iconVisibility-"] [class*="children-"]{
height: 25px;
} }
/* Scrollbar */ /* Scrollbar */
@ -133,6 +121,23 @@ code.hljs:not(.inline)::before {
::-webkit-scrollbar-track, ::-webkit-scrollbar-track,
::-webkit-scrollbar-track-handle, ::-webkit-scrollbar-track-handle,
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
border-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important;
background-color: rgba(0, 0, 0, 0) !important; background-color: rgba(0, 0, 0, 0) !important;
}
/*Chat stuff*/
div[class*="chat"] div[class*="root"] {
background-color: var(--gruv-bg-normal);
}
div[class*="autocomplete-"] div[class*="rail"] > div {
background-color: var(--gruv-bg-normal) !important;
}
div[class*="autocomplete-"], div[class*="autocomplete-"] div[class*="categoryHeader"] {
background-color: var(--gruv-bg-dark) !important;
}
div[class*="noAutocompleteResults-"] * {
color: var(--gruv-fg-darker);
} }

@ -2,7 +2,7 @@
#compositing-foreground = over #compositing-foreground = over
[colors] [colors]
background = #141414 background = #222222
foreground = #ebdbb2 foreground = #ebdbb2
foreground2 = #77ebdbb2 foreground2 = #77ebdbb2
line = #bbb line = #bbb

Loading…
Cancel
Save