style improvements: #83

Closed
opened 2025-09-18 11:51:46 +10:00 by Ghost · 1 comment
Ghost commented 2025-09-18 11:51:46 +10:00 (Migrated from codeberg.org)

routes:

  • landing
  • auth
  • exercises
  • logdailyentry
  • logsession
  • notfound
  • privacy
  • profile
  • routines
  • sessions
  • settings
  • tags
  • tracking

remember modals, subviews, etc for each route.

routes: - [x] landing - [x] auth - [x] exercises - [x] logdailyentry - [ ] logsession - [x] notfound - [x] privacy - [x] profile - [x] routines - [x] sessions - [x] settings - [x] tags - [x] tracking remember modals, subviews, etc for each route.
Owner

theme:

app.css
@import "tailwindcss";
@plugin "daisyui";
@plugin "daisyui/theme" {
name: "everforest-light";
default: true; /* set as default /
prefersdark: false; /
set as default dark mode (prefers-color-scheme:dark) /
color-scheme: light; /
color of browser-provided UI */

--color-base-100: oklch(97.35% 0.026 90.10);
--color-base-200: oklch(95.22% 0.031 98.86);
--color-base-300: oklch(91.01% 0.030 98.50);
--color-base-content: oklch(51.54% 0.021 232.87);
--color-primary: oklch(66.97% 0.156 118.23);
--color-primary-content: oklch(97.35% 0.026 90.10);
--color-secondary: oklch(65.35% 0.121 163.88);
--color-secondary-content: oklch(97.35% 0.026 90.10);
--color-accent: oklch(63.43% 0.112 236.35);
--color-accent-content: oklch(97.35% 0.026 90.10);
--color-neutral: oklch(68.88% 0.024 141.21);
--color-neutral-content: oklch(51.54% 0.021 232.87);
--color-info: oklch(68.71% 0.174 340.99);
--color-info-content: oklch(97.35% 0.026 90.10);
--color-success: oklch(72.05% 0.122 125.19);
--color-success-content: oklch(97.35% 0.026 90.10);
--color-warning: oklch(71.47% 0.173 50.75);
--color-warning-content: oklch(97.35% 0.026 90.10);
--color-error: oklch(67.07% 0.200 25.20);
--color-error-content: oklch(97.35% 0.026 90.10);

/* border radius */
--radius-selector: 1rem;
--radius-field: 0.25rem;
--radius-box: 0.5rem;

/* base sizes */
--size-selector: 0.25rem;
--size-field: 0.25rem;

/* border size */
--border: 1px;

/* effects */
--depth: 1;
--noise: 0;
}

{
name: "everforest-dark";
default: false; /* set as default /
prefersdark: true; /
set as default dark mode (prefers-color-scheme:dark) /
color-scheme: dark; /
color of browser-provided UI */

--color-base-100: oklch(32.39% 0.015 240.42);
--color-base-200: oklch(35.97% 0.017 227.06);
--color-base-300: oklch(43.12% 0.017 231.60);
--color-base-content: oklch(82.99% 0.041 86.05);
--color-primary: oklch(77.32% 0.091 125.78);
--color-primary-content: oklch(32.39% 0.015 240.42);
--color-secondary: oklch(75.36% 0.091 151.45);
--color-secondary-content: oklch(32.39% 0.015 240.42);
--color-accent: oklch(74.87% 0.063 185.50);
--color-accent-content: oklch(32.39% 0.015 240.42);
--color-neutral: oklch(64.67% 0.020 155.58);
--color-neutral-content: oklch(82.99% 0.041 86.05);
--color-info: oklch(75.01% 0.082 349.18);
--color-info-content: oklch(32.39% 0.015 240.42);
--color-success: oklch(77.32% 0.091 125.78);
--color-success-content: oklch(32.39% 0.015 240.42);
--color-warning: oklch(74.98% 0.106 44.86);
--color-warning-content: oklch(32.39% 0.015 240.42);
--color-error: oklch(70.86% 0.128 19.62);
--color-error-content: oklch(32.39% 0.015 240.42);

/* border radius */
--radius-selector: 1rem;
--radius-field: 0.25rem;
--radius-box: 0.5rem;

/* base sizes */
--size-selector: 0.25rem;
--size-field: 0.25rem;

/* border size */
--border: 1px;

/* effects */
--depth: 1;
--noise: 0;
}

