@dnb/eufemia

{ "color": { "background": { "page-background": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0, 0, 0 ], "alpha": 1, "hex": "#000000" }, "$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:648ca7f1b5bc51b4792a98af8419b23a0905eead/5552:1665", "targetVariableName": "dnb/greyscale/1000", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$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:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$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:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.007843137718737125, 0.2235294133424759, 0.2235294133424759 ], "alpha": 1, "hex": "#023939" }, "$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:574fb13650143fec2ede94ff03d0ec47f611df7d/5552:1434", "targetVariableName": "dnb/coldgreen/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$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:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$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: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: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.2823529541492462, 0.2823529541492462, 0.29019609093666077 ], "alpha": 1, "hex": "#48484A" }, "$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:27e40ae1cb0ebb30b1528d97e6689669d30ddc48/5552:1657", "targetVariableName": "dnb/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0, 0.4470588266849518, 0.4470588266849518 ], "alpha": 1, "hex": "#007272" }, "$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:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0, 0.4470588266849518, 0.4470588266849518 ], "alpha": 1, "hex": "#007272" }, "$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:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8470588326454163, 0.9529411792755127, 0.9254902005195618 ], "alpha": 1, "hex": "#D8F3EC" }, "$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:e9a6135d08f7d5e6c7a2eadb5a424244670c9a3a/5552:1441", "targetVariableName": "dnb/coldgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.7372549176216125, 0.9098039269447327, 0.8627451062202454 ], "alpha": 1, "hex": "#BCE8DC" }, "$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:678ab3e2c594804877461365d853f80e638a7ac2/5552:1440", "targetVariableName": "dnb/coldgreen/200", "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.45098039507865906, 0.45098039507865906, 0.45098039507865906 ], "alpha": 1, "hex": "#737373" }, "$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:f036ba9eb768742f5ba961410ea18895a917ae78/5552:1659", "targetVariableName": "dnb/greyscale/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.2823529541492462, 0.2823529541492462, 0.29019609093666077 ], "alpha": 1, "hex": "#48484A" }, "$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:27e40ae1cb0ebb30b1528d97e6689669d30ddc48/5552:1657", "targetVariableName": "dnb/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8941176533699036, 0.9333333373069763, 0.843137264251709 ], "alpha": 1, "hex": "#E4EED7" }, "$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:486db807f238c98dc8572df54538ffcd70408569/5552:1565", "targetVariableName": "dnb/warmgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.05098039284348488, 0.27450981736183167, 0.21568627655506134 ], "alpha": 1, "hex": "#0D4637" }, "$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:18ee9796e97e12b0ccabcf41e6a3bb7c621bb11f/5552:1573", "targetVariableName": "dnb/green/900", "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": [ 0.10980392247438431, 0.10980392247438431, 0.11764705926179886 ], "alpha": 1, "hex": "#1C1C1E" }, "$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:48cb0b31ba799838872b1d5b16f461f6980516d8/5552:1654", "targetVariableName": "dnb/greyscale/950", "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.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$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:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-base": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$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:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-bold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.2823529541492462, 0.2823529541492462, 0.29019609093666077 ], "alpha": 1, "hex": "#48484A" }, "$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:27e40ae1cb0ebb30b1528d97e6689669d30ddc48/5552:1657", "targetVariableName": "dnb/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$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:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$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:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.10980392247438431, 0.20392157137393951, 0.1764705926179886 ], "alpha": 1, "hex": "#1C342D" }, "$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:1232f484066d86ad789e4f88212071f7b438e5f7/5552:1583", "targetVariableName": "dnb/green/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.2801666557788849, 0.8199999928474426, 0.593269944190979 ], "alpha": 1, "hex": "#47D197" }, "$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:303187c8c9e92d929631b1022de31e5c35d1c7e4/5552:1577", "targetVariableName": "dnb/green/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.10980392247438431, 0.20392157137393951, 0.1764705926179886 ], "alpha": 1, "hex": "#1C342D" }, "$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:1232f484066d86ad789e4f88212071f7b438e5f7/5552:1583", "targetVariableName": "dnb/green/950", "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.239215686917305, 0.18039216101169586, 0.05882352963089943 ], "alpha": 1, "hex": "#3D2E0F" }, "$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:8139db4cb4f95f70e6bbfa17d19f1bf28103cf49/5552:1618", "targetVariableName": "dnb/yellow/950", "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.250980406999588, 0.10196078568696976, 0.10196078568696976 ], "alpha": 1, "hex": "#401A1A" }, "$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:30d1b6225c03c35343daae8df45ec0ed6dc0b6b0/5552:1584", "targetVariableName": "dnb/red/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9725490212440491, 0.9725490212440491, 0.9725490212440491 ], "alpha": 1, "hex": "#F8F8F8" }, "$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:10cd172140cfac4ebfffefd88002d7fdc3cbec89/5552:1664", "targetVariableName": "dnb/greyscale/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.2823529541492462, 0.2823529541492462, 0.29019609093666077 ], "alpha": 1, "hex": "#48484A" }, "$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:27e40ae1cb0ebb30b1528d97e6689669d30ddc48/5552:1657", "targetVariableName": "dnb/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "text": { "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$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:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$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:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$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:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "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.38823530077934265, 0.38823530077934265, 0.4000000059604645 ], "alpha": 1, "hex": "#636366" }, "$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:ebbbb6f188615e5e8e17cefa252402b28ea9e388/5552:1658", "targetVariableName": "dnb/greyscale/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0, 0.4470588266849518, 0.4470588266849518 ], "alpha": 1, "hex": "#007272" }, "$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:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0, 0.4470588266849518, 0.4470588266849518 ], "alpha": 1, "hex": "#007272" }, "$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:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$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:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8941176533699036, 0.9333333373069763, 0.843137264251709 ], "alpha": 1, "hex": "#E4EED7" }, "$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:486db807f238c98dc8572df54538ffcd70408569/5552:1565", "targetVariableName": "dnb/warmgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817,