From 5c279147c1b1b17c00062fb5a164e1ca68d119f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D1=82=D0=BE=D0=BD=20=D0=A2=D1=80=D0=BE=D1=88?=
 =?UTF-8?q?=D0=B8=D0=BD?= <i@atroshin.ru>
Date: Wed, 9 Sep 2026 22:37:30 +0300
Subject: [PATCH] theme: darker light-gray shades (light), lighter gray fonts
 (dark); larger profiler progress

- Light theme: darken bg-gray-50/100/200, border-gray-100/200/300,
  text-gray-300 and hover variants one step
- Dark theme: lighten dark:text-gray-400/600 gray fonts
- Profiler: bump 'Checking ..' progress line from text-xs to text-base

SW cache v42.
---
 frontend/index.html |  2 +-
 frontend/style.css  | 40 ++++++++++++++++++++++++++++++++++++++++
 frontend/sw.js      |  2 +-
 3 files changed, 42 insertions(+), 2 deletions(-)

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 @@
 					<button onclick="profilerBackToList()" class="px-2.5 py-1 text-sm rounded border border-gray-300 dark:border-slate-600 hover:bg-gray-200 dark:hover:bg-slate-700 text-gray-700 dark:text-slate-300" data-l10n="Back to list">Back to list</button>
 					<span id="profiler-results-title" class="text-sm font-semibold"></span>
 				</div>
-				<div id="profiler-progress" class="mb-2 text-xs font-mono text-gray-600 dark:text-slate-400"></div>
+				<div id="profiler-progress" class="mb-2 text-base font-mono text-gray-600 dark:text-slate-400"></div>
 				<div id="profiler-summary" class="mb-2 text-sm"></div>
 				<div id="profiler-report"></div>
 			</div>
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',