From a58c4c290c5516c40741bd1fd340c26cb1c9663f Mon Sep 17 00:00:00 2001 From: chris Date: Wed, 10 Dec 2025 12:06:56 -0500 Subject: [PATCH] Refresh cottagecore palette and accent colors --- assets/app.js | 16 ++++++++-------- assets/style.css | 32 ++++++++++++++++---------------- 2 files changed, 24 insertions(+), 24 deletions(-) diff --git a/assets/app.js b/assets/app.js index a213214..c5e61bf 100644 --- a/assets/app.js +++ b/assets/app.js @@ -2,14 +2,14 @@ let projects = JSON.parse(localStorage.getItem('crochetCounters')) || []; // New Earthy/Woodland Palette extracted from image vibes const colors = [ - '#b56b54', // Rust/Mushroom - '#7a8b4f', // Olive Green - '#cba052', // Mustard/Daisy center - '#5f8a8b', // Muted Teal - '#8c6246', // Warm Wood tone - '#a87b8c', // Dusty Rose - '#4a5d43', // Deep Forest - '#9c7e63' // Taupe + '#8a6b52', // Oak + '#6f8b5f', // Moss + '#c28a5c', // Burnished amber + '#b27c7a', // Rose clay + '#708a84', // Sagey teal + '#9d8b6f', // Wheat + '#5b6d4f', // Deep forest + '#a36a5f' // Terra ]; // --- State Variables --- diff --git a/assets/style.css b/assets/style.css index b51b19c..6f92ea9 100644 --- a/assets/style.css +++ b/assets/style.css @@ -1,14 +1,14 @@ :root { /* --- Woodland Theme (Light) --- */ - --bg: #e4e7d4; /* Sage background from image */ - --card-bg: #f8f5e6; /* Creamy yarn color */ - --header-bg: #866f5a; /* Wood hook color */ - --header-text: #f8f5e6; /* Cream text for header */ - --text: #4a3b2a; /* Deep sepia brown outlines */ - --text-muted: #7a6b5a; - --border: #d1c7b7; - --shadow: 0 4px 8px rgba(74, 59, 42, 0.1); /* Warmer shadow */ - --seed-opacity: 0.09; + --bg: #e6e0d0; /* parchment */ + --card-bg: #f9f4e6; /* cream */ + --header-bg: #8a6b52; /* warm oak */ + --header-text: #fdf8f0; /* linen */ + --text: #433628; /* cocoa */ + --text-muted: #7a6d5c; + --border: #d6cabc; + --shadow: 0 4px 10px rgba(67, 54, 40, 0.12); + --seed-opacity: 0.06; --modal-bg: #f8f5e6; @@ -32,13 +32,13 @@ /* --- Woodland Theme (Dark) --- */ body.dark-mode { --bg: #2c3327; /* Deep forest background */ - --card-bg: #3d362d; /* Dark wood card */ - --header-bg: #4a3b2a; /* Darker wood header */ - --header-text: #e4e8d5; - --text: #e4e8d5; /* Cream text */ - --text-muted: #a8a095; - --border: #594e3f; - --shadow: 0 4px 8px rgba(0,0,0,0.4); + --card-bg: #3b342c; /* Dark wood card */ + --header-bg: #4b3829; /* Darker wood header */ + --header-text: #e9e4d7; + --text: #e9e4d7; /* Cream text */ + --text-muted: #b5aa9b; + --border: #5f5245; + --shadow: 0 4px 10px rgba(0,0,0,0.45); --modal-bg: #3d362d; --input-bg: #2c2720;