{ "$description": "Omninal Design System tokens · DTCG 2025.10 · primitive → semantic → component", "$extensions": { "org.omninal.metadata": { "specVersion": "DTCG 2025.10", "version": "3.1.0", "sourceOfTruth": true } }, "primitive": { "color": { "core": { "blue": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.082353, 0.364706, 0.988235], "alpha": 1 }, "$description": "Omninal Blue" }, "blue-dark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.082353, 0.262745, 0.619608], "alpha": 1 }, "$description": "Accessible blue text on light surfaces" }, "navy": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.043137, 0.058824, 0.117647], "alpha": 1 }, "$description": "Primary dark ground" }, "navy-2": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.07451, 0.101961, 0.196078], "alpha": 1 }, "$description": "Dark container" }, "navy-3": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.062745, 0.14902, 0.247059], "alpha": 1 }, "$description": "Deep gradient stop" }, "sky": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.431373, 0.607843, 1], "alpha": 1 }, "$description": "Highlight on dark surfaces" }, "ice": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.913725, 0.941176, 1], "alpha": 1 }, "$description": "Light selected state" } }, "mono": { "carbon": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.05098, 0.05098, 0.070588], "alpha": 1 } }, "white": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1 } }, "paper": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.980392, 0.984314, 0.992157], "alpha": 1 } }, "gold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.890196, 0.701961, 0.254902], "alpha": 1 }, "$description": "Premium accent on Navy/Carbon only" } }, "extended": { "teal": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.05098, 0.580392, 0.533333], "alpha": 1 } }, "teal-ink": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.058824, 0.462745, 0.431373], "alpha": 1 } }, "iris": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.486275, 0.360784, 0.988235], "alpha": 1 } }, "orange": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.917647, 0.345098, 0.047059], "alpha": 1 } }, "orange-ink": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.760784, 0.254902, 0.047059], "alpha": 1 } }, "pink": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.92549, 0.282353, 0.6], "alpha": 1 } } }, "neutral": { "ink": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.094118, 0.113725, 0.2], "alpha": 1 } }, "slate": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.364706, 0.392157, 0.470588], "alpha": 1 } }, "mist": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.545098, 0.568627, 0.647059], "alpha": 1 } }, "fog": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.772549, 0.807843, 0.870588], "alpha": 1 } }, "line": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.901961, 0.913725, 0.945098], "alpha": 1 } } }, "functional": { "positive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.086275, 0.639216, 0.290196], "alpha": 1 } }, "positive-text": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.082353, 0.501961, 0.239216], "alpha": 1 } }, "positive-bright": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.176471, 0.831373, 0.74902], "alpha": 1 } }, "positive-tint": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.941176, 0.992157, 0.956863], "alpha": 1 } }, "negative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.862745, 0.14902, 0.14902], "alpha": 1 } }, "negative-text": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.72549, 0.109804, 0.109804], "alpha": 1 } }, "negative-tint": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.996078, 0.94902, 0.94902], "alpha": 1 } }, "warning": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.960784, 0.619608, 0.043137], "alpha": 1 } }, "warning-text": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.705882, 0.32549, 0.035294], "alpha": 1 } }, "warning-tint": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 0.984314, 0.921569], "alpha": 1 } } }, "surface": { "light-secondary": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.933333, 0.945098, 0.964706], "alpha": 1 } }, "light-secondary-foreground": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.101961, 0.133333, 0.211765], "alpha": 1 } }, "light-muted": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.945098, 0.956863, 0.976471], "alpha": 1 } }, "dark-foreground": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.913725, 0.929412, 0.964706], "alpha": 1 } }, "dark-secondary": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.109804, 0.145098, 0.25098], "alpha": 1 } }, "dark-muted": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.105882, 0.141176, 0.219608], "alpha": 1 } }, "dark-muted-foreground": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.541176, 0.576471, 0.678431], "alpha": 1 } }, "dark-accent": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.431373, 0.607843, 1], "alpha": 0.14 } }, "dark-accent-foreground": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.72549, 0.803922, 1], "alpha": 1 } }, "dark-destructive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.972549, 0.443137, 0.443137], "alpha": 1 } }, "dark-border": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.14902, 0.188235, 0.290196], "alpha": 1 } }, "dark-chart-iris": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.654902, 0.545098, 0.980392], "alpha": 1 } }, "dark-chart-orange": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.984314, 0.572549, 0.235294], "alpha": 1 } }, "dark-chart-gold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.917647, 0.772549, 0.309804], "alpha": 1 } }, "dark-sidebar": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.054902, 0.078431, 0.14902], "alpha": 1 } }, "dark-sidebar-border": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0.117647, 0.164706, 0.290196], "alpha": 1 } } } }, "dimension": { "radius": { "sm": { "$type": "dimension", "$value": { "value": 8, "unit": "px" } }, "md": { "$type": "dimension", "$value": { "value": 12, "unit": "px" } }, "lg": { "$type": "dimension", "$value": { "value": 16, "unit": "px" } } }, "space": { "1": { "$type": "dimension", "$value": { "value": 4, "unit": "px" } }, "2": { "$type": "dimension", "$value": { "value": 8, "unit": "px" } }, "3": { "$type": "dimension", "$value": { "value": 12, "unit": "px" } }, "4": { "$type": "dimension", "$value": { "value": 16, "unit": "px" } }, "5": { "$type": "dimension", "$value": { "value": 24, "unit": "px" } }, "6": { "$type": "dimension", "$value": { "value": 32, "unit": "px" } }, "7": { "$type": "dimension", "$value": { "value": 48, "unit": "px" } }, "8": { "$type": "dimension", "$value": { "value": 64, "unit": "px" } } }, "tracking-display": { "$type": "dimension", "$value": { "value": -0.025, "unit": "em" } } }, "duration": { "instant": { "$type": "duration", "$value": { "value": 100, "unit": "ms" } }, "quick": { "$type": "duration", "$value": { "value": 180, "unit": "ms" } }, "standard": { "$type": "duration", "$value": { "value": 240, "unit": "ms" } }, "settle": { "$type": "duration", "$value": { "value": 400, "unit": "ms" } } }, "cubic-bezier": { "settle": { "$type": "cubicBezier", "$value": [0.2, 0.8, 0.2, 1] } }, "number": { "app-icon-radius-ratio": { "$type": "number", "$value": 0.24 }, "line-height-body": { "$type": "number", "$value": 1.65 }, "font-weight-body": { "$type": "fontWeight", "$value": 400 }, "font-weight-medium": { "$type": "fontWeight", "$value": 500 }, "font-weight-semibold": { "$type": "fontWeight", "$value": 650 }, "font-weight-display": { "$type": "fontWeight", "$value": 800 } }, "gradient": { "deep-trust": { "$type": "gradient", "$value": [{ "color": { "colorSpace": "srgb", "components": [0.043137, 0.058824, 0.117647], "alpha": 1 }, "position": 0 }, { "color": { "colorSpace": "srgb", "components": [0.062745, 0.14902, 0.247059], "alpha": 1 }, "position": 0.55 }, { "color": { "colorSpace": "srgb", "components": [0.082353, 0.262745, 0.619608], "alpha": 1 }, "position": 1 }], "$extensions": { "org.omninal.gradient": { "kind": "linear", "angle": 132 } } }, "royal-flow": { "$type": "gradient", "$value": [{ "color": { "colorSpace": "srgb", "components": [0.082353, 0.262745, 0.619608], "alpha": 1 }, "position": 0 }, { "color": { "colorSpace": "srgb", "components": [0.082353, 0.364706, 0.988235], "alpha": 1 }, "position": 0.6 }, { "color": { "colorSpace": "srgb", "components": [0.431373, 0.607843, 1], "alpha": 1 }, "position": 1 }], "$extensions": { "org.omninal.gradient": { "kind": "linear", "angle": 132 } } }, "vivid-signal": { "$type": "gradient", "$value": [{ "color": { "colorSpace": "srgb", "components": [0.082353, 0.364706, 0.988235], "alpha": 1 }, "position": 0 }, { "color": { "colorSpace": "srgb", "components": [0.486275, 0.360784, 0.988235], "alpha": 1 }, "position": 0.6 }, { "color": { "colorSpace": "srgb", "components": [0.92549, 0.282353, 0.6], "alpha": 1 }, "position": 1 }], "$extensions": { "org.omninal.gradient": { "kind": "linear", "angle": 132 } } } } }, "semantic": { "color": { "background": { "$type": "color", "$value": "{primitive.color.mono.paper}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.navy}" } } }, "foreground": { "$type": "color", "$value": "{primitive.color.neutral.ink}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-foreground}" } } }, "card": { "$type": "color", "$value": "{primitive.color.mono.white}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.navy-2}" } } }, "card-foreground": { "$type": "color", "$value": "{primitive.color.neutral.ink}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-foreground}" } } }, "popover": { "$type": "color", "$value": "{primitive.color.mono.white}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.navy-2}" } } }, "popover-foreground": { "$type": "color", "$value": "{primitive.color.neutral.ink}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-foreground}" } } }, "primary": { "$type": "color", "$value": "{primitive.color.core.blue}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.sky}" } } }, "primary-foreground": { "$type": "color", "$value": "{primitive.color.mono.white}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.navy}" } } }, "secondary": { "$type": "color", "$value": "{primitive.color.surface.light-secondary}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-secondary}" } } }, "secondary-foreground": { "$type": "color", "$value": "{primitive.color.surface.light-secondary-foreground}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-foreground}" } } }, "muted": { "$type": "color", "$value": "{primitive.color.surface.light-muted}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-muted}" } } }, "muted-foreground": { "$type": "color", "$value": "{primitive.color.neutral.slate}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-muted-foreground}" } } }, "accent": { "$type": "color", "$value": "{primitive.color.core.ice}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-accent}" } } }, "accent-foreground": { "$type": "color", "$value": "{primitive.color.core.blue-dark}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-accent-foreground}" } } }, "destructive": { "$type": "color", "$value": "{primitive.color.functional.negative}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-destructive}" } } }, "border": { "$type": "color", "$value": "{primitive.color.neutral.line}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-border}" } } }, "input": { "$type": "color", "$value": "{primitive.color.neutral.line}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-border}" } } }, "ring": { "$type": "color", "$value": "{primitive.color.core.blue}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.sky}" } } }, "chart-1": { "$type": "color", "$value": "{primitive.color.core.blue}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.sky}" } } }, "chart-2": { "$type": "color", "$value": "{primitive.color.extended.teal}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.functional.positive-bright}" } } }, "chart-3": { "$type": "color", "$value": "{primitive.color.extended.iris}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-chart-iris}" } } }, "chart-4": { "$type": "color", "$value": "{primitive.color.extended.orange}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-chart-orange}" } } }, "chart-5": { "$type": "color", "$value": "{primitive.color.mono.gold}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-chart-gold}" } } }, "sidebar": { "$type": "color", "$value": "{primitive.color.mono.paper}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-sidebar}" } } }, "sidebar-foreground": { "$type": "color", "$value": "{primitive.color.neutral.ink}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-foreground}" } } }, "sidebar-primary": { "$type": "color", "$value": "{primitive.color.core.blue}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.sky}" } } }, "sidebar-primary-foreground": { "$type": "color", "$value": "{primitive.color.mono.white}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.navy}" } } }, "sidebar-accent": { "$type": "color", "$value": "{primitive.color.core.ice}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-accent}" } } }, "sidebar-accent-foreground": { "$type": "color", "$value": "{primitive.color.core.blue-dark}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-accent-foreground}" } } }, "sidebar-border": { "$type": "color", "$value": "{primitive.color.neutral.line}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-sidebar-border}" } } }, "sidebar-ring": { "$type": "color", "$value": "{primitive.color.core.blue}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.sky}" } } } }, "radius": { "control": { "$type": "dimension", "$value": { "value": 10, "unit": "px" } } }, "motion": { "feedback": { "$type": "duration", "$value": "{primitive.duration.instant}" }, "interaction": { "$type": "duration", "$value": "{primitive.duration.quick}" }, "transition": { "$type": "duration", "$value": "{primitive.duration.standard}" }, "settlement": { "$type": "duration", "$value": "{primitive.duration.settle}" }, "easing": { "$type": "cubicBezier", "$value": "{primitive.cubic-bezier.settle}" } } }, "component": { "button": { "primary": { "background": { "default": { "$type": "color", "$value": "{semantic.color.primary}" }, "hover": { "$type": "color", "$value": "{primitive.color.core.blue-dark}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.core.sky}" } } }, "disabled": { "$type": "color", "$value": "{semantic.color.muted}" } }, "foreground": { "$type": "color", "$value": "{semantic.color.primary-foreground}" }, "radius": { "$type": "dimension", "$value": "{semantic.radius.control}" } } }, "input": { "background": { "$type": "color", "$value": "{semantic.color.background}" }, "border": { "default": { "$type": "color", "$value": "{semantic.color.input}" }, "focus": { "$type": "color", "$value": "{semantic.color.ring}" }, "error": { "$type": "color", "$value": "{semantic.color.destructive}" } }, "foreground": { "$type": "color", "$value": "{semantic.color.foreground}" }, "placeholder": { "$type": "color", "$value": "{semantic.color.muted-foreground}" }, "radius": { "$type": "dimension", "$value": "{semantic.radius.control}" } }, "card": { "background": { "$type": "color", "$value": "{semantic.color.card}" }, "foreground": { "$type": "color", "$value": "{semantic.color.card-foreground}" }, "border": { "$type": "color", "$value": "{semantic.color.border}" }, "radius": { "$type": "dimension", "$value": "{primitive.dimension.radius.lg}" } }, "status-badge": { "success": { "background": { "$type": "color", "$value": "{primitive.color.functional.positive-tint}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-muted}" } } }, "foreground": { "$type": "color", "$value": "{primitive.color.functional.positive-text}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.functional.positive-bright}" } } } }, "warning": { "background": { "$type": "color", "$value": "{primitive.color.functional.warning-tint}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-muted}" } } }, "foreground": { "$type": "color", "$value": "{primitive.color.functional.warning-text}", "$extensions": { "org.omninal.modes": { "dark": "{primitive.color.surface.dark-chart-gold}" } } } } } } }