diff --git a/frontend/index.html b/frontend/index.html index b3ca784..ac97481 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -721,7 +721,7 @@ -
+ diff --git a/frontend/style.css b/frontend/style.css index f45204d..f005ccd 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -1717,4 +1717,44 @@ video { } .dark :where(.text-red-700) { color: rgb(239 68 68 / var(--tw-text-opacity, 1)); +} + +/* Light theme: darken light gray shades (backgrounds & borders) one step */ +.bg-gray-50 { + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); +} +.bg-gray-100 { + background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); +} +.bg-gray-200 { + background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); +} +.border-gray-100 { + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); +} +.border-gray-200 { + border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); +} +.border-gray-300 { + border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); +} +.text-gray-300 { + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} +.hover\:bg-gray-100:hover { + background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); +} +.hover\:bg-gray-200:hover { + background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); +} +.hover\:bg-gray-300:hover { + background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); +} + +/* Dark theme: lighten gray fonts */ +.dark\:text-gray-400:is(.dark *) { + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); +} +.dark\:text-gray-600:is(.dark *) { + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } \ No newline at end of file diff --git a/frontend/sw.js b/frontend/sw.js index a8543d4..1a747f1 100644 --- a/frontend/sw.js +++ b/frontend/sw.js @@ -1,4 +1,4 @@ -const CACHE = 'otaman-v41'; +const CACHE = 'otaman-v42'; const URLS = [ 'index.html', 'help.html',