Fixed colour styling in CSS and js.

This commit is contained in:
sarah committed 2026-09-03 19:18:04 +02:00
1 parent a385ee20bd
commit 17c29270cb
2 files changed
+17 -12

No files matched your search

+11 -5
View File
@@ -556,14 +556,20 @@ function RenderGarden() {
); );
const GardenBorderColours = [ const GardenBorderColours = [
"var(--Lavender)", "var(--Rosewater)",
"var(--Mauve)", "var(--Flamingo)",
"var(--Pink)", "var(--Pink)",
"var(--Blue)", "var(--Mauve)",
"var(--Teal)", "var(--Red)",
"var(--Maroon)",
"var(--Peach)", "var(--Peach)",
"var(--Yellow)", "var(--Yellow)",
"var(--Green)" "var(--Green)",
"var(--Teal)",
"var(--Sky)",
"var(--Sapphire)",
"var(--Blue)",
"var(--Lavender)"
]; ];
GardenPanel.style.setProperty( GardenPanel.style.setProperty(
+6 -7
View File
@@ -32,7 +32,6 @@
--Base: #1e1e2e; --Base: #1e1e2e;
--Mantle: #181825; --Mantle: #181825;
--Crust: #11111b; --Crust: #11111b;
--PlantBackground: var(--Surface0);
} }
html { html {
@@ -103,7 +102,7 @@ body {
.PlantTile { .PlantTile {
overflow: hidden; overflow: hidden;
background-color: var(--PlantBackground); background-color: var(--Surface0);
border: 3px solid var(--Surface2); border: 3px solid var(--Surface2);
} }
@@ -379,7 +378,7 @@ input, button, textarea, select {
--GrowthProgress: 0%; --GrowthProgress: 0%;
--GrowthColour: var(--Green); --GrowthColour: var(--Green);
--PlotBorderColour: var(--Surface2); --PlotBorderColour: var(--Surface2);
--TileBackground: var(--PlantBackground); --TileBackground: var(--Surface0);
position: relative; position: relative;
display: grid; display: grid;
width: 100%; width: 100%;
@@ -454,7 +453,7 @@ input, button, textarea, select {
} }
.GardenPlotEmpty:hover { .GardenPlotEmpty:hover {
--TileBackground: var(--PlantBackground); --TileBackground: var(--Surface0);
} }
.GardenPlotMature:hover { .GardenPlotMature:hover {
@@ -1424,17 +1423,17 @@ input, button, textarea, select {
.MutationRecipeMatcher { .MutationRecipeMatcher {
color: var(--Sky); color: var(--Sky);
background-color: var(--PlantBackground); background-color: var(--Surface0);
} }
.MutationRecipeKeep { .MutationRecipeKeep {
color: var(--Subtext1); color: var(--Subtext1);
background-color: var(--PlantBackground); background-color: var(--Surface0);
} }
.MutationRecipeCapture { .MutationRecipeCapture {
color: var(--Lavender); color: var(--Lavender);
background-color: var(--PlantBackground); background-color: var(--Surface0);
} }
.MutationRecipeText { .MutationRecipeText {