duck.etc.blueprints.dashboard.ui.components.theme¶
Centralized theme tokens for the Duck Framework dashboard blueprint.
All colors, spacing, typography, and radius values live here. Components import from this module — never hardcode raw values.
Module Contents¶
Classes¶
Design tokens for the dashboard UI. |
API¶
- class duck.etc.blueprints.dashboard.ui.components.theme.Theme[source]¶
Design tokens for the dashboard UI.
All values are expressed as CSS variable references where possible so they stay in sync with the base stylesheet injected by DashboardPage.
- bg¶
‘#080808’
- blue¶
‘#60A5FA’
- blue_border¶
‘rgba(96, 165, 250, 0.18)’
- blue_dim¶
‘rgba(96, 165, 250, 0.08)’
- border¶
‘rgba(255, 255, 255, 0.06)’
- border_subtle¶
‘rgba(255, 255, 255, 0.03)’
- font¶
“system-ui, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif”
- green¶
‘#4ADE80’
- green_border¶
‘rgba(74, 222, 128, 0.2)’
- green_dim¶
‘rgba(74, 222, 128, 0.08)’
- method_delete¶
‘#E05252’
- method_get¶
‘#4ADE80’
- method_head¶
‘#A0A0A0’
- method_options¶
‘#A0A0A0’
- method_patch¶
‘#C084FC’
- method_post¶
‘#60A5FA’
- method_put¶
‘#F5A623’
- method_ws¶
‘#34D399’
- mono¶
“‘JetBrains Mono’, monospace”
- muted¶
‘#555555’
- orange¶
‘#F5A623’
- orange_border¶
‘rgba(245, 166, 35, 0.18)’
- orange_dim¶
‘rgba(245, 166, 35, 0.08)’
- purple¶
‘#C084FC’
- purple_border¶
‘rgba(192, 132, 252, 0.2)’
- purple_dim¶
‘rgba(192, 132, 252, 0.08)’
- radius¶
‘10px’
- radius_lg¶
‘14px’
- radius_sm¶
‘6px’
- red¶
‘#E05252’
- red_border¶
‘rgba(224, 82, 82, 0.18)’
- red_dim¶
‘rgba(224, 82, 82, 0.07)’
- surface¶
‘#101010’
- surface_2¶
‘#141414’
- surface_3¶
‘#0c0c0c’
- teal¶
‘#34D399’
- teal_border¶
‘rgba(52, 211, 153, 0.2)’
- teal_dim¶
‘rgba(52, 211, 153, 0.08)’
- text¶
‘#E8E8E8’
- text_dim¶
‘#A0A0A0’