theme: app.css @import "tailwindcss"; @plugin "daisyui"; @plugin "daisyui/theme" { name: "everforest-light"; default: true; /* set as default */ prefersdark: false; /* set as default dark mode (prefers-color-scheme:dark) */ color-scheme: light; /* color of browser-provided UI */ --color-base-100: oklch(97.35% 0.026 90.10); --color-base-200: oklch(95.22% 0.031 98.86); --color-base-300: oklch(91.01% 0.030 98.50); --color-base-content: oklch(51.54% 0.021 232.87); --color-primary: oklch(66.97% 0.156 118.23); --color-primary-content: oklch(97.35% 0.026 90.10); --color-secondary: oklch(65.35% 0.121 163.88); --color-secondary-content: oklch(97.35% 0.026 90.10); --color-accent: oklch(63.43% 0.112 236.35); --color-accent-content: oklch(97.35% 0.026 90.10); --color-neutral: oklch(68.88% 0.024 141.21); --color-neutral-content: oklch(51.54% 0.021 232.87); --color-info: oklch(68.71% 0.174 340.99); --color-info-content: oklch(97.35% 0.026 90.10); --color-success: oklch(72.05% 0.122 125.19); --color-success-content: oklch(97.35% 0.026 90.10); --color-warning: oklch(71.47% 0.173 50.75); --color-warning-content: oklch(97.35% 0.026 90.10); --color-error: oklch(67.07% 0.200 25.20); --color-error-content: oklch(97.35% 0.026 90.10); /* border radius */ --radius-selector: 1rem; --radius-field: 0.25rem; --radius-box: 0.5rem; /* base sizes */ --size-selector: 0.25rem; --size-field: 0.25rem; /* border size */ --border: 1px; /* effects */ --depth: 1; --noise: 0; } { name: "everforest-dark"; default: false; /* set as default */ prefersdark: true; /* set as default dark mode (prefers-color-scheme:dark) */ color-scheme: dark; /* color of browser-provided UI */ --color-base-100: oklch(32.39% 0.015 240.42); --color-base-200: oklch(35.97% 0.017 227.06); --color-base-300: oklch(43.12% 0.017 231.60); --color-base-content: oklch(82.99% 0.041 86.05); --color-primary: oklch(77.32% 0.091 125.78); --color-primary-content: oklch(32.39% 0.015 240.42); --color-secondary: oklch(75.36% 0.091 151.45); --color-secondary-content: oklch(32.39% 0.015 240.42); --color-accent: oklch(74.87% 0.063 185.50); --color-accent-content: oklch(32.39% 0.015 240.42); --color-neutral: oklch(64.67% 0.020 155.58); --color-neutral-content: oklch(82.99% 0.041 86.05); --color-info: oklch(75.01% 0.082 349.18); --color-info-content: oklch(32.39% 0.015 240.42); --color-success: oklch(77.32% 0.091 125.78); --color-success-content: oklch(32.39% 0.015 240.42); --color-warning: oklch(74.98% 0.106 44.86); --color-warning-content: oklch(32.39% 0.015 240.42); --color-error: oklch(70.86% 0.128 19.62); --color-error-content: oklch(32.39% 0.015 240.42); /* border radius */ --radius-selector: 1rem; --radius-field: 0.25rem; --radius-box: 0.5rem; /* base sizes */ --size-selector: 0.25rem; --size-field: 0.25rem; /* border size */ --border: 1px; /* effects */ --depth: 1; --noise: 0; }
davenh99 referenced this issue from a commit 2026-08-20 18:28:21 +10:00
Sign in to join this conversation.
No milestone
No project
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
davenh99/progressa#83
No description provided.