From ad6ae0be930113a0c35af819458c31e2b9484488 Mon Sep 17 00:00:00 2001 From: buzz-lightsnack-2007 <73412182+buzz-lightsnack-2007@users.noreply.github.com> Date: Mon, 6 May 2024 14:29:41 +0800 Subject: [PATCH] accomodate for light mode changes --- styles/colors/defaults.results.css | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/styles/colors/defaults.results.css b/styles/colors/defaults.results.css index 75352a7..259c6ce 100644 --- a/styles/colors/defaults.results.css +++ b/styles/colors/defaults.results.css @@ -1,13 +1,21 @@ :root { --color-results_bad_dark: #AF3119; --color-results_bad_light: #EC6342; - --color-results_bad_gradient: linear-gradient(43deg, var(--color-results_bad_dark) 0%, var(--color-results_bad_light) 100%); + --color-results_bad_gradient: linear-gradient(43deg, var(--color-results_bad_dark) 100%, var(--color-results_bad_light) 0%); - --color-results_ok_dark: #E8A87C; - --color-results_ok_light: #F6C7A1; - --color-results_ok_gradient: linear-gradient(43deg, var(--color-results_ok_dark) 0%, var(--color-results_ok_light) 100%); + --color-results_ok_dark: rgba(221, 106, 59); + --color-results_ok_light: rgba(255, 134, 57); + --color-results_ok_gradient: linear-gradient(43deg, var(--color-results_ok_dark) 100%, var(--color-results_ok_light) 0%); --color-results_good_dark: #487858; --color-results_good_light: #5BBF4B; - --color-results_good_gradient: linear-gradient(43deg, var(--color-results_good_dark) 0%, var(--color-results_good_light) 100%); + --color-results_good_gradient: linear-gradient(43deg, var(--color-results_good_dark) 100%, var(--color-results_good_light) 0%); +} + +@media (prefers-color-scheme: dark) { + :root { + --color-results_bad_gradient: linear-gradient(43deg, var(--color-results_bad_dark) 0%, var(--color-results_bad_light) 100%); + --color-results_ok_gradient: linear-gradient(43deg, var(--color-results_ok_dark) 0%, var(--color-results_ok_light) 100%); + --color-results_good_gradient: linear-gradient(43deg, var(--color-results_good_dark) 0%, var(--color-results_good_light) 100%); + } } \ No newline at end of file