diff --git a/package.json b/package.json index a377237..c7fc7c1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "my-weekly-todo-list", - "version": "1.37.0", + "version": "1.37.1", "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view", "main": "index.js", "scripts": { diff --git a/src/app/globals.css b/src/app/globals.css index 24f63a3..a370c72 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -3325,7 +3325,8 @@ h3 { width: 480px; max-width: 90vw; height: 100vh; - background: white; + background: var(--weekly-bg, white); + color: var(--weekly-text, #000000); box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; @@ -3341,9 +3342,9 @@ h3 { } .dark-mode .weekly-settings-sidebar { - background: #111; + background: var(--weekly-bg, #111); border-left: 1px solid #333; - color: white; + color: var(--weekly-text, #f0f0f0); } .weekly-settings-sidebar .weekly-settings-header { @@ -3516,6 +3517,14 @@ h3 { margin-bottom: 12px; } +/* Ensure settings sidebar labels are readable */ +.weekly-settings-sidebar label { + color: var(--weekly-text, #000000); +} +.dark-mode .weekly-settings-sidebar label { + color: var(--weekly-text, #f0f0f0); +} + /* Form Elements in Settings */ .weekly-input, .weekly-settings-sidebar select, diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 7aceabb..9dc9b94 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -15,6 +15,10 @@ export const viewport: Viewport = { export const metadata: Metadata = { title: 'My Weekly To Do List', description: 'A simple, designy to-do app.', + themeColor: [ + { media: '(prefers-color-scheme: light)', color: '#ffffff' }, + { media: '(prefers-color-scheme: dark)', color: '#111111' }, + ], appleWebApp: { capable: true, statusBarStyle: 'default', diff --git a/src/app/manifest.ts b/src/app/manifest.ts index 4cc4bd7..713fb0b 100644 --- a/src/app/manifest.ts +++ b/src/app/manifest.ts @@ -8,7 +8,7 @@ export default function manifest(): MetadataRoute.Manifest { start_url: '/tasks', display: 'standalone', background_color: '#ffffff', - theme_color: '#0ea5e9', + theme_color: '#ffffff', icons: [ { src: '/icons/icon-192.png', sizes: '192x192', type: 'image/png' }, { src: '/icons/icon-512.png', sizes: '512x512', type: 'image/png' },