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 --- */
:root {
--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-sm: 8px;
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@ -15,7 +11,7 @@ body {
margin: 0;
padding: 2rem;
box-sizing: border-box;
background: #a7d8f0; /* Fallback color */
background: var(--background-gradient);
color: var(--text-color);
transition: background 0.5s ease;
}
@ -79,9 +75,11 @@ header {
#task-input {
flex-grow: 1;
padding: 0.75rem;
border: 1px solid #ccc;
border: 1px solid var(--task-input-border);
border-radius: var(--border-radius-sm);
font-size: 1rem;
background-color: var(--task-input-bg);
color: var(--text-color);
}
#task-form button {
@ -96,7 +94,7 @@ header {
}
#task-form button:hover {
background-color: #6c94d8;
background-color: var(--button-hover-bg);
}
#task-list {
@ -112,7 +110,7 @@ header {
align-items: center;
padding: 0.75rem;
margin-bottom: 0.5rem;
background: rgba(255, 255, 255, 0.5);
background: var(--task-list-item-bg);
border-radius: var(--border-radius-sm);
transition: all 0.3s;
}
@ -380,6 +378,13 @@ header {
body[data-theme="fantasy"] {
--primary-color: #9e7fde;
--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,
@ -594,4 +599,29 @@ body[data-theme="fantasy"] .ground {
.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(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;
}