github-personal/dev.shadoll
1
0
Fork 0
mirror of https://github.com/shadoll/dev.shadoll.git synced 2026-08-28 11:33:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update mobile theme color for status bar and apply gradient to root element

Browse Source
This commit is contained in:
sha
2026-02-22 00:22:09 +02:00
parent 76352a2318
commit 44d8b2d533
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -1
View File
@@ -7,7 +7,7 @@
<title>devpage</title> <title>devpage</title>
<!-- mobile browser UI theming --> <!-- mobile browser UI theming -->
<meta name="theme-color" id="themeColorMeta" content="#4d22b3"> <meta name="theme-color" id="themeColorMeta" content="#4d22b3">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="#4d22b3">
<!-- Fonts --> <!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
src/styles/gradient.css
+4 -1
View File
@@ -29,7 +29,10 @@
} }
/* ── Background application ──────────────────────────────── */ /* ── Background application ──────────────────────────────── */
body { html, body {
/* apply the gradient to the root element as well so the
translucent iOS bars always show a matching colour even
when the page hasn't been scrolled */
background: linear-gradient( background: linear-gradient(
var(--gradient-angle), var(--gradient-angle),
var(--color-1) 0%, var(--color-1) 0%,