Spotify/top-lists
0
0
Fork 0
Code Issues Activity

Add a dark high contrast theme

Browse source
This commit is contained in:
Oliver-Akins 2020-10-30 23:44:47 -06:00
parent d9e6094f00
commit 99a729e4f7
1 changed files with 76 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

76
public/static/css/theme/dark-high-contrast.css Normal file
View file

@ -0,0 +1,76 @@
:root {
--spotify-green: #1DB954;
--spotify-white: #FFFFFF;
--spotify-black: #000000;
--accent1: #7289da;
--accent2: #00aa00;
--error: #ff0000;
--error-background: #ff00005d;
--error-text: #FFFFFF;
--error-accent: var(--error);
--success: var(--accent2);
--success-background: #00aa002f;
--success-text: var(--card-text);
--success-accent: #00aa00;
--background: black;
--background-text: white;
--card-border-colour: white;
--card-border-style: solid;
--card-border-width: 2px;
--card-colour: black;
--card-text: white;
--on-card-colour: black;
--on-card-text: white;
--modal-container-background: #0e0f10eb;
--modal-background: var(--card-colour);
--modal-close-button: var(--card-text);
--modal-text: var(--card-text);
--fonts: 'Open Sans', sans-serif;
--corner-rounding: 7px;
--input-background: var(--spotify-black);
--input-text: var(--spotify-green);
--input-active-border: var(--accent2);
--button-hover-background: var(--accent2);
--button-background: var(--spotify-green);
--button-disabled-background: #09682a;
--button-text: var(--spotify-black);
--button-disabled-text: var(--spotify-black);
--textarea-background: var(--spotify-black);
--textarea-text-colour: var(--spotify-green);
--textarea-border-colour: var(--accent2);
--missing-picture-background: var(--background);
--missing-picture-foreground: var(--accent2);
--tooltip-colour: white;
--tooltip-text: black;
--percent-filled: var(--accent2);
--percent-empty: var(--on-card-colour);
--percent-text: var(--on-card-text);
--scrollbar-background: #0f0f0f;
--scrollbar-handle: #4d4d4d;
--scrollbar-handle-hover: #5e5e5e;
--card-bottom-row-text-colour: var(--accent2);
--card-bottom-row-background: var(--on-card-colour);
--card-bottom-row-hover-background: #1d1d1d;
--card-bottom-row-divider-colour: #000000;
--card-bottom-row-icon-colour: var(--card-bottom-row-text-colour);
--icon-primary: var(--accent2);
--icon-secondary: var(--accent1);
}