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

a11y: --text-2xs Token entfernt, 12px Minimum (Redesign Phase G)

Browse Source 
- --text-2xs (11px) aus tokens.css gelöscht
- Alle 8 Referenzen → --text-xs (12px) migriert:
  Nav-Labels, Badges, Event-Time, Meal-Slots, Avatare
- 12px Mindestgröße für alle sichtbaren Texte (Mobile-PWA-Lesbarkeit)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
ulsklyc
2026-03-26 13:50:31 +01:00
parent d5a0e701b0
commit 4cd3299f38
4 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles/dashboard.css
+3 -3
View File
@@ -191,7 +191,7 @@
justify-content: center; justify-content: center;
background-color: var(--color-accent); background-color: var(--color-accent);
color: #ffffff; color: #ffffff;
font-size: var(--text-2xs); font-size: var(--text-xs);
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
min-width: 16px; min-width: 16px;
height: 16px; height: 16px;
@@ -363,7 +363,7 @@
} }
.event-time-badge { .event-time-badge {
font-size: var(--text-2xs); font-size: var(--text-xs);
font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);
padding: 1px 5px; padding: 1px 5px;
border-radius: var(--radius-full); border-radius: var(--radius-full);
@@ -428,7 +428,7 @@
} }
.meal-slot__type { .meal-slot__type {
font-size: var(--text-2xs); font-size: var(--text-xs);
font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);
color: var(--color-text-disabled); color: var(--color-text-disabled);
text-transform: uppercase; text-transform: uppercase;
public/styles/layout.css
+1 -1
View File
@@ -173,7 +173,7 @@
} }
.nav-item__label { .nav-item__label {
font-size: var(--text-2xs); font-size: var(--text-xs);
font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
line-height: 1; line-height: 1;
} }
public/styles/tasks.css
+3 -3
View File
@@ -127,7 +127,7 @@
border-radius: var(--radius-full); border-radius: var(--radius-full);
background-color: var(--color-accent); background-color: var(--color-accent);
color: #fff; color: #fff;
font-size: var(--text-2xs); font-size: var(--text-xs);
line-height: 1; line-height: 1;
} }
@@ -372,7 +372,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: var(--text-2xs); font-size: var(--text-xs);
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
color: #fff; color: #fff;
flex-shrink: 0; flex-shrink: 0;
@@ -497,7 +497,7 @@
border-radius: var(--radius-full); border-radius: var(--radius-full);
background-color: var(--color-danger); background-color: var(--color-danger);
color: #fff; color: #fff;
font-size: var(--text-2xs); font-size: var(--text-xs);
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
margin-left: auto; margin-left: auto;
} }
public/styles/tokens.css
+1 -2
View File
@@ -159,8 +159,7 @@
--font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace; --font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace;
/* Size-Skala */ /* Size-Skala */
--text-2xs: 0.6875rem; /* 11px — Micro-Labels (Nav, Avatare) */ --text-xs: 0.75rem; /* 12px — Minimum, Captions, Badges, Nav-Labels */
--text-xs: 0.75rem; /* 12px — Captions, Badges */
--text-sm: 0.8125rem; /* 13px — Small/Secondary */ --text-sm: 0.8125rem; /* 13px — Small/Secondary */
--text-base: 0.875rem; /* 14px — Body (Desktop), kompakter */ --text-base: 0.875rem; /* 14px — Body (Desktop), kompakter */
--text-md: 1rem; /* 16px — Body (Mobile), Inputs */ --text-md: 1rem; /* 16px — Body (Mobile), Inputs */