From 289eb86d97a0cb514e8ab212193041943a7b0f69 Mon Sep 17 00:00:00 2001 From: James Collins Date: Tue, 18 Apr 2023 12:07:51 +1000 Subject: [PATCH] cleanup --- resources/css/variables.scss | 40 +++++++++++++++++++++++++++++------- 1 file changed, 33 insertions(+), 7 deletions(-) diff --git a/resources/css/variables.scss b/resources/css/variables.scss index e306bec..fd47363 100644 --- a/resources/css/variables.scss +++ b/resources/css/variables.scss @@ -1,31 +1,49 @@ @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&family=Nunito:wght@400;700;800;1000&display=swap"); :root { - --base-color: #eee; - --base-color-text: rgba(0, 0, 0, 0.8); - --base-color-light: #fff; - --base-color-dark: #ddd; - --base-color-darker: #999; - --base-shadow: 0 0 4px rgba(0, 0, 0, 0.2); - + // yes --default-font-size: 18px; --default-font-family: "Nunito", "Nunito override", "Arial", "Helvetica", sans-serif; + // yes + --base-color: #eee; + --base-color-text: rgba(0, 0, 0, 0.8); + --base-color-border: #999; + --base-color-light: #fff; + + --base-color-dark: #ddd; + --base-color-darker: #999; + + // yes + --base-shadow: 0 0 4px rgba(0, 0, 0, 0.2); + --link-color: var(--primary-color); --primary-color-lighter: #cce8fb; --primary-color-light: #67bbf4; + + // yes --primary-color: #35a5f1; + --primary-color-dark: #0e80ce; --primary-color-darker: #095589; --danger-color-lighter: #f3c8c8; --danger-color-light: #db5c5a; + + // yes --danger-color: #c82e2b; + --danger-color-dark: #952220; --danger-color-darker: #641715; + // yes + --success-color: #198754; + + // yes + --warning-color: #fff3cd; + --header-font-family: "Montserrat", "Montserrat override", "Arial", "Helvetica", sans-serif; @@ -41,9 +59,13 @@ @media (prefers-color-scheme: dark) { :root { + // yes --base-color: #222; --base-color-text: rgba(255, 255, 255, 0.9); + --base-color-border: #000; --base-color-light: #333; + + // no --base-color-dark: #444; --base-color-darker: #999; @@ -52,12 +74,16 @@ --primary-color-lighter: #095589; --primary-color-light: #0e80ce; + + // yes --primary-color: #35a5f1; + --primary-color-dark: #67bbf4; --primary-color-darker: #cce8fb; --danger-color-lighter: #f3c8c8; --danger-color-light: #db5c5a; + --danger-color: #db5c5a; --danger-color-dark: #952220; --danger-color-darker: #641715;