From 26b55988ec0f02c40b1da857eb1f7b6e9b4f14c4 Mon Sep 17 00:00:00 2001 From: Araozu Date: Thu, 7 Dec 2023 12:47:19 -0500 Subject: [PATCH] [RS-FE] Add color schemes --- rs-front/input.css | 39 --------------------------------------- rs-front/public/colors.js | 4 ++-- 2 files changed, 2 insertions(+), 41 deletions(-) diff --git a/rs-front/input.css b/rs-front/input.css index d657ce8..9f03b13 100644 --- a/rs-front/input.css +++ b/rs-front/input.css @@ -1,42 +1,3 @@ -/* - * BLUE - */ - :root { - --c-blue-primary: #adc6ff; - --c-blue-on-primary: #002e69; - --c-blue-primary-container: #0e448e; - --c-blue-on-primary-container: #d8e2ff; - --c-blue-background: #1b1b1f; - --c-blue-on-background: #e3e2e6; - --c-blue-surface: #1b1b1f; - --c-blue-on-surface: #e3e2e6; - --c-blue-outline: #8e9099; - --c-blue-surface-variant: #44474f; - --c-blue-on-surface-variant: #c4c6d0; - - --c-blue-success: #7cdc6d; - --c-blue-on-success: #003a02; -} -@media (prefers-color-scheme: light) { - :root { - --c-blue-primary: #315da8; - --c-blue-on-primary: #ffffff; - --c-blue-primary-container: #d8e2ff; - --c-blue-on-primary-container: #001a41; - --c-blue-background: #fefbff; - --c-blue-on-background: #1b1b1f; - --c-blue-surface: #fefbff; - --c-blue-on-surface: #1b1b1f; - --c-blue-outline: #74777f; - --c-blue-surface-variant: #e1e2ec; - --c-blue-on-surface-variant: #44474f; - - --c-blue-success: #006e08; - --c-blue-on-success: #ffffff; - } -} - - :root { --c-error: #ffb4ab; diff --git a/rs-front/public/colors.js b/rs-front/public/colors.js index 1099d75..4f91456 100644 --- a/rs-front/public/colors.js +++ b/rs-front/public/colors.js @@ -1,5 +1,5 @@ -export const applyColors = (colorName) => { +const applyColors = (colorName) => { const styleStr = ` :root { --c-primary: var(--c-${colorName}-primary); @@ -36,7 +36,7 @@ export const applyColors = (colorName) => { `; // Check for a previous style element in the head - const styleEl = document.getElementById("color-scheme-style"); + let styleEl = document.getElementById("color-scheme-style"); if (styleEl === null) { styleEl = document.createElement("style");