chris/toadstoolTally
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refresh cottagecore palette and accent colors

Browse Source
This commit is contained in:
chris 2025-12-10 12:06:56 -05:00
parent edf5175236
commit a58c4c290c
2 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/app.js
View File

@ -2,14 +2,14 @@
let projects = JSON.parse(localStorage.getItem('crochetCounters')) || []; let projects = JSON.parse(localStorage.getItem('crochetCounters')) || [];
// New Earthy/Woodland Palette extracted from image vibes // New Earthy/Woodland Palette extracted from image vibes
const colors = [ const colors = [
'#b56b54', // Rust/Mushroom '#8a6b52', // Oak
'#7a8b4f', // Olive Green '#6f8b5f', // Moss
'#cba052', // Mustard/Daisy center '#c28a5c', // Burnished amber
'#5f8a8b', // Muted Teal '#b27c7a', // Rose clay
'#8c6246', // Warm Wood tone '#708a84', // Sagey teal
'#a87b8c', // Dusty Rose '#9d8b6f', // Wheat
'#4a5d43', // Deep Forest '#5b6d4f', // Deep forest
'#9c7e63' // Taupe '#a36a5f' // Terra
]; ];
// --- State Variables --- // --- State Variables ---

32
assets/style.css
View File

@ -1,14 +1,14 @@
:root { :root {
/* --- Woodland Theme (Light) --- */ /* --- Woodland Theme (Light) --- */
--bg: #e4e7d4; /* Sage background from image */ --bg: #e6e0d0; /* parchment */
--card-bg: #f8f5e6; /* Creamy yarn color */ --card-bg: #f9f4e6; /* cream */
--header-bg: #866f5a; /* Wood hook color */ --header-bg: #8a6b52; /* warm oak */
--header-text: #f8f5e6; /* Cream text for header */ --header-text: #fdf8f0; /* linen */
--text: #4a3b2a; /* Deep sepia brown outlines */ --text: #433628; /* cocoa */
--text-muted: #7a6b5a; --text-muted: #7a6d5c;
--border: #d1c7b7; --border: #d6cabc;
--shadow: 0 4px 8px rgba(74, 59, 42, 0.1); /* Warmer shadow */ --shadow: 0 4px 10px rgba(67, 54, 40, 0.12);
--seed-opacity: 0.09; --seed-opacity: 0.06;
--modal-bg: #f8f5e6; --modal-bg: #f8f5e6;
@ -32,13 +32,13 @@
/* --- Woodland Theme (Dark) --- */ /* --- Woodland Theme (Dark) --- */
body.dark-mode { body.dark-mode {
--bg: #2c3327; /* Deep forest background */ --bg: #2c3327; /* Deep forest background */
--card-bg: #3d362d; /* Dark wood card */ --card-bg: #3b342c; /* Dark wood card */
--header-bg: #4a3b2a; /* Darker wood header */ --header-bg: #4b3829; /* Darker wood header */
--header-text: #e4e8d5; --header-text: #e9e4d7;
--text: #e4e8d5; /* Cream text */ --text: #e9e4d7; /* Cream text */
--text-muted: #a8a095; --text-muted: #b5aa9b;
--border: #594e3f; --border: #5f5245;
--shadow: 0 4px 8px rgba(0,0,0,0.4); --shadow: 0 4px 10px rgba(0,0,0,0.45);
--modal-bg: #3d362d; --modal-bg: #3d362d;
--input-bg: #2c2720; --input-bg: #2c2720;