@dnb/eufemia

{ "color": { "background": { "page-background": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.08627451211214066, 0.08627451211214066, 0.125490203499794 ], "alpha": 1, "hex": "#161620" }, "$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:1514ec8348f7508663c404346b5d41bb76fa69fc/5552:1844", "targetVariableName": "sbanken/greyscale/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3921568691730499, 0.843137264251709, 0.7058823704719543 ], "alpha": 1, "hex": "#64D7B4" }, "$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:4db65323ff3e46e326f8010302dd8fdbdf8b6b37/5552:1792", "targetVariableName": "sbanken/green/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3921568691730499, 0.843137264251709, 0.7058823704719543 ], "alpha": 1, "hex": "#64D7B4" }, "$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:4db65323ff3e46e326f8010302dd8fdbdf8b6b37/5552:1792", "targetVariableName": "sbanken/green/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.08627451211214066, 0.20392157137393951, 0.1764705926179886 ], "alpha": 1, "hex": "#16342D" }, "$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:b677f25b770f831b41df2521e876991e41ebc7af/5552:1783", "targetVariableName": "sbanken/green/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.21447916328907013, 0.7250000238418579, 0.5718437433242798 ], "alpha": 1, "hex": "#37B992" }, "$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:c3960cdcb01ac245426c4d2252a003dd4942a452/5552:1787", "targetVariableName": "sbanken/green/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.05098039284348488, 0.12156862765550613, 0.10588235408067703 ], "alpha": 1, "hex": "#0D1F1B" }, "$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:28525f33c0f806bf19bb7308694e212a8ff20093/5552:1782", "targetVariableName": "sbanken/green/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-focus": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0, 0.3607843220233917, 1 ], "alpha": 1, "hex": "#005CFF" }, "$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:55911673a8ecd78c1b10cd53d382b7ff68b19605/5552:1838", "targetVariableName": "sbanken/blue/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-focus-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.9647058844566345, 1 ], "alpha": 1, "hex": "#EBF6FF" }, "$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:623d2b62739901dac0532f76b3c5bf1838085510/5552:1829", "targetVariableName": "sbanken/blue/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.29019609093666077, 0.29019609093666077, 0.35686275362968445 ], "alpha": 1, "hex": "#4A4A5B" }, "$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:854436079b13a74f97b7601c754d0efa001a61b6/5552:1842", "targetVariableName": "sbanken/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.30588236451148987, 0.0313725508749485, 0.7372549176216125 ], "alpha": 1, "hex": "#4E08BC" }, "$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:b0daac6edcc09913450d78d51401f9ebc5728f22/5552:1770", "targetVariableName": "sbanken/purple/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.30588236451148987, 0.0313725508749485, 0.7372549176216125 ], "alpha": 1, "hex": "#4E08BC" }, "$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:b0daac6edcc09913450d78d51401f9ebc5728f22/5552:1770", "targetVariableName": "sbanken/purple/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9450980424880981, 0.9215686321258545, 1 ], "alpha": 1, "hex": "#F1EBFF" }, "$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:9bd6a10f5a415136fcb490d1f8162923959de0c2/5552:1775", "targetVariableName": "sbanken/purple/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8784313797950745, 0.8156862854957581, 1 ], "alpha": 1, "hex": "#E0D0FF" }, "$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:e467555bf89da7429217e35463648c9365bdb46d/5552:1774", "targetVariableName": "sbanken/purple/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.572549045085907, 0.9333333373069763, 0.8039215803146362 ], "alpha": 1, "hex": "#92EECD" }, "$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:7d4f5eff80fa7e179e28b3e6815b16783630406e/5552:1791", "targetVariableName": "sbanken/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.572549045085907, 0.9333333373069763, 0.8039215803146362 ], "alpha": 1, "hex": "#92EECD" }, "$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:7d4f5eff80fa7e179e28b3e6815b16783630406e/5552:1791", "targetVariableName": "sbanken/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.08627451211214066, 0.20392157137393951, 0.1764705926179886 ], "alpha": 1, "hex": "#16342D" }, "$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:b677f25b770f831b41df2521e876991e41ebc7af/5552:1783", "targetVariableName": "sbanken/green/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3921568691730499, 0.843137264251709, 0.7058823704719543 ], "alpha": 1, "hex": "#64D7B4" }, "$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:4db65323ff3e46e326f8010302dd8fdbdf8b6b37/5552:1792", "targetVariableName": "sbanken/green/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.05098039284348488, 0.12156862765550613, 0.10588235408067703 ], "alpha": 1, "hex": "#0D1F1B" }, "$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:28525f33c0f806bf19bb7308694e212a8ff20093/5552:1782", "targetVariableName": "sbanken/green/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-disabled-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.29019609093666077, 0.29019609093666077, 0.35686275362968445 ], "alpha": 1, "hex": "#4A4A5B" }, "$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:854436079b13a74f97b7601c754d0efa001a61b6/5552:1842", "targetVariableName": "sbanken/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.5647059082984924, 0.5647059082984924, 0.6392157077789307 ], "alpha": 1, "hex": "#9090A3" }, "$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:6c8fc692657a8d4730867d60c1e4f7377f899bce/5552:1848", "targetVariableName": "sbanken/greyscale/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-alternative-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.29019609093666077, 0.29019609093666077, 0.35686275362968445 ], "alpha": 1, "hex": "#4A4A5B" }, "$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:854436079b13a74f97b7601c754d0efa001a61b6/5552:1842", "targetVariableName": "sbanken/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8980392217636108, 1, 0.9686274528503418 ], "alpha": 1, "hex": "#E5FFF7" }, "$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:681c54c60cc208cb9216f77c9b087d6208ad16ac/5552:1789", "targetVariableName": "sbanken/green/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "selected-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.08627451211214066, 0.20392157137393951, 0.1764705926179886 ], "alpha": 1, "hex": "#16342D" }, "$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:b677f25b770f831b41df2521e876991e41ebc7af/5552:1783", "targetVariableName": "sbanken/green/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "selected-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8980392217636108, 1, 0.9686274528503418 ], "alpha": 1, "hex": "#E5FFF7" }, "$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:681c54c60cc208cb9216f77c9b087d6208ad16ac/5552:1789", "targetVariableName": "sbanken/green/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "selected-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.08627451211214066, 0.20392157137393951, 0.1764705926179886 ], "alpha": 1, "hex": "#16342D" }, "$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:b677f25b770f831b41df2521e876991e41ebc7af/5552:1783", "targetVariableName": "sbanken/green/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "neutral": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.12941177189350128, 0.125490203499794, 0.1764705926179886 ], "alpha": 1, "hex": "#21202D" }, "$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:439e3c26315a280fc3dab017677fefad807f766d/5552:1850", "targetVariableName": "sbanken/greyscale/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "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:df039608ce704fb23149d725481966eae0435000/5552:1852", "targetVariableName": "sbanken/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "neutral-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.22745098173618317, 0.22745098173618317, 0.29019609093666077 ], "alpha": 1, "hex": "#3A3A4A" }, "$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:a625535441c5d884ddba489e3e29d825b09ec8dd/5552:1849", "targetVariableName": "sbanken/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "neutral-base": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.29019609093666077, 0.29019609093666077, 0.35686275362968445 ], "alpha": 1, "hex": "#4A4A5B" }, "$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:854436079b13a74f97b7601c754d0efa001a61b6/5552:1842", "targetVariableName": "sbanken/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "neutral-bold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.39834973216056824, 0.3943229019641876, 0.47083333134651184 ], "alpha": 1, "hex": "#666578" }, "$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:89ce6a03a05cf006caf78b16a8f39be2a4e79aa7/5552:1840", "targetVariableName": "sbanken/greyscale/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "neutral-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.08627451211214066, 0.08627451211214066, 0.125490203499794 ], "alpha": 1, "hex": "#161620" }, "$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:1514ec8348f7508663c404346b5d41bb76fa69fc/5552:1844", "targetVariableName": "sbanken/greyscale/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "info": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3921568691730499, 0.843137264251709, 0.7058823704719543 ], "alpha": 1, "hex": "#64D7B4" }, "$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:4db65323ff3e46e326f8010302dd8fdbdf8b6b37/5552:1792", "targetVariableName": "sbanken/green/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "info-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.08627451211214066, 0.20392157137393951, 0.1764705926179886 ], "alpha": 1, "hex": "#16342D" }, "$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:b677f25b770f831b41df2521e876991e41ebc7af/5552:1783", "targetVariableName": "sbanken/green/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "positive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3921568691730499, 0.843137264251709, 0.7058823704719543 ], "alpha": 1, "hex": "#64D7B4" }, "$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:4db65323ff3e46e326f8010302dd8fdbdf8b6b37/5552:1792", "targetVariableName": "sbanken/green/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "positive-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.08627451211214066, 0.20392157137393951, 0.1764705926179886 ], "alpha": 1, "hex": "#16342D" }, "$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:b677f25b770f831b41df2521e876991e41ebc7af/5552:1783", "targetVariableName": "sbanken/green/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "warning": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9686274528503418, 0.7490196228027344, 0.08627451211214066 ], "alpha": 1, "hex": "#F7BF16" }, "$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:6e1122d348cb0dea22cda69bf31dcaff2a2ccb7f/5552:1818", "targetVariableName": "sbanken/yellow/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "warning-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.1921568661928177, 0.14509804546833038, 0 ], "alpha": 1, "hex": "#312500" }, "$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:4a7d3e853c6e7786d68825b80065e713809b1053/5552:1825", "targetVariableName": "sbanken/yellow/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "error": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8745098114013672, 0.1568627506494522, 0.05882352963089943 ], "alpha": 1, "hex": "#DF280F" }, "$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:5742adf60a8649f1ff01694190f15bcf1e54f615/5552:1805", "targetVariableName": "sbanken/orange/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "error-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.23529411852359772, 0.003921568859368563, 0.04313725605607033 ], "alpha": 1, "hex": "#3C010B" }, "$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:6b7235e37eb8bc2b89981570c334f23103a31983/5552:1794", "targetVariableName": "sbanken/red/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "marketing": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8784313797950745, 0.8156862854957581, 1 ], "alpha": 1, "hex": "#E0D0FF" }, "$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:e467555bf89da7429217e35463648c9365bdb46d/5552:1774", "targetVariableName": "sbanken/purple/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "marketing-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.22745098173618317, 0.22745098173618317, 0.29019609093666077 ], "alpha": 1, "hex": "#3A3A4A" }, "$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:a625535441c5d884ddba489e3e29d825b09ec8dd/5552:1849", "targetVariableName": "sbanken/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } } }, "text": { "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.572549045085907, 0.9333333373069763, 0.8039215803146362 ], "alpha": 1, "hex": "#92EECD" }, "$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:7d4f5eff80fa7e179e28b3e6815b16783630406e/5552:1791", "targetVariableName": "sbanken/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.572549045085907, 0.9333333373069763, 0.8039215803146362 ], "alpha": 1, "hex": "#92EECD" }, "$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:7d4f5eff80fa7e179e28b3e6815b16783630406e/5552:1791", "targetVariableName": "sbanken/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3921568691730499, 0.843137264251709, 0.7058823704719543 ], "alpha": 1, "hex": "#64D7B4" }, "$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:4db65323ff3e46e326f8010302dd8fdbdf8b6b37/5552:1792", "targetVariableName": "sbanken/green/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-focus": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0, 0.3607843220233917, 1 ], "alpha": 1, "hex": "#005CFF" }, "$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:55911673a8ecd78c1b10cd53d382b7ff68b19605/5552:1838", "targetVariableName": "sbanken/blue/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.39834973216056824, 0.3943229019641876, 0.47083333134651184 ], "alpha": 1, "hex": "#666578" }, "$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:89ce6a03a05cf006caf78b16a8f39be2a4e79aa7/5552:1840", "targetVariableName": "sbanken/greyscale/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.30588236451148987, 0.0313725508749485, 0.7372549176216125 ], "alpha": 1, "hex": "#4E08BC" }, "$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:b0daac6edcc09913450d78d51401f9ebc5728f22/5552:1770", "targetVariableName": "sbanken/purple/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.30588236451148987, 0.0313725508749485, 0.7372549176216125 ], "alpha": 1, "hex": "#4E08BC" }, "$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:b0daac6edcc09913450d78d51401f9ebc5728f22/5552:1770", "targetVariableName": "sbanken/purple/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.13333334028720856, 0.12941177189350128, 0.38823530077934265 ], "alpha": 1, "hex": "#222163" }, "$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:a2c4e07893f1563b939dcbbc3883c991dd234b9c/5552:1768", "targetVariableName": "sbanken/purple/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8980392217636108, 1, 0.9686274528503418 ], "alpha": 1, "hex": "#E5FFF7" }, "$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:681c54c60cc208cb9216f77c9b087d6208ad16ac/5552:1789", "targetVariableName": "sbanken/green/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.572549045085907, 0.9333333373069763, 0.8039215803146362 ], "alpha": 1, "hex": "#92EECD" }, "$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:7d4f5eff80fa7e179e28b3e6815b16783630406e/5552:1791", "targetVariableName": "sbanken/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.572549045085907, 0.9333333373069763, 0.8039215803146362 ], "alpha": 1, "hex": "#92EECD" }, "$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:7d4f5eff80fa7e179e28b3e6815b16783630406e/5552:1791", "targetVariableName": "sbanken/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3921568691730499, 0.843137264251709, 0.7058823704719543 ], "alpha": 1, "hex": "#64D7B4"