From 11b905fd437d651b2e39745aa82a5dd36f70331e Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Sun, 22 Mar 2026 10:05:16 +0000 Subject: style: modernize UI with dark glass theme and 40% bg opacity --- web/static/css/input.css | 17 +- web/templates/index.html | 24 +-- web/templates/login.html | 11 +- web/templates/partials/sync-log.html | 16 +- web/templates/passkeys_list.html | 14 +- web/templates/settings.html | 372 +++++++++++------------------------ web/templates/shopping-mode.html | 9 +- 7 files changed, 160 insertions(+), 303 deletions(-) (limited to 'web') diff --git a/web/static/css/input.css b/web/static/css/input.css index 321aa4f..7dd2055 100644 --- a/web/static/css/input.css +++ b/web/static/css/input.css @@ -7,29 +7,32 @@ /* Custom base styles - Dark translucent theme */ @layer base { body { - @apply antialiased text-white bg-gray-900 min-h-screen; + @apply antialiased text-slate-200 bg-slate-950 min-h-screen relative; font-family: 'Inter', system-ui, sans-serif; - text-shadow: 0 0 8px black, 0 0 8px black; + } + + .bg-overlay { + @apply fixed inset-0 z-[-1] opacity-40 bg-cover bg-center bg-no-repeat; } /* Headings */ h1, h2, h3, h4, h5, h6 { - @apply text-white font-light tracking-wide; + @apply text-white font-medium tracking-tight; } - a { @apply text-white/90 hover:text-white; } + a { @apply text-slate-300 hover:text-white transition-colors; } } /* Custom components */ @layer components { /* Dark Glass Card */ .card { - @apply bg-black/70 backdrop-blur-sm rounded-lg p-4 transition-all duration-200 overflow-hidden; - box-shadow: 0 0 12px black; + @apply bg-slate-900/80 backdrop-blur-md rounded-xl p-5 transition-all duration-200 border border-white/5; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .card-hover { - @apply hover:bg-black/80; + @apply hover:bg-slate-800/90 hover:border-white/10; } /* Panel with overflow clipping */ diff --git a/web/templates/index.html b/web/templates/index.html index 1884a77..5cfa77f 100644 --- a/web/templates/index.html +++ b/web/templates/index.html @@ -8,25 +8,25 @@ - + +
diff --git a/web/templates/login.html b/web/templates/login.html index 7d40a6b..19bce00 100644 --- a/web/templates/login.html +++ b/web/templates/login.html @@ -7,13 +7,14 @@ - -
-
-

Personal Dashboard

+ +
+
+
+

Personal Dashboard

{{if .Error}}
diff --git a/web/templates/partials/sync-log.html b/web/templates/partials/sync-log.html index e7f8191..89b7dcf 100644 --- a/web/templates/partials/sync-log.html +++ b/web/templates/partials/sync-log.html @@ -1,14 +1,16 @@ {{define "sync-log"}}
{{if .}} -
-
Sync Activity
- {{range .}} -
- {{.CreatedAt.Format "15:04:05"}} - {{.Message}} +
+
Sync Activity
+
+ {{range .}} +
+ {{.CreatedAt.Format "15:04:05"}} + {{.Message}} +
+ {{end}}
- {{end}}
{{end}}
diff --git a/web/templates/passkeys_list.html b/web/templates/passkeys_list.html index 4e05461..22ed724 100644 --- a/web/templates/passkeys_list.html +++ b/web/templates/passkeys_list.html @@ -1,13 +1,13 @@ {{define "passkeys_list.html"}} -
+
{{if .Passkeys}} {{range .Passkeys}} -
-
- {{if .Name}}{{.Name}}{{else}}Passkey{{end}} -
Added {{.CreatedAt.Format "Jan 2, 2006"}}
+
+
+ {{if .Name}}{{.Name}}{{else}}Passkey{{end}} +
Added {{.CreatedAt.Format "Jan 2, 2006"}}
-
{{end}} diff --git a/web/templates/settings.html b/web/templates/settings.html index 4df4cb0..ca1d268 100644 --- a/web/templates/settings.html +++ b/web/templates/settings.html @@ -5,228 +5,84 @@ Settings - Task Dashboard - + + + - - -
- ← Back to Dashboard -

Settings

-

Configure feature toggles and data sources.

+ +
+ ← Back to Dashboard +

Settings

+

Configure feature toggles and data sources.

-
-
-
Feature Toggles
-
-
+
+

Feature Toggles

+
{{if .Toggles}} {{range .Toggles}} -
- -
- {{.Name}} - {{if .Description}}
{{.Description}}
{{end}} +
+
+ {{.Name}} + {{if .Description}}
{{.Description}}
{{end}} +
+
+ +
-
{{end}} {{else}} -
No feature toggles configured.
+
No feature toggles configured.
{{end}}
-
- - - + + + +
-
+
{{if .WebAuthnEnabled}} -
-
-
Passkeys
+
+

Passkeys

+
+
Loading passkeys...
-
-
Loading passkeys...
+
+ +
-
- - -
- -
- {{end}} + +
+ + {{end}} - -

Data Sources

-
-
- -
- -
- - {{template "sync-log" .SyncLog}} - -
- {{range .Sources}} -
-
-
- {{.}} - {{if eq . "trello"}}Trello Boards{{end}} - {{if eq . "todoist"}}Todoist Projects{{end}} - {{if eq . "gcal"}}Google Calendars{{end}} - {{if eq . "gtasks"}}Google Task Lists{{end}} -
+ +
+
+

Data Sources

+
+
+ +
+
-
- {{$configs := index $.Configs .}} - {{if $configs}} - {{range $configs}} -
- - {{.ItemName}} - {{.ItemID}} -
+
+ + {{template "sync-log" .SyncLog}} + +
+ {{range .Sources}} +
+

+ {{if eq . "trello"}}Trello Boards{{else if eq . "todoist"}}Todoist Projects{{else if eq . "gcal"}}Google Calendars{{else if eq . "gtasks"}}Google Task Lists{{else}}{{.}}{{end}} +

+
+ {{$configs := index $.Configs .}} + {{if $configs}} + {{range $configs}} +
+ +
+
{{.ItemName}}
+
{{.ItemID}}
+
+
+ {{end}} + {{else}} +
+ No items found. Click "Sync Available Sources" to fetch. +
{{end}} - {{else}} -
- No items configured. Click "Sync Available Sources" to fetch. -
- {{end}} +
+ {{end}}
- {{end}} -
+
diff --git a/web/templates/shopping-mode.html b/web/templates/shopping-mode.html index b2f129a..3a1a3bc 100644 --- a/web/templates/shopping-mode.html +++ b/web/templates/shopping-mode.html @@ -8,12 +8,6 @@ - +
-- cgit v1.2.3