openclaw/oikos
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(styles): resolve design system audit violations

Browse Source 
- Replace off-grid spacing (3px, 5px) with space tokens (--space-0h, --space-1)
- Replace below-minimum font-size 9px with var(--text-xs) in calendar, dashboard, notes
- Replace hardcoded 2.5rem with var(--text-4xl) in weather widget
- Replace hardcoded box-shadow with var(--shadow-sm) in toggle thumb
- Replace 0.85em and #666 with type/color tokens in print styles
This commit is contained in:
Ulas
2026-04-04 23:07:39 +02:00
parent 08159ec8b4
commit 187af593f7
6 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles/budget.css
+1 -1
View File
@@ -304,7 +304,7 @@
gap: var(--space-2); gap: var(--space-2);
background-color: var(--color-surface-2); background-color: var(--color-surface-2);
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
padding: 3px; padding: var(--space-0h);
} }
.amount-type-btn { .amount-type-btn {
public/styles/calendar.css
+1 -1
View File
@@ -505,7 +505,7 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 9px; font-size: var(--text-xs);
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
color: #ffffff; color: #ffffff;
flex-shrink: 0; flex-shrink: 0;
public/styles/dashboard.css
+2 -2
View File
@@ -311,7 +311,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 9px; font-size: var(--text-xs);
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
color: #ffffff; color: #ffffff;
flex-shrink: 0; flex-shrink: 0;
@@ -805,7 +805,7 @@
} }
.weather-widget__temp { .weather-widget__temp {
font-size: 2.5rem; font-size: var(--text-4xl);
} }
.weather-widget__icon { .weather-widget__icon {
public/styles/layout.css
+3 -3
View File
@@ -1034,7 +1034,7 @@
height: 20px; height: 20px;
background: #fff; background: #fff;
border-radius: var(--radius-full); border-radius: var(--radius-full);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: var(--shadow-sm);
transition: transform 0.2s var(--ease-out); transition: transform 0.2s var(--ease-out);
} }
@@ -1540,8 +1540,8 @@
a[href]::after { a[href]::after {
content: " (" attr(href) ")"; content: " (" attr(href) ")";
font-size: 0.85em; font-size: var(--text-sm);
color: #666; color: var(--color-text-secondary);
} }
.nav-item, .nav-item,
public/styles/notes.css
+1 -1
View File
@@ -213,7 +213,7 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 9px; font-size: var(--text-xs);
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
color: #ffffff; color: #ffffff;
flex-shrink: 0; flex-shrink: 0;
public/styles/tasks.css
+2 -2
View File
@@ -56,7 +56,7 @@
display: flex; display: flex;
background-color: var(--color-surface-2); background-color: var(--color-surface-2);
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
padding: 3px; padding: var(--space-0h);
gap: 2px; gap: 2px;
} }
@@ -467,7 +467,7 @@
justify-content: center; justify-content: center;
min-width: 18px; min-width: 18px;
height: 18px; height: 18px;
padding: 0 5px; padding: 0 var(--space-1);
border-radius: var(--radius-full); border-radius: var(--radius-full);
background-color: var(--color-danger); background-color: var(--color-danger);
color: #fff; color: #fff;