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

introduce alt colros

Browse Source
This commit is contained in:
Lee Cattarin
2025-11-21 17:18:23 -08:00
parent ecf3454178
commit 572ad88469
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/artist.css
View File

@ -24,7 +24,7 @@
.artist { .artist {
margin: 1rem 0 3rem; margin: 1rem 0 3rem;
} }
.artist:nth-child(n) { .artist:nth-child(n) {
grid-template: grid-template:
'imgs' 'imgs'
@ -60,7 +60,7 @@
.description { .description {
grid-area: desc; grid-area: desc;
background-color: light-dark(var(--color-dark), var(--color-light)); background-color: light-dark(var(--color-light-alt), var(--color-dark-alt));
border-radius: 0 0 1rem 1rem; border-radius: 0 0 1rem 1rem;
} }

14
css/main.css
View File

@ -2,7 +2,9 @@
color-scheme: light dark; color-scheme: light dark;
--color-light: #d5e9ff; --color-light: #d5e9ff;
--color-light-alt: #d5e9ff;
--color-dark: #001a33; --color-dark: #001a33;
--color-dark-alt: #00274b;
--color-orange-light: #ff764f; --color-orange-light: #ff764f;
--color-orange-dark: #f55e33; --color-orange-dark: #f55e33;
} }
@ -51,8 +53,8 @@ main {
} }
#wip { #wip {
background-color: light-dark(var(--color-dark), var(--color-light)); background-color: light-dark(var(--color-light-alt), var(--color-dark-alt));
color: light-dark(var(--color-light), var(--color-dark)); color: light-dark(var(--color-dark), var(--color-light));
margin: 1rem 0 1rem; margin: 1rem 0 1rem;
text-align: center; text-align: center;
padding: 1rem .5rem; padding: 1rem .5rem;
@ -103,7 +105,7 @@ h3 {
} }
a { a {
color: light-dark(var(--color-light), var(--color-dark)); color: light-dark(var(--color-dark), var(--color-light));
font-weight: bold; font-weight: bold;
text-decoration: underline; text-decoration: underline;
text-decoration-style: solid; text-decoration-style: solid;
@ -126,8 +128,8 @@ a:focus {
} }
p { p {
background-color: light-dark(var(--color-dark), var(--color-light)); background-color: light-dark(var(--color-light-alt), var(--color-dark-alt));
color: light-dark(var(--color-light), var(--color-dark)); color: light-dark(var(--color-dark), var(--color-light));
padding: .5rem; padding: .5rem;
border-radius: 0 0 1rem 1rem; border-radius: 0 0 1rem 1rem;
} }
@ -149,6 +151,8 @@ footer {
} }
footer p { footer p {
background-color: light-dark(var(--color-dark), var(--color-light));
color: light-dark(var(--color-light), var(--color-dark));
text-align: center; text-align: center;
margin: 1rem 0 0; margin: 1rem 0 0;
} }