From 99a729e4f704f4232b29e68fde28cf23c85f8070 Mon Sep 17 00:00:00 2001 From: Oliver-Akins Date: Fri, 30 Oct 2020 23:44:47 -0600 Subject: [PATCH] Add a dark high contrast theme --- .../static/css/theme/dark-high-contrast.css | 76 +++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 public/static/css/theme/dark-high-contrast.css diff --git a/public/static/css/theme/dark-high-contrast.css b/public/static/css/theme/dark-high-contrast.css new file mode 100644 index 0000000..c7ba7fe --- /dev/null +++ b/public/static/css/theme/dark-high-contrast.css @@ -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); +} \ No newline at end of file