From d37a3f42527ee7874e5cbd8a7bf95469a0bcde89 Mon Sep 17 00:00:00 2001 From: Alejandro Gomez Date: Fri, 20 Jan 2023 16:57:59 +0100 Subject: [PATCH] light color scheme --- src/Pages/Layout.css | 3 ++- src/index.css | 18 ++++++++++-------- 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/src/Pages/Layout.css b/src/Pages/Layout.css index a6a0ddd..76462f4 100644 --- a/src/Pages/Layout.css +++ b/src/Pages/Layout.css @@ -12,8 +12,9 @@ line-height: 1.5em; top: -10px; left: -10px; - font-size: small; + font-size: var(--font-size-small); background-color: var(--error); + color: var(--note-bg); font-weight: bold; text-align: center; } diff --git a/src/index.css b/src/index.css index ea93f86..7aa4c50 100644 --- a/src/index.css +++ b/src/index.css @@ -30,15 +30,17 @@ @media (prefers-color-scheme: light) { :root { - --bg-color: #FFF; - --font-color: #000; - --font-secondary-color: #444; - --font-tertiary-color: #666; - --highlight-light: #FFC852; - --highlight: #FF9B00; - --highlight-dark: #944F05; + --bg-color: #F1F1F1; + --font-color: #57534E; + --font-secondary-color: #B9B9B9; + --font-tertiary-color: #F3F3F3; + + --highlight-light: #16AAC1; + --highlight: #0284C7; + --highlight-dark: #0A52B5; --modal-bg-color: rgba(240, 240, 240, 0.8); - --note-bg: #EEE; + + --note-bg: white; --gray: #CCC; --gray-secondary: #DDD;