TopherMayor/openclaw-taskboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add dark mode support

Browse Source
This commit is contained in:
Christopher Mayor
2026-03-03 16:54:23 -08:00
parent d4bbe42f3e
commit b4cfcbf6e5
3 changed files with 74 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
public/styles.css
View File

@@ -5,6 +5,20 @@
}
:root {
--bg-primary: #ffffff;
--bg-secondary: #f6f8fa;
--bg-card: #ffffff;
--text-primary: #24292f;
--text-secondary: #57606a;
--accent: #f78166;
--border: #d0d7de;
--priority-high: #f85149;
--priority-medium: #d29922;
--priority-low: #3fb950;
--priority-critical: #ff6b6b;
}
[data-theme="dark"] {
--bg-primary: #0f1419;
--bg-secondary: #1a1f2e;
--bg-card: #242b3d;
@@ -23,6 +37,7 @@ body {
background: var(--bg-primary);
color: var(--text-primary);
min-height: 100vh;
transition: background-color 0.3s ease, color 0.3s ease;
}
/* Navigation */
@@ -36,6 +51,7 @@ body {
position: sticky;
top: 0;
z-index: 1000;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.nav-brand h1 {
@@ -66,6 +82,22 @@ body {
color: white;
}
.theme-toggle {
background: var(--bg-card);
border: 1px solid var(--border);
color: var(--text-primary);
padding: 0.5rem 1rem;
border-radius: 6px;
cursor: pointer;
font-size: 1.2rem;
transition: all 0.2s;
}
.theme-toggle:hover {
background: var(--accent);
color: white;
}
/* Pages */
.page {
display: none;
@@ -80,6 +112,7 @@ body {
padding: 1.5rem 2rem;
background: var(--bg-secondary);
border-bottom: 1px solid var(--border);
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.topbar h2 {
@@ -97,6 +130,7 @@ body {
margin: 1rem;
border-radius: 8px;
border: 1px solid var(--border);
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.composer h3 {
@@ -154,6 +188,7 @@ body {
display: flex;
flex-direction: column;
max-height: calc(100vh - 250px);
transition: background-color 0.3s ease;
}
.column-header {
@@ -189,6 +224,7 @@ body {
margin-bottom: 0.5rem;
cursor: pointer;
border: 1px solid transparent;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.card:hover {
@@ -287,6 +323,7 @@ body {
padding: 1rem;
overflow-y: auto;
max-height: calc(100vh - 220px);
transition: background-color 0.3s ease;
}
.wiki-item {
@@ -321,6 +358,7 @@ body {
padding: 2rem;
overflow-y: auto;
max-height: calc(100vh - 220px);
transition: background-color 0.3s ease;
}
.wiki-content h1 {
@@ -364,6 +402,7 @@ body {
border-radius: 8px;
border: 1px solid var(--border);
overflow: hidden;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.agent-header {
@@ -435,6 +474,7 @@ body {
border-radius: 8px;
border: 1px solid var(--border);
padding: 1.5rem;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.provider-name {