zepp/emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

color/theming changes

Browse Source
This commit is contained in:
zepp 2025-03-11 23:37:13 -04:00
parent 17ecb1c4e0
commit a737996b73
8 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/flowers.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
public/sakura.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 102 KiB

2
src/components/Footer.astro
View File

@ -1,5 +1,5 @@
---
const backgroundColor = "#ffd4de";
const backgroundColor = "#E0D1ED";
const backgroundColorNightMode = "#240046";
---

2
src/components/Header.astro
View File

@ -8,7 +8,7 @@ import disabilityPrideFlag from "../images/Visually_Safe_Disability_Pride_Flag.s
const pageTitle = "Emma's place";
const motto = "a celebration of self-expression through the personal web";
const backgroundColor = "#ffd4de";
const backgroundColor = "#E0D1ED";
const backgroundColorNightMode = "#240046";
---

2
src/components/Navigation.astro
View File

@ -1,5 +1,5 @@
---
const backgroundColor = "#ffd4de";
const backgroundColor = "#E0D1ED";
const backgroundColorNightMode = "#240046";
---

6
src/components/WidgetBar.astro
View File

@ -3,12 +3,12 @@ import { Image } from "astro:assets";
import catImg from "../images/widgets/cat.webp";
const backgroundColor = "#ffd4de";
const backgroundColor = "#E0D1ED";
const backgroundColorNightMode = "#240046";
---
<div class="widget-box">
<div class="cat-widget widget">
<div class="widget">
<p>a friend to browse my homepage with &lt;3</p>
<Image src={catImg} alt="a cat sitting in a stained glass window"/>
</div>
@ -25,7 +25,7 @@ const backgroundColorNightMode = "#240046";
grid-row: 2/3;
}
.cat-widget {
.widget {
background-color: var(--backgroundColor);
height: auto;
width: 20vw;

2
src/pages/index.astro
View File

@ -3,7 +3,7 @@ import BasicLayout from "../layouts/BasicLayout.astro";
const pageTitle = "emma's place";
const backgroundColor = "#ffd4de";
const backgroundColor = "#E0D1ED";
const backgroundColorNightMode = "#240046";
const textColorNightMode = "#f1dac4";
const linkColorNightMode = "#4cc9f0";

4
src/styles/global.css
View File

@ -1,6 +1,6 @@
:root {
--text-color: #0c0c0c;
--background-color: #ffd4de;
--background-color: #e0d1ed;
--body-background-color: #ffcccc;
--scroll-gutter: #eb76ff88;
--scroll-bar: #ffa8ec88;
@ -25,7 +25,7 @@ html {
body {
background-color: var(--body-background-color);
background-image: url("/sakura.webp");
background-image: url("/flowers.png");
display: grid;
grid-template-columns: 25vw 50vw 25vw;
grid-template-rows: 10vh 100% 10vh;