admin/34179-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

garden 6

Browse Source
This commit is contained in:
Flatlogic Bot 2025-09-17 22:46:48 +00:00
parent 843fa1b8a8
commit a800371d10
1 changed files with 39 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
assets/css/custom.css
View File

@ -1,10 +1,6 @@
/* --- Base & Typography --- */ /* --- Base & Typography --- */
:root { :root {
--font-family: 'Nunito', sans-serif; --font-family: 'Nunito', sans-serif;
--panel-bg: rgba(255, 255, 255, 0.7);
--text-color: #333;
--primary-color: #86A8E7;
--accent-color: #7FDEB5;
--border-radius-lg: 12px; --border-radius-lg: 12px;
--border-radius-sm: 8px; --border-radius-sm: 8px;
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1); --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@ -15,7 +11,7 @@ body {
margin: 0; margin: 0;
padding: 2rem; padding: 2rem;
box-sizing: border-box; box-sizing: border-box;
background: #a7d8f0; /* Fallback color */ background: var(--background-gradient);
color: var(--text-color); color: var(--text-color);
transition: background 0.5s ease; transition: background 0.5s ease;
} }
@ -79,9 +75,11 @@ header {
#task-input { #task-input {
flex-grow: 1; flex-grow: 1;
padding: 0.75rem; padding: 0.75rem;
border: 1px solid #ccc; border: 1px solid var(--task-input-border);
border-radius: var(--border-radius-sm); border-radius: var(--border-radius-sm);
font-size: 1rem; font-size: 1rem;
background-color: var(--task-input-bg);
color: var(--text-color);
} }
#task-form button { #task-form button {
@ -96,7 +94,7 @@ header {
} }
#task-form button:hover { #task-form button:hover {
background-color: #6c94d8; background-color: var(--button-hover-bg);
} }
#task-list { #task-list {
@ -112,7 +110,7 @@ header {
align-items: center; align-items: center;
padding: 0.75rem; padding: 0.75rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
background: rgba(255, 255, 255, 0.5); background: var(--task-list-item-bg);
border-radius: var(--border-radius-sm); border-radius: var(--border-radius-sm);
transition: all 0.3s; transition: all 0.3s;
} }
@ -380,6 +378,13 @@ header {
body[data-theme="fantasy"] { body[data-theme="fantasy"] {
--primary-color: #9e7fde; --primary-color: #9e7fde;
--accent-color: #d9abff; --accent-color: #d9abff;
--panel-bg: rgba(44, 31, 58, 0.7);
--text-color: #f0f0f0;
--background-gradient: #1a0c2e;
--task-list-item-bg: rgba(60, 40, 80, 0.5);
--task-input-bg: transparent;
--task-input-border: #9e7fde;
--button-hover-bg: #b19cd9;
} }
body[data-theme="fantasy"] .cloud, body[data-theme="fantasy"] .cloud,
@ -594,4 +599,29 @@ body[data-theme="fantasy"] .ground {
.star:nth-child(47) { top: 65%; left: 34%; animation-delay: 1.6s; } .star:nth-child(47) { top: 65%; left: 34%; animation-delay: 1.6s; }
.star:nth-child(48) { top: 10%; left: 39%; animation-delay: 0.3s; } .star:nth-child(48) { top: 10%; left: 39%; animation-delay: 0.3s; }
.star:nth-child(49) { top: 30%; left: 44%; animation-delay: 1s; } .star:nth-child(49) { top: 30%; left: 44%; animation-delay: 1s; }
.star:nth-child(50) { top: 50%; left: 49%; animation-delay: 0.5s; } .star:nth-child(50) { top: 50%; left: 49%; animation-delay: 0.5s; }
/* --- Theme UI Overrides --- */
body[data-theme="minimal"] {
--panel-bg: rgba(255, 255, 255, 0.7);
--text-color: #333;
--primary-color: #86a8e7;
--accent-color: #91eae4;
--background-gradient: linear-gradient(to right, #86a8e7, #91eae4);
--task-list-item-bg: rgba(255,255,255,0.5);
--task-input-bg: rgba(255,255,255,0.5);
--task-input-border: transparent;
--button-hover-bg: #7f9ad1;
}
body[data-theme="zen"] {
--panel-bg: rgba(255, 255, 255, 0.8);
--text-color: #4a4a4a;
--primary-color: #a8d8b9;
--accent-color: #d8e2dc;
--background-gradient: linear-gradient(to bottom, #f0f4f0, #d8e2dc);
--task-list-item-bg: rgba(255,255,255,0.6);
--task-input-bg: rgba(255,255,255,0.6);
--task-input-border: transparent;
--button-hover-bg: #97c6a8;
}