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 +}