From 84a82632b3a3f0afddf1517062b97101e624b8e9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D1=81=D0=B8=D0=BD=D0=B5=D1=87=D0=BA=D0=B0=20=E2=99=A1?= <63897347+ktnk-dev@users.noreply.github.com> Date: Wed, 9 Sep 2026 15:03:07 +0000 Subject: [PATCH] add light theme fallback for map --- web/map/styles/main.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/web/map/styles/main.css b/web/map/styles/main.css index c30e4fb..4f106e1 100644 --- a/web/map/styles/main.css +++ b/web/map/styles/main.css @@ -1,3 +1,14 @@ +:root { + /* Telegram injects these variables inside its WebApp. Keep a light theme + for a normal browser, where that injection is absent. */ + color-scheme: light; + --tg-theme-bg-color: #ffffff; + --tg-theme-text-color: #000000; + --tg-theme-hint-color: #707579; + --tg-theme-secondary-bg-color: #f1f1f1; + --tg-theme-destructive-text-color: #e53935; +} + * { /* border: solid 1px #f00; */ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; @@ -247,4 +258,4 @@ footer > .i > input { 100% { fill: var(--tg-theme-destructive-text-color) !important; } -} \ No newline at end of file +}