rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Android Statusleiste immer dunkel (#0f1623), kein Amber-Streifen mehr (SW by-v815)

Browse source
This commit is contained in:
rene 2026-05-10 08:34:18 +02:00
parent 5a30f657a1
commit effdf5ba5b
4 changed files with 17 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

20
backend/static/index.html
View file

@ -90,18 +90,20 @@
(function() {
var t = localStorage.getItem('by_theme');
var isDark = t === 'dark' || (t !== 'light' && window.matchMedia('(prefers-color-scheme: dark)').matches);
var isAndroid = /android/i.test(navigator.userAgent);
if (t === 'dark') document.documentElement.setAttribute('data-theme', 'dark');
if (t === 'light') document.documentElement.setAttribute('data-theme', 'light');
// Statusleisten-Farbe sofort setzen — kein Amber auf Samsung im Dark Mode
// Android: immer dunkel (Amber-Streifen nicht möglich transparent zu machen)
// iOS: black-translucent übernimmt das
var m = document.getElementById('meta-theme-color');
if (m) m.setAttribute('content', isDark ? '#0f1623' : '#C4843A');
if (m) m.setAttribute('content', (isDark || isAndroid) ? '#0f1623' : '#C4843A');
})();
</script>
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=814">
<link rel="stylesheet" href="/css/layout.css?v=814">
<link rel="stylesheet" href="/css/components.css?v=814">
<link rel="stylesheet" href="/css/design-system.css?v=815">
<link rel="stylesheet" href="/css/layout.css?v=815">
<link rel="stylesheet" href="/css/components.css?v=815">
</head>
<body>
@ -581,10 +583,10 @@
<div id="modal-container"></div>
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
<script src="/js/api.js?v=814"></script>
<script src="/js/ui.js?v=814"></script>
<script src="/js/app.js?v=814"></script>
<script src="/js/worlds.js?v=814"></script>
<script src="/js/api.js?v=815"></script>
<script src="/js/ui.js?v=815"></script>
<script src="/js/app.js?v=815"></script>
<script src="/js/worlds.js?v=815"></script>
<!-- Feature-Seiten werden lazy geladen -->