code refactoring

clean up index.astro
add files needs for primary layout
This commit is contained in:
emma 2025-02-19 19:48:12 -05:00
parent 36d6c2b6ed
commit 1597f9cdc2
4 changed files with 31 additions and 31 deletions

View File

View File

View File

View File

@ -1,10 +1,11 @@
---
import "../styles/global.css";
const pageTitle = "emma's place";
const backgroundColor = "#ffd4de";
const backgroundColorNightMode = "#240046";
const textColor = "#f1dac4";
const linkColor = "#4cc9f0";
const textColorNightMode = "#f1dac4";
const linkColorNightMode = "#4cc9f0";
---
<html lang="en">
@ -12,22 +13,21 @@ const linkColor = "#4cc9f0";
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="generator" content={Astro.generator} />
<title>{pageTitle}</title>
<style is:global define:vars={{backgroundColor, backgroundColorNightMode, textColor, linkColor}}>
<style is:global define:vars={{backgroundColor, backgroundColorNightMode, textColorNightMode, linkColorNightMode}}>
.status .statuslol_container .statuslol {
background: var(--backgroundColor) !important;
}
@media (prefers-color-scheme: dark) {
.status .statuslol_content p {
color: var(--textColor);
color: var(--textColorNightMode);
}
.status .statuslol_container .statuslol {
background: var(--backgroundColorNightMode) !important;
}
.status .statuslol_content .statuslol_time a {
color: var(--linkColor) !important;
color: var(--linkColorNightMode) !important;
}
}
</style>