Flowboard Dashboard
42 issues
| # | Title | Type | Severity | Status |
|---|---|---|---|---|
| 1 |
Unused custom property: --sidebar-ring
Custom property "--sidebar-ring" is declared on :root (value: "oklch(70.8% 0 0)") but no var(--sidebar-ring) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--sidebar-ring` on `...
|
design-token | Low | Open |
| 2 |
Unused custom property: --sidebar-border
Custom property "--sidebar-border" is declared on :root (value: "oklch(92.2% 0 0)") but no var(--sidebar-border) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--sidebar-border...
|
design-token | Low | Open |
| 3 |
Unused custom property: --sidebar-accent-foreground
Custom property "--sidebar-accent-foreground" is declared on :root (value: "oklch(20.5% 0 0)") but no var(--sidebar-accent-foreground) is found in stylesheets. It may be dead code.
**Values found (1):...
|
design-token | Low | Open |
| 4 |
Unused custom property: --sidebar-accent
Custom property "--sidebar-accent" is declared on :root (value: "oklch(97% 0 0)") but no var(--sidebar-accent) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--sidebar-accent` ...
|
design-token | Low | Open |
| 5 |
Unused custom property: --sidebar-primary-foreground
Custom property "--sidebar-primary-foreground" is declared on :root (value: "oklch(98.5% 0 0)") but no var(--sidebar-primary-foreground) is found in stylesheets. It may be dead code.
**Values found (1...
|
design-token | Low | Open |
| 6 |
Unused custom property: --sidebar-primary
Custom property "--sidebar-primary" is declared on :root (value: "#030213") but no var(--sidebar-primary) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--sidebar-primary` on `...
|
design-token | Low | Open |
| 7 |
Unused custom property: --sidebar-foreground
Custom property "--sidebar-foreground" is declared on :root (value: "oklch(14.5% 0 0)") but no var(--sidebar-foreground) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--sideba...
|
design-token | Low | Open |
| 8 |
Unused custom property: --sidebar
Custom property "--sidebar" is declared on :root (value: "oklch(98.5% 0 0)") but no var(--sidebar) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--sidebar` on `custom-prop` (×...
|
design-token | Low | Open |
| 9 |
Unused custom property: --radius
Custom property "--radius" is declared on :root (value: ".625rem") but no var(--radius) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--radius` on `custom-prop` (×0)
|
design-token | Low | Open |
| 10 |
Unused custom property: --ring
Custom property "--ring" is declared on :root (value: "oklch(70.8% 0 0)") but no var(--ring) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--ring` on `custom-prop` (×0)
|
design-token | Low | Open |
| 11 |
Unused custom property: --font-weight-normal
Custom property "--font-weight-normal" is declared on :root (value: "400") but no var(--font-weight-normal) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--font-weight-normal`...
|
design-token | Low | Open |
| 12 |
Unused custom property: --font-weight-medium
Custom property "--font-weight-medium" is declared on :root (value: "500") but no var(--font-weight-medium) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--font-weight-medium`...
|
design-token | Low | Open |
| 13 |
Unused custom property: --switch-background
Custom property "--switch-background" is declared on :root (value: "#cbced4") but no var(--switch-background) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--switch-background...
|
design-token | Low | Open |
| 14 |
Unused custom property: --input-background
Custom property "--input-background" is declared on :root (value: "#f3f3f5") but no var(--input-background) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--input-background` o...
|
design-token | Low | Open |
| 15 |
Unused custom property: --input
Custom property "--input" is declared on :root (value: "transparent") but no var(--input) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--input` on `custom-prop` (×0)
|
design-token | Low | Open |
| 16 |
Unused custom property: --border
Custom property "--border" is declared on :root (value: "#0000001a") but no var(--border) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--border` on `custom-prop` (×0)
|
design-token | Low | Open |
| 17 |
Unused custom property: --destructive-foreground
Custom property "--destructive-foreground" is declared on :root (value: "#fff") but no var(--destructive-foreground) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--destructiv...
|
design-token | Low | Open |
| 18 |
Unused custom property: --destructive
Custom property "--destructive" is declared on :root (value: "#d4183d") but no var(--destructive) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--destructive` on `custom-prop`...
|
design-token | Low | Open |
| 19 |
Unused custom property: --accent-foreground
Custom property "--accent-foreground" is declared on :root (value: "#030213") but no var(--accent-foreground) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--accent-foreground...
|
design-token | Low | Open |
| 20 |
Unused custom property: --accent
Custom property "--accent" is declared on :root (value: "#e9ebef") but no var(--accent) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--accent` on `custom-prop` (×0)
|
design-token | Low | Open |
| 21 |
Unused custom property: --muted-foreground
Custom property "--muted-foreground" is declared on :root (value: "#717182") but no var(--muted-foreground) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--muted-foreground` o...
|
design-token | Low | Open |
| 22 |
Unused custom property: --muted
Custom property "--muted" is declared on :root (value: "#ececf0") but no var(--muted) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--muted` on `custom-prop` (×0)
|
design-token | Low | Open |
| 23 |
Unused custom property: --secondary-foreground
Custom property "--secondary-foreground" is declared on :root (value: "#030213") but no var(--secondary-foreground) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--secondary-f...
|
design-token | Low | Open |
| 24 |
Unused custom property: --secondary
Custom property "--secondary" is declared on :root (value: "oklch(95% .0058 264.53)") but no var(--secondary) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--secondary` on `cu...
|
design-token | Low | Open |
| 25 |
Unused custom property: --primary-foreground
Custom property "--primary-foreground" is declared on :root (value: "oklch(100% 0 0)") but no var(--primary-foreground) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--primary...
|
design-token | Low | Open |
| 26 |
Unused custom property: --primary
Custom property "--primary" is declared on :root (value: "#030213") but no var(--primary) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--primary` on `custom-prop` (×0)
|
design-token | Low | Open |
| 27 |
Unused custom property: --popover-foreground
Custom property "--popover-foreground" is declared on :root (value: "oklch(14.5% 0 0)") but no var(--popover-foreground) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--popove...
|
design-token | Low | Open |
| 28 |
Unused custom property: --popover
Custom property "--popover" is declared on :root (value: "oklch(100% 0 0)") but no var(--popover) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--popover` on `custom-prop` (×0...
|
design-token | Low | Open |
| 29 |
Unused custom property: --card-foreground
Custom property "--card-foreground" is declared on :root (value: "oklch(14.5% 0 0)") but no var(--card-foreground) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--card-foregro...
|
design-token | Low | Open |
| 30 |
Unused custom property: --card
Custom property "--card" is declared on :root (value: "#fff") but no var(--card) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--card` on `custom-prop` (×0)
|
design-token | Low | Open |
| 31 |
Unused custom property: --foreground
Custom property "--foreground" is declared on :root (value: "oklch(14.5% 0 0)") but no var(--foreground) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--foreground` on `custom...
|
design-token | Low | Open |
| 32 |
Unused custom property: --background
Custom property "--background" is declared on :root (value: "#fff") but no var(--background) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--background` on `custom-prop` (×0)
|
design-token | Low | Open |
| 33 |
Unused custom property: --font-size
Custom property "--font-size" is declared on :root (value: "16px") but no var(--font-size) is found in stylesheets. It may be dead code.
**Values found (1):**
- `--font-size` on `custom-prop` (×0)
|
design-token | Low | Open |
| 34 |
Orphan font size: 24px
Font size 24px is used by only 1 element(s) while other sizes appear 5+ times. Consider removing or standardising to the type scale.
**Values found (1):**
- `24px` on `font-size` (×1)
|
design-token | Medium | Open |
| 35 |
Orphan font size: 20px
Font size 20px is used by only 1 element(s) while other sizes appear 5+ times. Consider removing or standardising to the type scale.
**Values found (1):**
- `20px` on `font-size` (×1)
|
design-token | Medium | Open |
| 36 |
Buttons — 5 variants
Found 5 visual variants of Buttons across 14 elements. Consistent components should share the same padding, font size, border radius, and background color.
**Values found (5):**
- `Button` on `compone...
|
design-token | High | Open |
| 37 |
Rdp-buttons — 3 variants
Found 3 visual variants of Rdp-buttons across 32 elements. Consistent components should share the same padding, font size, border radius, and background color.
**Values found (3):**
- `Compact Button`...
|
design-token | Medium | Open |
| 38 |
No skip navigation link found
**WCAG 2.4.1** — Bypass Blocks
No skip navigation link found. Keyboard users must Tab through all navigation elements on every page load before reaching main content.
**Found:** No anchor link to #mai...
|
accessibility | Medium | Open |
| 39 |
 No visible focus indicator
**WCAG 2.4.7** — Focus Visible
This element suppresses the default focus indicator without providing a custom visible alternative. Keyboard-only users cannot see which element is focused.
**Found:** o...
|
accessibility | High | Open |
| 40 |
 Elements must meet minimum color contrast ratio thresholds
**WCAG 1.4.3** — Minimum Contrast
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
**Found:** Fix any of the following:
Element has insu...
|
accessibility | High | Open |
| 41 |
 Elements must meet minimum color contrast ratio thresholds
**WCAG 1.4.3** — Minimum Contrast
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
**Found:** Fix any of the following:
Element has insu...
|
accessibility | High | Open |
| 42 |
 Buttons must have discernible text
**WCAG 4.1.2** — Name, Role, Value
Ensure buttons have discernible text
**Found:** Fix any of the following:
Element does not have inner text that is visible to screen readers
aria-label attribute...
|
accessibility | Critical | Open |