org.designtxt.tokenCollection
Samples
100 randomly sampled records from the AT Protocol firehose
org.designtxt.tokenCollection (100 samples)
{
"$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
"$type": "org.designtxt.tokenCollection",
"createdAt": "2026-07-13T16:58:29.431Z",
"description": "DTCG design tokens for Microsoft Fluent 2, sourced from dtcg-examples.",
"effects": {
"elevation16": {
"$type": "shadow",
"$value": [
{
"blur": {
"unit": "px",
"value": "14.4"
},
"color": {
"alpha": "0.132",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "6.4"
},
"spread": {
"unit": "px",
"value": "14.4"
}
},
{
"blur": {
"unit": "px",
"value": "3.6"
},
"color": {
"alpha": "0.108",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "1.2"
},
"spread": {
"unit": "px",
"value": "3.6"
}
}
]
},
"elevation4": {
"$type": "shadow",
"$value": [
{
"blur": {
"unit": "px",
"value": "3.6"
},
"color": {
"alpha": "0.132",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "1.6"
},
"spread": {
"unit": "px",
"value": "3.6"
}
},
{
"blur": {
"unit": "px",
"value": "0.9"
},
"color": {
"alpha": "0.108",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "0.3"
},
"spread": {
"unit": "px",
"value": "0.9"
}
}
]
},
"elevation64": {
"$type": "shadow",
"$value": [
{
"blur": {
"unit": "px",
"value": "57.6"
},
"color": {
"alpha": "0.22",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "25.6"
},
"spread": {
"unit": "px",
"value": "57.6"
}
},
{
"blur": {
"unit": "px",
"value": "14.4"
},
"color": {
"alpha": "0.18",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "4.8"
},
"spread": {
"unit": "px",
"value": "14.4"
}
}
]
},
"elevation8": {
"$type": "shadow",
"$value": [
{
"blur": {
"unit": "px",
"value": "7.2"
},
"color": {
"alpha": "0.132",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "3.2"
},
"spread": {
"unit": "px",
"value": "7.2"
}
},
{
"blur": {
"unit": "px",
"value": "1.8"
},
"color": {
"alpha": "0.108",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "0.6"
},
"spread": {
"unit": "px",
"value": "1.8"
}
}
]
},
"roundedCorner2": {
"$type": "dimension",
"$value": {
"unit": "px",
"value": "2"
}
},
"roundedCorner4": {
"$type": "dimension",
"$value": {
"unit": "px",
"value": "4"
}
},
"roundedCorner6": {
"$type": "dimension",
"$value": {
"unit": "px",
"value": "6"
}
}
},
"fonts": {
"large": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "18"
},
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"medium": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "14"
},
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"mediumPlus": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "16"
},
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"mega": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "68"
},
"fontWeight": "600",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"small": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "12"
},
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"smallPlus": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "12"
},
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"superLarge": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "42"
},
"fontWeight": "600",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"tiny": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "10"
},
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"xLarge": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "20"
},
"fontWeight": "600",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"xLargePlus": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "24"
},
"fontWeight": "600",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"xSmall": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "10"
},
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"xxLarge": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "28"
},
"fontWeight": "600",
"letterSpacing": "0",
"lineHeight": "1"
}
},
"xxLargePlus": {
"$type": "typography",
"$value": {
"MozOsxFontSmoothing": "grayscale",
"WebkitFontSmoothing": "antialiased",
"fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
"fontSize": {
"unit": "px",
"value": "32"
},
"fontWeight": "600",
"letterSpacing": "0",
"lineHeight": "1"
}
}
},
"name": "Microsoft Fluent 2",
"palette": {
"accent": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"black": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
}
},
"blackTranslucent40": {
"$type": "color",
"$value": {
"alpha": "0.4",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
}
},
"blue": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"blueDark": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.12549019607843137",
"0.3137254901960784"
],
"hex": "#002050"
}
},
"blueLight": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.7372549019607844",
"0.9490196078431372"
],
"hex": "#00bcf2"
}
},
"blueMid": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.09411764705882353",
"0.5607843137254902"
],
"hex": "#00188f"
}
},
"green": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.06274509803921569",
"0.48627450980392156",
"0.06274509803921569"
],
"hex": "#107c10"
}
},
"greenDark": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.29411764705882354",
"0.10980392156862745"
],
"hex": "#004b1c"
}
},
"greenLight": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.7294117647058823",
"0.8470588235294118",
"0.0392156862745098"
],
"hex": "#bad80a"
}
},
"magenta": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.7058823529411765",
"0",
"0.6196078431372549"
],
"hex": "#b4009e"
}
},
"magentaDark": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.3607843137254902",
"0",
"0.3607843137254902"
],
"hex": "#5c005c"
}
},
"magentaLight": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8901960784313725",
"0",
"0.5490196078431373"
],
"hex": "#e3008c"
}
},
"neutralDark": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.12549019607843137",
"0.12156862745098039",
"0.11764705882352941"
],
"hex": "#201f1e"
}
},
"neutralLight": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"neutralLighter": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"neutralLighterAlt": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9803921568627451",
"0.9764705882352941",
"0.9725490196078431"
],
"hex": "#faf9f8"
}
},
"neutralPrimary": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
},
"neutralPrimaryAlt": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.23137254901960785",
"0.22745098039215686",
"0.2235294117647059"
],
"hex": "#3b3a39"
}
},
"neutralQuaternary": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8235294117647058",
"0.8156862745098039",
"0.807843137254902"
],
"hex": "#d2d0ce"
}
},
"neutralQuaternaryAlt": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8823529411764706",
"0.8745098039215686",
"0.8666666666666667"
],
"hex": "#e1dfdd"
}
},
"neutralSecondary": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.3764705882352941",
"0.3686274509803922",
"0.3607843137254902"
],
"hex": "#605e5c"
}
},
"neutralSecondaryAlt": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.5411764705882353",
"0.5333333333333333",
"0.5254901960784314"
],
"hex": "#8a8886"
}
},
"neutralTertiary": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.6313725490196078",
"0.6235294117647059",
"0.615686274509804"
],
"hex": "#a19f9d"
}
},
"neutralTertiaryAlt": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.7843137254901961",
"0.7764705882352941",
"0.7686274509803922"
],
"hex": "#c8c6c4"
}
},
"orange": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8470588235294118",
"0.23137254901960785",
"0.00392156862745098"
],
"hex": "#d83b01"
}
},
"orangeLight": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9176470588235294",
"0.2627450980392157",
"0"
],
"hex": "#ea4300"
}
},
"orangeLighter": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"0.5490196078431373",
"0"
],
"hex": "#ff8c00"
}
},
"purple": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.3607843137254902",
"0.17647058823529413",
"0.5686274509803921"
],
"hex": "#5c2d91"
}
},
"purpleDark": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.0784313725490196",
"0.35294117647058826"
],
"hex": "#32145a"
}
},
"purpleLight": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.7058823529411765",
"0.6274509803921569",
"1"
],
"hex": "#b4a0ff"
}
},
"red": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9098039215686274",
"0.06666666666666667",
"0.13725490196078433"
],
"hex": "#e81123"
}
},
"redDark": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.6431372549019608",
"0.14901960784313725",
"0.17254901960784313"
],
"hex": "#a4262c"
}
},
"teal": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.5098039215686274",
"0.4470588235294118"
],
"hex": "#008272"
}
},
"tealDark": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.29411764705882354",
"0.3137254901960784"
],
"hex": "#004b50"
}
},
"tealLight": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.6980392156862745",
"0.5803921568627451"
],
"hex": "#00b294"
}
},
"themeDark": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.35294117647058826",
"0.6196078431372549"
],
"hex": "#005a9e"
}
},
"themeDarkAlt": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.06274509803921569",
"0.43137254901960786",
"0.7450980392156863"
],
"hex": "#106ebe"
}
},
"themeDarker": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.27058823529411763",
"0.47058823529411764"
],
"hex": "#004578"
}
},
"themeLight": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.7803921568627451",
"0.8784313725490196",
"0.9568627450980393"
],
"hex": "#c7e0f4"
}
},
"themeLighter": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8705882352941177",
"0.9254901960784314",
"0.9764705882352941"
],
"hex": "#deecf9"
}
},
"themeLighterAlt": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9372549019607843",
"0.9647058823529412",
"0.9882352941176471"
],
"hex": "#eff6fc"
}
},
"themePrimary": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"themeSecondary": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.16862745098039217",
"0.5333333333333333",
"0.8470588235294118"
],
"hex": "#2b88d8"
}
},
"themeTertiary": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.44313725490196076",
"0.6862745098039216",
"0.8980392156862745"
],
"hex": "#71afe5"
}
},
"white": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"whiteTranslucent40": {
"$type": "color",
"$value": {
"alpha": "0.4",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"yellow": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"0.7254901960784313",
"0"
],
"hex": "#ffb900"
}
},
"yellowDark": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8235294117647058",
"0.5725490196078431",
"0"
],
"hex": "#d29200"
}
},
"yellowLight": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"0.9450980392156862",
"0"
],
"hex": "#fff100"
}
}
},
"resolver": "at://undefined/org.designtxt.resolver/microsoft-fluent",
"semanticColors": {
"accentButtonBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"accentButtonText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"actionLink": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
},
"actionLinkHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.12549019607843137",
"0.12156862745098039",
"0.11764705882352941"
],
"hex": "#201f1e"
}
},
"blockingBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9921568627450981",
"0.9058823529411765",
"0.9137254901960784"
],
"hex": "#fde7e9"
}
},
"blockingIcon": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9921568627450981",
"0.9058823529411765",
"0.9137254901960784"
],
"hex": "#fde7e9"
}
},
"bodyBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"bodyBackgroundChecked": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"bodyBackgroundHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"bodyDivider": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"bodyFrameBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"bodyFrameDivider": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"bodyStandoutBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9803921568627451",
"0.9764705882352941",
"0.9725490196078431"
],
"hex": "#faf9f8"
}
},
"bodySubtext": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.3764705882352941",
"0.3686274509803922",
"0.3607843137254902"
],
"hex": "#605e5c"
}
},
"bodyText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
},
"bodyTextChecked": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
}
},
"buttonBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"buttonBackgroundChecked": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.7843137254901961",
"0.7764705882352941",
"0.7686274509803922"
],
"hex": "#c8c6c4"
}
},
"buttonBackgroundCheckedHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"buttonBackgroundDisabled": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"buttonBackgroundHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"buttonBackgroundPressed": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"buttonBorder": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.5411764705882353",
"0.5333333333333333",
"0.5254901960784314"
],
"hex": "#8a8886"
}
},
"buttonBorderDisabled": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"buttonText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
},
"buttonTextChecked": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.12549019607843137",
"0.12156862745098039",
"0.11764705882352941"
],
"hex": "#201f1e"
}
},
"buttonTextCheckedHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
}
},
"buttonTextDisabled": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.6313725490196078",
"0.6235294117647059",
"0.615686274509804"
],
"hex": "#a19f9d"
}
},
"buttonTextHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.12549019607843137",
"0.12156862745098039",
"0.11764705882352941"
],
"hex": "#201f1e"
}
},
"buttonTextPressed": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.12549019607843137",
"0.12156862745098039",
"0.11764705882352941"
],
"hex": "#201f1e"
}
},
"cardShadow": {
"$type": "shadow",
"$value": [
{
"blur": {
"unit": "px",
"value": "3.6"
},
"color": {
"alpha": "0.132",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "1.6"
},
"spread": {
"unit": "px",
"value": "3.6"
}
},
{
"blur": {
"unit": "px",
"value": "0.9"
},
"color": {
"alpha": "0.108",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "0.3"
},
"spread": {
"unit": "px",
"value": "0.9"
}
}
]
},
"cardShadowHovered": {
"$type": "shadow",
"$value": [
{
"blur": {
"unit": "px",
"value": "7.2"
},
"color": {
"alpha": "0.132",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "3.2"
},
"spread": {
"unit": "px",
"value": "7.2"
}
},
{
"blur": {
"unit": "px",
"value": "1.8"
},
"color": {
"alpha": "0.108",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
},
"offsetX": {
"unit": "",
"value": "0"
},
"offsetY": {
"unit": "px",
"value": "0.6"
},
"spread": {
"unit": "px",
"value": "1.8"
}
}
]
},
"cardStandoutBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"defaultStateBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9803921568627451",
"0.9764705882352941",
"0.9725490196078431"
],
"hex": "#faf9f8"
}
},
"disabledBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"disabledBodySubtext": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.7843137254901961",
"0.7764705882352941",
"0.7686274509803922"
],
"hex": "#c8c6c4"
}
},
"disabledBodyText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.6313725490196078",
"0.6235294117647059",
"0.615686274509804"
],
"hex": "#a19f9d"
}
},
"disabledBorder": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.7843137254901961",
"0.7764705882352941",
"0.7686274509803922"
],
"hex": "#c8c6c4"
}
},
"disabledSubtext": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8235294117647058",
"0.8156862745098039",
"0.807843137254902"
],
"hex": "#d2d0ce"
}
},
"disabledText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.6313725490196078",
"0.6235294117647059",
"0.615686274509804"
],
"hex": "#a19f9d"
}
},
"errorBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9921568627450981",
"0.9058823529411765",
"0.9137254901960784"
],
"hex": "#fde7e9"
}
},
"errorIcon": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.6588235294117647",
"0",
"0"
],
"hex": "#a80000"
}
},
"errorText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.6431372549019608",
"0.14901960784313725",
"0.17254901960784313"
],
"hex": "#a4262c"
}
},
"focusBorder": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.3764705882352941",
"0.3686274509803922",
"0.3607843137254902"
],
"hex": "#605e5c"
}
},
"infoBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"infoIcon": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.3764705882352941",
"0.3686274509803922",
"0.3607843137254902"
],
"hex": "#605e5c"
}
},
"inputBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"inputBackgroundChecked": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"inputBackgroundCheckedHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.35294117647058826",
"0.6196078431372549"
],
"hex": "#005a9e"
}
},
"inputBorder": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.3764705882352941",
"0.3686274509803922",
"0.3607843137254902"
],
"hex": "#605e5c"
}
},
"inputBorderHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
},
"inputFocusBorderAlt": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"inputForegroundChecked": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"inputIcon": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"inputIconDisabled": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.6313725490196078",
"0.6235294117647059",
"0.615686274509804"
],
"hex": "#a19f9d"
}
},
"inputIconHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.35294117647058826",
"0.6196078431372549"
],
"hex": "#005a9e"
}
},
"inputPlaceholderBackgroundChecked": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8705882352941177",
"0.9254901960784314",
"0.9764705882352941"
],
"hex": "#deecf9"
}
},
"inputPlaceholderText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.3764705882352941",
"0.3686274509803922",
"0.3607843137254902"
],
"hex": "#605e5c"
}
},
"inputText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
},
"inputTextHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.12549019607843137",
"0.12156862745098039",
"0.11764705882352941"
],
"hex": "#201f1e"
}
},
"link": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"linkHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.27058823529411763",
"0.47058823529411764"
],
"hex": "#004578"
}
},
"listBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"listHeaderBackgroundHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"listHeaderBackgroundPressed": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"listItemBackgroundChecked": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"listItemBackgroundCheckedHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8823529411764706",
"0.8745098039215686",
"0.8666666666666667"
],
"hex": "#e1dfdd"
}
},
"listItemBackgroundHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"listText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
},
"listTextColor": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
},
"menuBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"menuDivider": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.7843137254901961",
"0.7764705882352941",
"0.7686274509803922"
],
"hex": "#c8c6c4"
}
},
"menuHeader": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"menuIcon": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"menuItemBackgroundChecked": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"menuItemBackgroundHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"menuItemBackgroundPressed": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"menuItemText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
},
"menuItemTextHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.12549019607843137",
"0.12156862745098039",
"0.11764705882352941"
],
"hex": "#201f1e"
}
},
"messageLink": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.35294117647058826",
"0.6196078431372549"
],
"hex": "#005a9e"
}
},
"messageLinkHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.27058823529411763",
"0.47058823529411764"
],
"hex": "#004578"
}
},
"messageText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
},
"primaryButtonBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.47058823529411764",
"0.8313725490196079"
],
"hex": "#0078d4"
}
},
"primaryButtonBackgroundDisabled": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9529411764705882",
"0.9490196078431372",
"0.9450980392156862"
],
"hex": "#f3f2f1"
}
},
"primaryButtonBackgroundHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.06274509803921569",
"0.43137254901960786",
"0.7450980392156863"
],
"hex": "#106ebe"
}
},
"primaryButtonBackgroundPressed": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0",
"0.35294117647058826",
"0.6196078431372549"
],
"hex": "#005a9e"
}
},
"primaryButtonBorder": {
"$type": "color",
"$value": {
"alpha": "0",
"colorSpace": "srgb",
"components": [
"0",
"0",
"0"
],
"hex": "#000"
}
},
"primaryButtonText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"primaryButtonTextDisabled": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8235294117647058",
"0.8156862745098039",
"0.807843137254902"
],
"hex": "#d2d0ce"
}
},
"primaryButtonTextHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"primaryButtonTextPressed": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"1",
"1"
],
"hex": "#fff"
}
},
"severeWarningBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.996078431372549",
"0.8509803921568627",
"0.8"
],
"hex": "#fed9cc"
}
},
"severeWarningIcon": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8470588235294118",
"0.23137254901960785",
"0.00392156862745098"
],
"hex": "#d83b01"
}
},
"smallInputBorder": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.3764705882352941",
"0.3686274509803922",
"0.3607843137254902"
],
"hex": "#605e5c"
}
},
"successBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.8745098039215686",
"0.9647058823529412",
"0.8666666666666667"
],
"hex": "#dff6dd"
}
},
"successIcon": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.06274509803921569",
"0.48627450980392156",
"0.06274509803921569"
],
"hex": "#107c10"
}
},
"successText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.06274509803921569",
"0.48627450980392156",
"0.06274509803921569"
],
"hex": "#107c10"
}
},
"variantBorder": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.9294117647058824",
"0.9215686274509803",
"0.9137254901960784"
],
"hex": "#edebe9"
}
},
"variantBorderHovered": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.6313725490196078",
"0.6235294117647059",
"0.615686274509804"
],
"hex": "#a19f9d"
}
},
"warningBackground": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"0.9568627450980393",
"0.807843137254902"
],
"hex": "#fff4ce"
}
},
"warningHighlight": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"1",
"0.7254901960784313",
"0"
],
"hex": "#ffb900"
}
},
"warningIcon": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.4745098039215686",
"0.4666666666666667",
"0.4588235294117647"
],
"hex": "#797775"
}
},
"warningText": {
"$type": "color",
"$value": {
"alpha": "1",
"colorSpace": "srgb",
"components": [
"0.19607843137254902",
"0.19215686274509805",
"0.18823529411764706"
],
"hex": "#323130"
}
}
},
"spacing": {
"l1": {
"$type": "dimension",
"$value": {
"unit": "px",
"value": "20"
}
},
"l2": {
"$type": "dimension",
"$value": {
"unit": "px",
"value": "32"
}
},
"m": {
"$type": "dimension",
"$value": {
"unit": "px",
"value": "16"
}
},
"s1": {
"$type": "dimension",
"$value": {
"unit": "px",
"value": "8"
}
},
"s2": {
"$type": "dimension",
"$value": {
"unit": "px",
"value": "4"
}
}
}
}did:plc:34yvx4hv64znmh2i2fezoyqx | at://did:plc:34yvx4hv64znmh2i2fezoyqx/org.designtxt.tokenCollection/microsoft-fluent