diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-01-22 13:20:16 -1000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-01-22 13:20:16 -1000 |
| commit | 9dd0bc581b25bb7356d091d3a5560dc0af46c2d9 (patch) | |
| tree | 5da8e5b403a856e5981a36b09ed9320e6c399683 /web/templates | |
| parent | d7f3f89bbe5cf2b903192e257a5506b485641a95 (diff) | |
translucent theme
Diffstat (limited to 'web/templates')
| -rw-r--r-- | web/templates/index.html | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/web/templates/index.html b/web/templates/index.html index 6732ffd..da27e74 100644 --- a/web/templates/index.html +++ b/web/templates/index.html @@ -6,28 +6,32 @@ <title>Personal Dashboard</title> <link rel="icon" type="image/svg+xml" href="/static/favicon.svg"> <link rel="stylesheet" href="/static/css/output.css"> + <style> + .text-shadow { text-shadow: 0 0 8px black, 0 0 8px black; } + .text-shadow-sm { text-shadow: 0 0 4px black; } + </style> </head> -<body class="min-h-screen bg-gray-800" style="background-image: url('{{.BackgroundURL}}'); background-size: cover; background-position: center; background-attachment: fixed;" hx-headers='{"X-CSRF-Token": "{{.CSRFToken}}"}'> - <div class="content-max-width py-3 sm:py-6 bg-white/80 backdrop-blur-sm rounded-lg my-4 sm:my-6 shadow-lg"> +<body class="min-h-screen bg-gray-900 text-white" style="background-image: url('{{.BackgroundURL}}'); background-size: cover; background-position: center; background-attachment: fixed;" hx-headers='{"X-CSRF-Token": "{{.CSRFToken}}"}'> + <div class="content-max-width py-3 sm:py-6"> <!-- Minimal Header --> - <header class="flex mb-4 sm:mb-6 justify-between items-center no-print"> + <header class="flex mb-4 sm:mb-6 justify-between items-center no-print text-shadow-sm"> <button onclick="refreshData()" - class="text-gray-400 hover:text-primary-600 transition-colors p-1" + class="text-white/70 hover:text-white transition-colors p-1" title="Refresh"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path> </svg> </button> - <span class="text-xs text-gray-400" id="last-updated">{{.LastUpdated.Format "3:04 PM"}}</span> + <span class="text-sm text-white/70 tracking-wider font-light" id="last-updated">{{.LastUpdated.Format "3:04 PM"}}</span> <form method="POST" action="/logout"> <input type="hidden" name="csrf_token" value="{{.CSRFToken}}"> - <button type="submit" class="text-gray-400 hover:text-gray-600 transition-colors text-xs">Logout</button> + <button type="submit" class="text-white/70 hover:text-white transition-colors text-xs tracking-wide">Logout</button> </form> </header> <!-- Tab Navigation --> <div class="mb-4 sm:mb-6 no-print"> - <nav class="flex space-x-1 bg-white/30 backdrop-blur-md rounded-xl p-1"> + <nav class="flex space-x-1 bg-black/50 backdrop-blur-sm rounded-xl p-1 text-shadow-sm"> <button class="tab-button {{if eq .ActiveTab "tasks"}}tab-button-active{{end}}" hx-get="/tabs/tasks" |