@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1,538 lines • 7.32 MB
JSON
{
"dp-light": {
"size/border/focus": {
"less/variables": {
"name": "dt-size-border-focus",
"value": "0.3rem"
},
"ios-swift/enum.swift": {
"name": "dtSizeBorderFocus",
"value": "CGFloat(2.00) + CGFloat(1.00)"
},
"compose/object": {
"name": "dtSizeBorderFocus",
"value": "3.dp"
},
"css/variables": {
"name": "var(--dt-size-border-focus)",
"value": "0.3rem"
},
"android/resources": {
"name": "dt_dp_light_size_border_focus",
"value": "3.00dp"
}
},
"color/foreground/primary": {
"less/variables": {
"name": "dt-color-foreground-primary",
"value": "#1C1C1C",
"description": "Default text color throughout the UI.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundPrimary",
"value": "UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)",
"description": "Default text color throughout the UI.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundPrimary",
"value": "Color(0xff1c1c1c)",
"description": "Default text color throughout the UI.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-primary)",
"value": "#1C1C1C",
"description": "Default text color throughout the UI.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_primary",
"value": "#ff1c1c1c",
"description": "Default text color throughout the UI.",
"keywords": [
"text"
]
}
},
"color/foreground/secondary": {
"less/variables": {
"name": "dt-color-foreground-secondary",
"value": "#3A3A3A",
"description": "Example uses include introduction paragraphs, labels, and descriptions paired with form elements.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSecondary",
"value": "UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)",
"description": "Example uses include introduction paragraphs, labels, and descriptions paired with form elements.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSecondary",
"value": "Color(0xff3a3a3a)",
"description": "Example uses include introduction paragraphs, labels, and descriptions paired with form elements.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-secondary)",
"value": "#3A3A3A",
"description": "Example uses include introduction paragraphs, labels, and descriptions paired with form elements.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_secondary",
"value": "#ff3a3a3a",
"description": "Example uses include introduction paragraphs, labels, and descriptions paired with form elements.",
"keywords": [
"text"
]
}
},
"color/foreground/tertiary": {
"less/variables": {
"name": "dt-color-foreground-tertiary",
"value": "#535353",
"description": "Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundTertiary",
"value": "UIColor(red: 0.325, green: 0.325, blue: 0.325, alpha: 1)",
"description": "Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundTertiary",
"value": "Color(0xff535353)",
"description": "Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-tertiary)",
"value": "#535353",
"description": "Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_tertiary",
"value": "#ff535353",
"description": "Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels.",
"keywords": [
"text"
]
}
},
"color/foreground/muted": {
"less/variables": {
"name": "dt-color-foreground-muted",
"value": "hsl(0 0% 0% / 0.5)",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundMuted",
"value": "UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 0.502)",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundMuted",
"value": "Color(0x80000000)",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-muted)",
"value": "hsl(0 0% 0% / 0.5)",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_muted",
"value": "#80000000",
"keywords": [
"text"
]
}
},
"color/foreground/placeholder": {
"less/variables": {
"name": "dt-color-foreground-placeholder",
"value": "#808080",
"description": "Text color for placeholder text within form elements.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundPlaceholder",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)",
"description": "Text color for placeholder text within form elements.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundPlaceholder",
"value": "Color(0xff808080)",
"description": "Text color for placeholder text within form elements.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-placeholder)",
"value": "#808080",
"description": "Text color for placeholder text within form elements.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_placeholder",
"value": "#ff808080",
"description": "Text color for placeholder text within form elements.",
"keywords": [
"text"
]
}
},
"color/foreground/disabled": {
"less/variables": {
"name": "dt-color-foreground-disabled",
"value": "#808080",
"description": "Used for text paired with disabled content or components, like the form elements.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundDisabled",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)",
"description": "Used for text paired with disabled content or components, like the form elements.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundDisabled",
"value": "Color(0xff808080)",
"description": "Used for text paired with disabled content or components, like the form elements.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-disabled)",
"value": "#808080",
"description": "Used for text paired with disabled content or components, like the form elements.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_disabled",
"value": "#ff808080",
"description": "Used for text paired with disabled content or components, like the form elements.",
"keywords": [
"text"
]
}
},
"color/foreground/critical": {
"less/variables": {
"name": "dt-color-foreground-critical",
"value": "#D90A45",
"description": "Expresses an error, danger, or otherwise critical state.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundCritical",
"value": "UIColor(red: 0.851, green: 0.039, blue: 0.271, alpha: 1)",
"description": "Expresses an error, danger, or otherwise critical state.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundCritical",
"value": "Color(0xffd90a45)",
"description": "Expresses an error, danger, or otherwise critical state.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-critical)",
"value": "#D90A45",
"description": "Expresses an error, danger, or otherwise critical state.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_critical",
"value": "#ffd90a45",
"description": "Expresses an error, danger, or otherwise critical state.",
"keywords": [
"text"
]
}
},
"color/foreground/critical-strong": {
"less/variables": {
"name": "dt-color-foreground-critical-strong",
"value": "#AF0032",
"description": "Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundCriticalStrong",
"value": "UIColor(red: 0.686, green: 0.000, blue: 0.196, alpha: 1)",
"description": "Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundCriticalStrong",
"value": "Color(0xffaf0032)",
"description": "Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-critical-strong)",
"value": "#AF0032",
"description": "Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_critical_strong",
"value": "#ffaf0032",
"description": "Expresses an error, danger, or otherwise critical state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
}
},
"color/foreground/success": {
"less/variables": {
"name": "dt-color-foreground-success",
"value": "#008E52",
"description": "Indicates a positive state.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSuccess",
"value": "UIColor(red: 0.000, green: 0.557, blue: 0.322, alpha: 1)",
"description": "Indicates a positive state.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSuccess",
"value": "Color(0xff008e52)",
"description": "Indicates a positive state.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-success)",
"value": "#008E52",
"description": "Indicates a positive state.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_success",
"value": "#ff008e52",
"description": "Indicates a positive state.",
"keywords": [
"text"
]
}
},
"color/foreground/success-strong": {
"less/variables": {
"name": "dt-color-foreground-success-strong",
"value": "#004F2E",
"description": "Indicates a strong positive state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSuccessStrong",
"value": "UIColor(red: 0.000, green: 0.310, blue: 0.180, alpha: 1)",
"description": "Indicates a strong positive state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSuccessStrong",
"value": "Color(0xff004f2e)",
"description": "Indicates a strong positive state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-success-strong)",
"value": "#004F2E",
"description": "Indicates a strong positive state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_success_strong",
"value": "#ff004f2e",
"description": "Indicates a strong positive state on surfaces that require a stronger contrast.",
"keywords": [
"text"
]
}
},
"color/foreground/warning": {
"less/variables": {
"name": "dt-color-foreground-warning",
"value": "#815008",
"description": "Indicates information that requires user’s attention and further action may be necessary.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundWarning",
"value": "UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)",
"description": "Indicates information that requires user’s attention and further action may be necessary.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundWarning",
"value": "Color(0xff815008)",
"description": "Indicates information that requires user’s attention and further action may be necessary.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-warning)",
"value": "#815008",
"description": "Indicates information that requires user’s attention and further action may be necessary.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_warning",
"value": "#ff815008",
"description": "Indicates information that requires user’s attention and further action may be necessary.",
"keywords": [
"text"
]
}
},
"color/foreground/primary-inverted": {
"less/variables": {
"name": "dt-color-foreground-primary-inverted",
"value": "#F9F9F9",
"description": "Primary text that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundPrimaryInverted",
"value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)",
"description": "Primary text that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundPrimaryInverted",
"value": "Color(0xfff9f9f9)",
"description": "Primary text that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-primary-inverted)",
"value": "#F9F9F9",
"description": "Primary text that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_primary_inverted",
"value": "#fff9f9f9",
"description": "Primary text that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/secondary-inverted": {
"less/variables": {
"name": "dt-color-foreground-secondary-inverted",
"value": "#E9E9E9",
"description": "Secondary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSecondaryInverted",
"value": "UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)",
"description": "Secondary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSecondaryInverted",
"value": "Color(0xffe9e9e9)",
"description": "Secondary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-secondary-inverted)",
"value": "#E9E9E9",
"description": "Secondary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_secondary_inverted",
"value": "#ffe9e9e9",
"description": "Secondary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/tertiary-inverted": {
"less/variables": {
"name": "dt-color-foreground-tertiary-inverted",
"value": "#D2D2D2",
"description": "Tertiary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundTertiaryInverted",
"value": "UIColor(red: 0.824, green: 0.824, blue: 0.824, alpha: 1)",
"description": "Tertiary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundTertiaryInverted",
"value": "Color(0xffd2d2d2)",
"description": "Tertiary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-tertiary-inverted)",
"value": "#D2D2D2",
"description": "Tertiary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_tertiary_inverted",
"value": "#ffd2d2d2",
"description": "Tertiary text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/muted-inverted": {
"less/variables": {
"name": "dt-color-foreground-muted-inverted",
"value": "hsl(0 0% 97.6% / 0.65)",
"description": "Muted text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundMutedInverted",
"value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 0.651)",
"description": "Muted text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundMutedInverted",
"value": "Color(0xa6f9f9f9)",
"description": "Muted text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-muted-inverted)",
"value": "hsl(0 0% 97.6% / 0.65)",
"description": "Muted text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_muted_inverted",
"value": "#a6f9f9f9",
"description": "Muted text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/placeholder-inverted": {
"less/variables": {
"name": "dt-color-foreground-placeholder-inverted",
"value": "#AAAAAA",
"description": "Placeholder text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundPlaceholderInverted",
"value": "UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)",
"description": "Placeholder text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundPlaceholderInverted",
"value": "Color(0xffaaaaaa)",
"description": "Placeholder text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-placeholder-inverted)",
"value": "#AAAAAA",
"description": "Placeholder text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_placeholder_inverted",
"value": "#ffaaaaaa",
"description": "Placeholder text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/disabled-inverted": {
"less/variables": {
"name": "dt-color-foreground-disabled-inverted",
"value": "#AAAAAA",
"description": "Disabled text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundDisabledInverted",
"value": "UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)",
"description": "Disabled text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundDisabledInverted",
"value": "Color(0xffaaaaaa)",
"description": "Disabled text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-disabled-inverted)",
"value": "#AAAAAA",
"description": "Disabled text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_disabled_inverted",
"value": "#ffaaaaaa",
"description": "Disabled text color that sits on high-contrast surfaces or backgrounds.",
"keywords": [
"text"
]
}
},
"color/foreground/critical-inverted": {
"less/variables": {
"name": "dt-color-foreground-critical-inverted",
"value": "#FF716F",
"description": "Critical text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundCriticalInverted",
"value": "UIColor(red: 1.000, green: 0.443, blue: 0.435, alpha: 1)",
"description": "Critical text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundCriticalInverted",
"value": "Color(0xffff716f)",
"description": "Critical text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-critical-inverted)",
"value": "#FF716F",
"description": "Critical text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_critical_inverted",
"value": "#ffff716f",
"description": "Critical text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
}
},
"color/foreground/critical-strong-inverted": {
"less/variables": {
"name": "dt-color-foreground-critical-strong-inverted",
"value": "#FFABA4",
"description": "Critical strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundCriticalStrongInverted",
"value": "UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)",
"description": "Critical strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundCriticalStrongInverted",
"value": "Color(0xffffaba4)",
"description": "Critical strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-critical-strong-inverted)",
"value": "#FFABA4",
"description": "Critical strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_critical_strong_inverted",
"value": "#ffffaba4",
"description": "Critical strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
}
},
"color/foreground/success-inverted": {
"less/variables": {
"name": "dt-color-foreground-success-inverted",
"value": "#AEFB3C",
"description": "Success text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSuccessInverted",
"value": "UIColor(red: 0.682, green: 0.984, blue: 0.235, alpha: 1)",
"description": "Success text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSuccessInverted",
"value": "Color(0xffaefb3c)",
"description": "Success text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-success-inverted)",
"value": "#AEFB3C",
"description": "Success text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_success_inverted",
"value": "#ffaefb3c",
"description": "Success text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
}
},
"color/foreground/success-strong-inverted": {
"less/variables": {
"name": "dt-color-foreground-success-strong-inverted",
"value": "#DBFFA9",
"description": "Success strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundSuccessStrongInverted",
"value": "UIColor(red: 0.859, green: 1.000, blue: 0.663, alpha: 1)",
"description": "Success strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundSuccessStrongInverted",
"value": "Color(0xffdbffa9)",
"description": "Success strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-success-strong-inverted)",
"value": "#DBFFA9",
"description": "Success strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_success_strong_inverted",
"value": "#ffdbffa9",
"description": "Success strong text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
}
},
"color/foreground/warning-inverted": {
"less/variables": {
"name": "dt-color-foreground-warning-inverted",
"value": "#FF9E0E",
"description": "Warning text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"ios-swift/enum.swift": {
"name": "dtColorForegroundWarningInverted",
"value": "UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)",
"description": "Warning text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"compose/object": {
"name": "dtColorForegroundWarningInverted",
"value": "Color(0xffff9e0e)",
"description": "Warning text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"css/variables": {
"name": "var(--dt-color-foreground-warning-inverted)",
"value": "#FF9E0E",
"description": "Warning text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
},
"android/resources": {
"name": "dt_dp_light_color_foreground_warning_inverted",
"value": "#ffff9e0e",
"description": "Warning text that sits on high-contrast surfaces or backgrounds",
"keywords": [
"text"
]
}
},
"color/link/primary": {
"less/variables": {
"name": "dt-color-link-primary",
"value": "#7C52FF"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkPrimary",
"value": "UIColor(red: 0.486, green: 0.322, blue: 1.000, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkPrimary",
"value": "Color(0xff7c52ff)"
},
"css/variables": {
"name": "var(--dt-color-link-primary)",
"value": "#7C52FF"
},
"android/resources": {
"name": "dt_dp_light_color_link_primary",
"value": "#ff7c52ff"
}
},
"color/link/primary-hover": {
"less/variables": {
"name": "dt-color-link-primary-hover",
"value": "#5023DD"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkPrimaryHover",
"value": "UIColor(red: 0.314, green: 0.137, blue: 0.867, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkPrimaryHover",
"value": "Color(0xff5023dd)"
},
"css/variables": {
"name": "var(--dt-color-link-primary-hover)",
"value": "#5023DD"
},
"android/resources": {
"name": "dt_dp_light_color_link_primary_hover",
"value": "#ff5023dd"
}
},
"color/link/critical": {
"less/variables": {
"name": "dt-color-link-critical",
"value": "#D90A45"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkCritical",
"value": "UIColor(red: 0.851, green: 0.039, blue: 0.271, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkCritical",
"value": "Color(0xffd90a45)"
},
"css/variables": {
"name": "var(--dt-color-link-critical)",
"value": "#D90A45"
},
"android/resources": {
"name": "dt_dp_light_color_link_critical",
"value": "#ffd90a45"
}
},
"color/link/critical-hover": {
"less/variables": {
"name": "dt-color-link-critical-hover",
"value": "#AF0032"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkCriticalHover",
"value": "UIColor(red: 0.686, green: 0.000, blue: 0.196, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkCriticalHover",
"value": "Color(0xffaf0032)"
},
"css/variables": {
"name": "var(--dt-color-link-critical-hover)",
"value": "#AF0032"
},
"android/resources": {
"name": "dt_dp_light_color_link_critical_hover",
"value": "#ffaf0032"
}
},
"color/link/success": {
"less/variables": {
"name": "dt-color-link-success",
"value": "#008E52",
"description": "positive"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkSuccess",
"value": "UIColor(red: 0.000, green: 0.557, blue: 0.322, alpha: 1)",
"description": "positive"
},
"compose/object": {
"name": "dtColorLinkSuccess",
"value": "Color(0xff008e52)",
"description": "positive"
},
"css/variables": {
"name": "var(--dt-color-link-success)",
"value": "#008E52",
"description": "positive"
},
"android/resources": {
"name": "dt_dp_light_color_link_success",
"value": "#ff008e52",
"description": "positive"
}
},
"color/link/success-hover": {
"less/variables": {
"name": "dt-color-link-success-hover",
"value": "#004F2E"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkSuccessHover",
"value": "UIColor(red: 0.000, green: 0.310, blue: 0.180, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkSuccessHover",
"value": "Color(0xff004f2e)"
},
"css/variables": {
"name": "var(--dt-color-link-success-hover)",
"value": "#004F2E"
},
"android/resources": {
"name": "dt_dp_light_color_link_success_hover",
"value": "#ff004f2e"
}
},
"color/link/warning": {
"less/variables": {
"name": "dt-color-link-warning",
"value": "#815008"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkWarning",
"value": "UIColor(red: 0.506, green: 0.314, blue: 0.031, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkWarning",
"value": "Color(0xff815008)"
},
"css/variables": {
"name": "var(--dt-color-link-warning)",
"value": "#815008"
},
"android/resources": {
"name": "dt_dp_light_color_link_warning",
"value": "#ff815008"
}
},
"color/link/warning-hover": {
"less/variables": {
"name": "dt-color-link-warning-hover",
"value": "#533204"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkWarningHover",
"value": "UIColor(red: 0.325, green: 0.196, blue: 0.016, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkWarningHover",
"value": "Color(0xff533204)"
},
"css/variables": {
"name": "var(--dt-color-link-warning-hover)",
"value": "#533204"
},
"android/resources": {
"name": "dt_dp_light_color_link_warning_hover",
"value": "#ff533204"
}
},
"color/link/muted": {
"less/variables": {
"name": "dt-color-link-muted",
"value": "#3A3A3A"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkMuted",
"value": "UIColor(red: 0.227, green: 0.227, blue: 0.227, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkMuted",
"value": "Color(0xff3a3a3a)"
},
"css/variables": {
"name": "var(--dt-color-link-muted)",
"value": "#3A3A3A"
},
"android/resources": {
"name": "dt_dp_light_color_link_muted",
"value": "#ff3a3a3a"
}
},
"color/link/muted-hover": {
"less/variables": {
"name": "dt-color-link-muted-hover",
"value": "#1C1C1C"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkMutedHover",
"value": "UIColor(red: 0.110, green: 0.110, blue: 0.110, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkMutedHover",
"value": "Color(0xff1c1c1c)"
},
"css/variables": {
"name": "var(--dt-color-link-muted-hover)",
"value": "#1C1C1C"
},
"android/resources": {
"name": "dt_dp_light_color_link_muted_hover",
"value": "#ff1c1c1c"
}
},
"color/link/disabled": {
"less/variables": {
"name": "dt-color-link-disabled",
"value": "#808080"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkDisabled",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkDisabled",
"value": "Color(0xff808080)"
},
"css/variables": {
"name": "var(--dt-color-link-disabled)",
"value": "#808080"
},
"android/resources": {
"name": "dt_dp_light_color_link_disabled",
"value": "#ff808080"
}
},
"color/link/disabled-hover": {
"less/variables": {
"name": "dt-color-link-disabled-hover",
"value": "#808080"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkDisabledHover",
"value": "UIColor(red: 0.502, green: 0.502, blue: 0.502, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkDisabledHover",
"value": "Color(0xff808080)"
},
"css/variables": {
"name": "var(--dt-color-link-disabled-hover)",
"value": "#808080"
},
"android/resources": {
"name": "dt_dp_light_color_link_disabled_hover",
"value": "#ff808080"
}
},
"color/link/primary-inverted": {
"less/variables": {
"name": "dt-color-link-primary-inverted",
"value": "#BBA6FC"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkPrimaryInverted",
"value": "UIColor(red: 0.733, green: 0.651, blue: 0.988, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkPrimaryInverted",
"value": "Color(0xffbba6fc)"
},
"css/variables": {
"name": "var(--dt-color-link-primary-inverted)",
"value": "#BBA6FC"
},
"android/resources": {
"name": "dt_dp_light_color_link_primary_inverted",
"value": "#ffbba6fc"
}
},
"color/link/primary-inverted-hover": {
"less/variables": {
"name": "dt-color-link-primary-inverted-hover",
"value": "#D3BCFF"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkPrimaryInvertedHover",
"value": "UIColor(red: 0.827, green: 0.737, blue: 1.000, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkPrimaryInvertedHover",
"value": "Color(0xffd3bcff)"
},
"css/variables": {
"name": "var(--dt-color-link-primary-inverted-hover)",
"value": "#D3BCFF"
},
"android/resources": {
"name": "dt_dp_light_color_link_primary_inverted_hover",
"value": "#ffd3bcff"
}
},
"color/link/critical-inverted": {
"less/variables": {
"name": "dt-color-link-critical-inverted",
"value": "#FF716F"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkCriticalInverted",
"value": "UIColor(red: 1.000, green: 0.443, blue: 0.435, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkCriticalInverted",
"value": "Color(0xffff716f)"
},
"css/variables": {
"name": "var(--dt-color-link-critical-inverted)",
"value": "#FF716F"
},
"android/resources": {
"name": "dt_dp_light_color_link_critical_inverted",
"value": "#ffff716f"
}
},
"color/link/critical-inverted-hover": {
"less/variables": {
"name": "dt-color-link-critical-inverted-hover",
"value": "#FFABA4"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkCriticalInvertedHover",
"value": "UIColor(red: 1.000, green: 0.671, blue: 0.643, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkCriticalInvertedHover",
"value": "Color(0xffffaba4)"
},
"css/variables": {
"name": "var(--dt-color-link-critical-inverted-hover)",
"value": "#FFABA4"
},
"android/resources": {
"name": "dt_dp_light_color_link_critical_inverted_hover",
"value": "#ffffaba4"
}
},
"color/link/success-inverted": {
"less/variables": {
"name": "dt-color-link-success-inverted",
"value": "#AEFB3C"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkSuccessInverted",
"value": "UIColor(red: 0.682, green: 0.984, blue: 0.235, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkSuccessInverted",
"value": "Color(0xffaefb3c)"
},
"css/variables": {
"name": "var(--dt-color-link-success-inverted)",
"value": "#AEFB3C"
},
"android/resources": {
"name": "dt_dp_light_color_link_success_inverted",
"value": "#ffaefb3c"
}
},
"color/link/success-inverted-hover": {
"less/variables": {
"name": "dt-color-link-success-inverted-hover",
"value": "#DBFFA9"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkSuccessInvertedHover",
"value": "UIColor(red: 0.859, green: 1.000, blue: 0.663, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkSuccessInvertedHover",
"value": "Color(0xffdbffa9)"
},
"css/variables": {
"name": "var(--dt-color-link-success-inverted-hover)",
"value": "#DBFFA9"
},
"android/resources": {
"name": "dt_dp_light_color_link_success_inverted_hover",
"value": "#ffdbffa9"
}
},
"color/link/warning-inverted": {
"less/variables": {
"name": "dt-color-link-warning-inverted",
"value": "#FF9E0E"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkWarningInverted",
"value": "UIColor(red: 1.000, green: 0.620, blue: 0.055, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkWarningInverted",
"value": "Color(0xffff9e0e)"
},
"css/variables": {
"name": "var(--dt-color-link-warning-inverted)",
"value": "#FF9E0E"
},
"android/resources": {
"name": "dt_dp_light_color_link_warning_inverted",
"value": "#ffff9e0e"
}
},
"color/link/warning-inverted-hover": {
"less/variables": {
"name": "dt-color-link-warning-inverted-hover",
"value": "#FFDB80"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkWarningInvertedHover",
"value": "UIColor(red: 1.000, green: 0.859, blue: 0.502, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkWarningInvertedHover",
"value": "Color(0xffffdb80)"
},
"css/variables": {
"name": "var(--dt-color-link-warning-inverted-hover)",
"value": "#FFDB80"
},
"android/resources": {
"name": "dt_dp_light_color_link_warning_inverted_hover",
"value": "#ffffdb80"
}
},
"color/link/muted-inverted": {
"less/variables": {
"name": "dt-color-link-muted-inverted",
"value": "#E9E9E9"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkMutedInverted",
"value": "UIColor(red: 0.914, green: 0.914, blue: 0.914, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkMutedInverted",
"value": "Color(0xffe9e9e9)"
},
"css/variables": {
"name": "var(--dt-color-link-muted-inverted)",
"value": "#E9E9E9"
},
"android/resources": {
"name": "dt_dp_light_color_link_muted_inverted",
"value": "#ffe9e9e9"
}
},
"color/link/muted-inverted-hover": {
"less/variables": {
"name": "dt-color-link-muted-inverted-hover",
"value": "#F9F9F9"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkMutedInvertedHover",
"value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkMutedInvertedHover",
"value": "Color(0xfff9f9f9)"
},
"css/variables": {
"name": "var(--dt-color-link-muted-inverted-hover)",
"value": "#F9F9F9"
},
"android/resources": {
"name": "dt_dp_light_color_link_muted_inverted_hover",
"value": "#fff9f9f9"
}
},
"color/link/disabled-inverted": {
"less/variables": {
"name": "dt-color-link-disabled-inverted",
"value": "#AAAAAA"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkDisabledInverted",
"value": "UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkDisabledInverted",
"value": "Color(0xffaaaaaa)"
},
"css/variables": {
"name": "var(--dt-color-link-disabled-inverted)",
"value": "#AAAAAA"
},
"android/resources": {
"name": "dt_dp_light_color_link_disabled_inverted",
"value": "#ffaaaaaa"
}
},
"color/link/disabled-inverted-hover": {
"less/variables": {
"name": "dt-color-link-disabled-inverted-hover",
"value": "#AAAAAA"
},
"ios-swift/enum.swift": {
"name": "dtColorLinkDisabledInvertedHover",
"value": "UIColor(red: 0.667, green: 0.667, blue: 0.667, alpha: 1)"
},
"compose/object": {
"name": "dtColorLinkDisabledInvertedHover",
"value": "Color(0xffaaaaaa)"
},
"css/variables": {
"name": "var(--dt-color-link-disabled-inverted-hover)",
"value": "#AAAAAA"
},
"android/resources": {
"name": "dt_dp_light_color_link_disabled_inverted_hover",
"value": "#ffaaaaaa"
}
},
"color/surface/primary": {
"less/variables": {
"name": "dt-color-surface-primary",
"value": "#ffffff",
"description": "Default surface color for the majority of surfaces.",
"keywords": [
"background",
"fill"
]
},
"ios-swift/enum.swift": {
"name": "dtColorSurfacePrimary",
"value": "UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)",
"description": "Default surface color for the majority of surfaces.",
"keywords": [
"background",
"fill"
]
},
"compose/object": {
"name": "dtColorSurfacePrimary",
"value": "Color(0xffffffff)",
"description": "Default surface color for the majority of surfaces.",
"keywords": [
"background",
"fill"
]
},
"css/variables": {
"name": "var(--dt-color-surface-primary)",
"value": "#ffffff",
"description": "Default surface color for the majority of surfaces.",
"keywords": [
"background",
"fill"
]
},
"android/resources": {
"name": "dt_dp_light_color_surface_primary",
"value": "#ffffffff",
"description": "Default surface color for the majority of surfaces.",
"keywords": [
"background",
"fill"
]
}
},
"color/surface/secondary": {
"less/variables": {
"name": "dt-color-surface-secondary",
"value": "#F9F9F9",
"description": "For adjacent or complementary regions.",
"keywords": [
"background",
"fill"
]
},
"ios-swift/enum.swift": {
"name": "dtColorSurfaceSecondary",
"value": "UIColor(red: 0.976, green: 0.976, blue: 0.976, alpha: 1)",
"description": "For adjacent or complementary regions.",
"keywords