inherentlee/beall-greenhouses-market
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

logo color logic

Browse Source
This commit is contained in:
Lee Cattarin
2025-11-17 13:45:58 -08:00
parent a56b3de472
commit 2e8ff1e755
2 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
css/main.css
View File

@ -18,6 +18,18 @@ body {
background-color: light-dark(var(--color-light), var(--color-dark)); background-color: light-dark(var(--color-light), var(--color-dark));
} }
@media (prefers-color-scheme: light) {
#dark-logo {
visibility: hidden;
}
}
@media (prefers-color-scheme: dark) {
#light-logo {
visibility: hidden;
}
}
a, a,
a:active { a:active {
color: light-dark(var(--color-orange-light), var(--color-orange-dark)); color: light-dark(var(--color-orange-light), var(--color-orange-dark));

3
index.html
View File

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"> <meta charset="utf-8">
<!-- Meta --> <!-- Meta -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="canonical" href="/" /> <link rel="canonical" href="/" />
<meta name="description" content="Solstice Market at the Beall Greenhouses" /> <meta name="description" content="Solstice Market at the Beall Greenhouses" />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
@ -17,6 +18,8 @@
</head> </head>
<body> <body>
<header> <header>
<img id="dark-logo" src="/img/dark-logo.png" alt="Linework icon depicting a sunrise or sunset with two clouds">
<img id="light-logo" src="/img/light-logo.png" alt="Linework icon depicting a sunrise or sunset with two clouds">
<h1>Solstice Market at the Beall Greenhouses</h1> <h1>Solstice Market at the Beall Greenhouses</h1>
</header> </header>
<main> <main>