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

@ -1,18 +1,18 @@
: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;
@ -30,18 +30,18 @@
} }
.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);
@ -53,11 +53,11 @@
--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;
} }
* { * {
@ -67,9 +67,9 @@
} }
/* 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"] {
@ -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 */
@ -136,3 +124,20 @@ code.hljs:not(.inline)::before {
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