lars/Portfolio-2026
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

correct meta theme-color value for dark theme

Browse Source
This commit is contained in:
sefaria
2026-05-27 15:37:06 +02:00
parent 579487db22
commit 740198a939
6 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
404.html
+1 -1
View File
@@ -21,7 +21,7 @@
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<style> <style>
main { main {
about.html
+1 -1
View File
@@ -21,7 +21,7 @@
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script> <script src="js/app.js" defer></script>
css/style.css
+4 -2
View File
@@ -465,13 +465,15 @@ button:visited, .button-primary:visited, .logo:visited {
justify-content: center; justify-content: center;
position: sticky; position: sticky;
top: 0; top: 0;
padding-top: max(1px, env(safe-area-inset-top));
z-index: 100; z-index: 100;
background: light-dark( background: light-dark(
linear-gradient(180deg, var(--color-neutral-100) 15%, rgba(247,247,247,0) 100%), linear-gradient(180deg, var(--color-neutral-100) 15%, rgba(247,247,247,0) 100%),
linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(18,18,18,0) 100%) linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(18,18,18,0) 100%)
); );
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px); backdrop-filter: blur(6px);
-webkit-mask-image: linear-gradient( /* -webkit-mask-image: linear-gradient(
to top, to top,
rgba(18,18,18,0) 0%, rgba(18,18,18,0) 0%,
rgba(18,18,18,1.00) 16% rgba(18,18,18,1.00) 16%
@@ -480,7 +482,7 @@ button:visited, .button-primary:visited, .logo:visited {
to top, to top,
rgba(18,18,18,0) 0%, rgba(18,18,18,0) 0%,
rgba(18,18,18,1.00) 16% rgba(18,18,18,1.00) 16%
); ); */
} }
.menu-bar { .menu-bar {
index.html
+1 -1
View File
@@ -21,7 +21,7 @@
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script> <script src="js/app.js" defer></script>
legal-notice.html
+1 -1
View File
@@ -21,7 +21,7 @@
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script> <script src="js/app.js" defer></script>
privacy.html
+1 -1
View File
@@ -21,7 +21,7 @@
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script> <script src="js/app.js" defer></script>