sarah/srhtnin.github.io
1
0 Fork 0
mirror of https://git.srhtnin.garden/sarah/srhtnin.github.io.git synced 2026-10-13 18:38:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fixed colour styling in CSS and js.

Browse Source
This commit is contained in:
sarah committed 2026-09-03 19:18:04 +02:00
1 parent a385ee20bd
commit 17c29270cb
2 files changed
+42 -37
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Scripts/Garden/Garden.js
+11 -5
View File
@@ -556,14 +556,20 @@ function RenderGarden() {
);
const GardenBorderColours = [
"var(--Lavender)",
"var(--Mauve)",
"var(--Rosewater)",
"var(--Flamingo)",
"var(--Pink)",
"var(--Blue)",
"var(--Teal)",
"var(--Mauve)",
"var(--Red)",
"var(--Maroon)",
"var(--Peach)",
"var(--Yellow)",
"var(--Green)"
"var(--Green)",
"var(--Teal)",
"var(--Sky)",
"var(--Sapphire)",
"var(--Blue)",
"var(--Lavender)"
];
GardenPanel.style.setProperty(
Styles/Style.css
+31 -32
View File
@@ -7,32 +7,31 @@
:root, :root[data-palette="CatppuccinMocha"] {
--Rosewater: #f5e0dc;
--Flamingo: #f2cdcd;
--Pink: #f5c2e7;
--Mauve: #cba6f7;
--Red: #f38ba8;
--Maroon: #eba0ac;
--Peach: #fab387;
--Yellow: #f9e2af;
--Green: #a6e3a1;
--Teal: #94e2d5;
--Sky: #89dceb;
--Sapphire: #74c7ec;
--Blue: #89b4fa;
--Lavender: #b4befe;
--Text: #cdd6f4;
--Subtext1: #bac2de;
--Subtext0: #a6adc8;
--Overlay2: #9399b2;
--Overlay1: #7f849c;
--Overlay0: #6c7086;
--Surface2: #585b70;
--Surface1: #45475a;
--Surface0: #313244;
--Base: #1e1e2e;
--Mantle: #181825;
--Crust: #11111b;
--PlantBackground: var(--Surface0);
--Flamingo: #f2cdcd;
--Pink: #f5c2e7;
--Mauve: #cba6f7;
--Red: #f38ba8;
--Maroon: #eba0ac;
--Peach: #fab387;
--Yellow: #f9e2af;
--Green: #a6e3a1;
--Teal: #94e2d5;
--Sky: #89dceb;
--Sapphire: #74c7ec;
--Blue: #89b4fa;
--Lavender: #b4befe;
--Text: #cdd6f4;
--Subtext1: #bac2de;
--Subtext0: #a6adc8;
--Overlay2: #9399b2;
--Overlay1: #7f849c;
--Overlay0: #6c7086;
--Surface2: #585b70;
--Surface1: #45475a;
--Surface0: #313244;
--Base: #1e1e2e;
--Mantle: #181825;
--Crust: #11111b;
}
html {
@@ -103,7 +102,7 @@ body {
.PlantTile {
overflow: hidden;
background-color: var(--PlantBackground);
background-color: var(--Surface0);
border: 3px solid var(--Surface2);
}
@@ -379,7 +378,7 @@ input, button, textarea, select {
--GrowthProgress: 0%;
--GrowthColour: var(--Green);
--PlotBorderColour: var(--Surface2);
--TileBackground: var(--PlantBackground);
--TileBackground: var(--Surface0);
position: relative;
display: grid;
width: 100%;
@@ -454,7 +453,7 @@ input, button, textarea, select {
}
.GardenPlotEmpty:hover {
--TileBackground: var(--PlantBackground);
--TileBackground: var(--Surface0);
}
.GardenPlotMature:hover {
@@ -1424,17 +1423,17 @@ input, button, textarea, select {
.MutationRecipeMatcher {
color: var(--Sky);
background-color: var(--PlantBackground);
background-color: var(--Surface0);
}
.MutationRecipeKeep {
color: var(--Subtext1);
background-color: var(--PlantBackground);
background-color: var(--Surface0);
}
.MutationRecipeCapture {
color: var(--Lavender);
background-color: var(--PlantBackground);
background-color: var(--Surface0);
}
.MutationRecipeText {