@dnb/eufemia

{ "color": { "background": { "page-background": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1280", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-page-background" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1283", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53777:706", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8470588326454163, 0.9529411792755127, 0.9254902005195618 ], "alpha": 1, "hex": "#D8F3EC" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11711", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e9a6135d08f7d5e6c7a2eadb5a424244670c9a3a/5552:1441", "targetVariableName": "dnb/coldgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:53777:708", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.7372549176216125, 0.9098039269447327, 0.8627451062202454 ], "alpha": 1, "hex": "#BCE8DC" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11713", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:678ab3e2c594804877461365d853f80e638a7ac2/5552:1440", "targetVariableName": "dnb/coldgreen/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.15360000729560852, 0.41471999883651733, 0.8064000010490417 ], "alpha": 1, "hex": "#276ACE" }, "$extensions": { "com.figma.variableId": "VariableID:53837:2187", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-focus" }, "com.figma.aliasData": { "targetVariableId": "VariableID:33c7740ba59394f9128151bc91acebaf6cc6e226/5552:1638", "targetVariableName": "dnb/blue/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8823529481887817, 0.9137254953384399, 0.9764705896377563 ], "alpha": 1, "hex": "#E1E9F9" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11716", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-focus-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:30d59e3587135b4eefd312e8ebd93665586c8fdb/5552:1635", "targetVariableName": "dnb/blue/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:53837:4986", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-disabled" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:13725", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17036", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.007843137718737125, 0.2235294133424759, 0.2235294133424759 ], "alpha": 1, "hex": "#023939" }, "$extensions": { "com.figma.variableId": "VariableID:56487:17069", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-subtle-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:574fb13650143fec2ede94ff03d0ec47f611df7d/5552:1434", "targetVariableName": "dnb/coldgreen/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:56487:17070", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-subtle-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11718", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56032:1390", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0313725508749485, 0.2705882489681244, 0.3019607961177826 ], "alpha": 1, "hex": "#08454D" }, "$extensions": { "com.figma.variableId": "VariableID:55977:3792", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-subtle-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:fbee9093c6a2b41c73a2df7ae8c89643080aabe5/5552:1436", "targetVariableName": "dnb/coldgreen/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$extensions": { "com.figma.variableId": "VariableID:55892:2104", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:55977:3877", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-subtle-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.2823529541492462, 0.2823529541492462, 0.29019609093666077 ], "alpha": 1, "hex": "#48484A" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1906", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-disabled-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:27e40ae1cb0ebb30b1528d97e6689669d30ddc48/5552:1657", "targetVariableName": "dnb/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.5568627715110779, 0.5568627715110779, 0.5764706134796143 ], "alpha": 1, "hex": "#8E8E93" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11719", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ea9bcdf614811b28de8e9e371def14e169936ccb/5552:1660", "targetVariableName": "dnb/greyscale/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.9215686321258545, 0.9215686321258545 ], "alpha": 1, "hex": "#EBEBEB" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11722", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-alternative-hover-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d1d1f864154f34329a870d96ce84c1a6d78ec2ef/5552:1663", "targetVariableName": "dnb/greyscale/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0313725508749485, 0.2705882489681244, 0.3019607961177826 ], "alpha": 1, "hex": "#08454D" }, "$extensions": { "com.figma.variableId": "VariableID:53718:716", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected" }, "com.figma.aliasData": { "targetVariableId": "VariableID:fbee9093c6a2b41c73a2df7ae8c89643080aabe5/5552:1436", "targetVariableName": "dnb/coldgreen/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8941176533699036, 0.9333333373069763, 0.843137264251709 ], "alpha": 1, "hex": "#E4EED7" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11723", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:486db807f238c98dc8572df54538ffcd70408569/5552:1565", "targetVariableName": "dnb/warmgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8470588326454163, 0.9529411792755127, 0.9254902005195618 ], "alpha": 1, "hex": "#D8F3EC" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1727", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e9a6135d08f7d5e6c7a2eadb5a424244670c9a3a/5552:1441", "targetVariableName": "dnb/coldgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.05098039284348488, 0.27450981736183167, 0.21568627655506134 ], "alpha": 1, "hex": "#0D4637" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1728", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected-subtle-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:18ee9796e97e12b0ccabcf41e6a3bb7c621bb11f/5552:1573", "targetVariableName": "dnb/green/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1287", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1289", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9725490212440491, 0.9725490212440491, 0.9725490212440491 ], "alpha": 1, "hex": "#F8F8F8" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1290", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:10cd172140cfac4ebfffefd88002d7fdc3cbec89/5552:1664", "targetVariableName": "dnb/greyscale/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-base": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.9215686321258545, 0.9215686321258545 ], "alpha": 1, "hex": "#EBEBEB" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1294", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-base" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d1d1f864154f34329a870d96ce84c1a6d78ec2ef/5552:1663", "targetVariableName": "dnb/greyscale/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-bold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:55045:37606", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-bold" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.9490196108818054, 0.9607843160629272 ], "alpha": 1, "hex": "#F2F2F5" }, "$extensions": { "com.figma.variableId": "VariableID:53837:4987", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:76c5e004e15557cb32d2d1cbcb7e7c88584d57ac/5552:1636", "targetVariableName": "dnb/blue/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1302", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-info" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.95686274766922, 0.9254902005195618 ], "alpha": 1, "hex": "#F2F4EC" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1304", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-info-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6d7183c0d54d696c175872f599a3f73f2c7a6cb0/5552:1566", "targetVariableName": "dnb/warmgreen/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.48235294222831726, 0.3686274588108063], "alpha": 1, "hex": "#007B5E" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1296", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-positive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a34ae85d1fa46131e7aa1e27270d2985b08de73/5552:1575", "targetVariableName": "dnb/green/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.95686274766922, 0.9490196108818054 ], "alpha": 1, "hex": "#EBF4F2" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1299", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-positive-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:19fd7218a6732a10a73bc5590cecb0b36b46b9f0/5552:1582", "targetVariableName": "dnb/green/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9921568632125854, 0.7333333492279053, 0.1921568661928177 ], "alpha": 1, "hex": "#FDBB31" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1307", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-warning" }, "com.figma.aliasData": { "targetVariableId": "VariableID:9973a65cf0f54c691333f0cc68e4491ac3c53fb2/5552:1612", "targetVariableName": "dnb/yellow/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9843137264251709, 0.9647058844566345, 0.9254902005195618 ], "alpha": 1, "hex": "#FBF6EC" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1310", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-warning-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:a99817a2fcef40289dfee3b4256cb827f8fc2d45/5552:1617", "targetVariableName": "dnb/yellow/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "error": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1313", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-error" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "error-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9882352948188782, 0.9333333373069763, 0.9333333373069763 ], "alpha": 1, "hex": "#FCEEEE" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1318", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-error-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d17859db5d6e1250078a52e441983869e719480f/5552:1594", "targetVariableName": "dnb/red/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1324", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-marketing" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.9490196108818054, 0.9607843160629272 ], "alpha": 1, "hex": "#F2F2F5" }, "$extensions": { "com.figma.variableId": "VariableID:55036:19893", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-marketing-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:76c5e004e15557cb32d2d1cbcb7e7c88584d57ac/5552:1636", "targetVariableName": "dnb/blue/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "text": { "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1327", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53785:923", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:53785:924", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.15360000729560852, 0.41471999883651733, 0.8064000010490417 ], "alpha": 1, "hex": "#276ACE" }, "$extensions": { "com.figma.variableId": "VariableID:53777:721", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-focus" }, "com.figma.aliasData": { "targetVariableId": "VariableID:33c7740ba59394f9128151bc91acebaf6cc6e226/5552:1638", "targetVariableName": "dnb/blue/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:53785:925", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-disabled" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1328", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17057", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-hover-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17062", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-pressed-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0313725508749485, 0.2705882489681244, 0.3019607961177826 ], "alpha": 1, "hex": "#08454D" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1331", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-selected" }, "com.figma.aliasData": { "targetVariableId": "VariableID:fbee9093c6a2b41c73a2df7ae8c89643080aabe5/5552:1436", "targetVariableName": "dnb/coldgreen/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1344", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1118", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-hover-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1120", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-pressed-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.5568627715110779, 0.5568627715110779, 0.5764706134796143 ], "alpha": 1, "hex": "#8E8E93" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1907", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-disabled-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ea9bcdf614811b28de8e9e371def14e169936ccb/5552:1660