@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:df039608ce704fb23149d725481966eae0435000/5552:1852", "targetVariableName": "sbanken/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.30588236451148987, 0.0313725508749485, 0.7372549176216125 ], "alpha": 1, "hex": "#4E08BC" }, "$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:b0daac6edcc09913450d78d51401f9ebc5728f22/5552:1770", "targetVariableName": "sbanken/purple/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.30588236451148987, 0.0313725508749485, 0.7372549176216125 ], "alpha": 1, "hex": "#4E08BC" }, "$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:b0daac6edcc09913450d78d51401f9ebc5728f22/5552:1770", "targetVariableName": "sbanken/purple/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9450980424880981, 0.9215686321258545, 1 ], "alpha": 1, "hex": "#F1EBFF" }, "$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:9bd6a10f5a415136fcb490d1f8162923959de0c2/5552:1775", "targetVariableName": "sbanken/purple/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.10980392247438431, 0.10588235408067703, 0.30588236451148987 ], "alpha": 1, "hex": "#1C1B4E" }, "$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:c83918bc36c77c5768b264bd211764e6bfe1a3f3/5552:1767", "targetVariableName": "sbanken/purple/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8784313797950745, 0.8156862854957581, 1 ], "alpha": 1, "hex": "#E0D0FF" }, "$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:e467555bf89da7429217e35463648c9365bdb46d/5552:1774", "targetVariableName": "sbanken/purple/200", "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.9215686321258545, 0.9215686321258545, 0.9450980424880981 ], "alpha": 1, "hex": "#EBEBF1" }, "$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:71fb555be3a14c728569112cec6f4f5a9f9b66ab/5552:1841", "targetVariableName": "sbanken/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.572549045085907, 0.9333333373069763, 0.8039215803146362 ], "alpha": 1, "hex": "#92EECD" }, "$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:7d4f5eff80fa7e179e28b3e6815b16783630406e/5552:1791", "targetVariableName": "sbanken/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.572549045085907, 0.9333333373069763, 0.8039215803146362 ], "alpha": 1, "hex": "#92EECD" }, "$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:7d4f5eff80fa7e179e28b3e6815b16783630406e/5552:1791", "targetVariableName": "sbanken/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.13333334028720856, 0.12941177189350128, 0.38823530077934265 ], "alpha": 1, "hex": "#222163" }, "$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:a2c4e07893f1563b939dcbbc3883c991dd234b9c/5552:1768", "targetVariableName": "sbanken/purple/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.10980392247438431, 0.10588235408067703, 0.30588236451148987 ], "alpha": 1, "hex": "#1C1B4E" }, "$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:c83918bc36c77c5768b264bd211764e6bfe1a3f3/5552:1767", "targetVariableName": "sbanken/purple/950", "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.39834973216056824, 0.3943229019641876, 0.47083333134651184 ], "alpha": 1, "hex": "#666578" }, "$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:89ce6a03a05cf006caf78b16a8f39be2a4e79aa7/5552:1840", "targetVariableName": "sbanken/greyscale/600", "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.9490196108818054, 0.9490196108818054, 0.9686274528503418 ], "alpha": 1, "hex": "#F2F2F7" }, "$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:cef0db927fe201637982109aa99d1af32e05b768/5552:1847", "targetVariableName": "sbanken/greyscale/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.10980392247438431, 0.10588235408067703, 0.30588236451148987 ], "alpha": 1, "hex": "#1C1B4E" }, "$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:c83918bc36c77c5768b264bd211764e6bfe1a3f3/5552:1767", "targetVariableName": "sbanken/purple/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "selected-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9450980424880981, 0.9215686321258545, 1 ], "alpha": 1, "hex": "#F1EBFF" }, "$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:9bd6a10f5a415136fcb490d1f8162923959de0c2/5552:1775", "targetVariableName": "sbanken/purple/100", "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": [ 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:df039608ce704fb23149d725481966eae0435000/5552:1852", "targetVariableName": "sbanken/greyscale/0", "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.9764705896377563, 0.9764705896377563, 0.9921568632125854 ], "alpha": 1, "hex": "#F9F9FD" }, "$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:201841acbd37debd72b70badb5e4d5203c68481f/5552:1845", "targetVariableName": "sbanken/greyscale/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "neutral-base": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.9490196108818054, 0.9686274528503418 ], "alpha": 1, "hex": "#F2F2F7" }, "$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:cef0db927fe201637982109aa99d1af32e05b768/5552:1847", "targetVariableName": "sbanken/greyscale/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "neutral-bold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8509804010391235, 0.8509804010391235, 0.8941176533699036 ], "alpha": 1, "hex": "#D9D9E4" }, "$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:9e780779c73acfa5a3c70c8b71ee30246f695b52/5552:1843", "targetVariableName": "sbanken/greyscale/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "neutral-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.9215686321258545, 0.9450980424880981 ], "alpha": 1, "hex": "#EBEBF1" }, "$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:71fb555be3a14c728569112cec6f4f5a9f9b66ab/5552:1841", "targetVariableName": "sbanken/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "info": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.11764705926179886, 0.6235294342041016, 0.45098039507865906 ], "alpha": 1, "hex": "#1E9F73" }, "$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:825d5e0d4f11b5c461c99684362039a7b917c6f4/5552:1786", "targetVariableName": "sbanken/green/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "info-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9583333134651184, 1, 0.9850000143051147 ], "alpha": 1, "hex": "#F4FFFB" }, "$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:b70a49069c8588ca6fe71c2b9f35d61fe019e11b/5552:1790", "targetVariableName": "sbanken/green/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "positive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0, 0.47058823704719543, 0.35686275362968445 ], "alpha": 1, "hex": "#00785B" }, "$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:00a0b968550bae6877c54319b08ebf7c5ea33db1/5552:1785", "targetVariableName": "sbanken/green/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "positive-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8980392217636108, 1, 0.9686274528503418 ], "alpha": 1, "hex": "#E5FFF7" }, "$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:681c54c60cc208cb9216f77c9b087d6208ad16ac/5552:1789", "targetVariableName": "sbanken/green/100", "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": [ 1, 0.9882352948188782, 0.8980392217636108 ], "alpha": 1, "hex": "#FFFCE5" }, "$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:aea058c4e38b4337b49fdd5ec6cfaf0be891a92f/5552:1821", "targetVariableName": "sbanken/yellow/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "error": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8470588326454163, 0.07450980693101883, 0.29411765933036804 ], "alpha": 1, "hex": "#D8134B" }, "$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:ec6c80d3aa2d1963c45595e90bc5a02b5abb879c/5552:1800", "targetVariableName": "sbanken/red/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "error-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 1, 0.8588235378265381, 0.9137254953384399 ], "alpha": 1, "hex": "#FFDBE9" }, "$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:b0ba08b359ab494c0c61a70b0f2c1e0d786b8f1e/5552:1799", "targetVariableName": "sbanken/red/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "marketing": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.13333334028720856, 0.12941177189350128, 0.38823530077934265 ], "alpha": 1, "hex": "#222163" }, "$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:a2c4e07893f1563b939dcbbc3883c991dd234b9c/5552:1768", "targetVariableName": "sbanken/purple/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "marketing-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9450980424880981, 0.9215686321258545, 1 ], "alpha": 1, "hex": "#F1EBFF" }, "$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:9bd6a10f5a415136fcb490d1f8162923959de0c2/5552:1775", "targetVariableName": "sbanken/purple/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } } }, "text": { "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.30588236451148987, 0.0313725508749485, 0.7372549176216125 ], "alpha": 1, "hex": "#4E08BC" }, "$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:b0daac6edcc09913450d78d51401f9ebc5728f22/5552:1770", "targetVariableName": "sbanken/purple/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.30588236451148987, 0.0313725508749485, 0.7372549176216125 ], "alpha": 1, "hex": "#4E08BC" }, "$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:b0daac6edcc09913450d78d51401f9ebc5728f22/5552:1770", "targetVariableName": "sbanken/purple/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.13333334028720856, 0.12941177189350128, 0.38823530077934265 ], "alpha": 1, "hex": "#222163" }, "$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:a2c4e07893f1563b939dcbbc3883c991dd234b9c/5552:1768", "targetVariableName": "sbanken/purple/900", "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.8509804010391235, 0.8509804010391235, 0.8941176533699036 ], "alpha": 1, "hex": "#D9D9E4" }, "$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:9e780779c73acfa5a3c70c8b71ee30246f695b52/5552:1843", "targetVariableName": "sbanken/greyscale/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.572549045085907, 0.9333333373069763, 0.8039215803146362 ], "alpha": 1, "hex": "#92EECD" }, "$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:7d4f5eff80fa7e179e28b3e6815b16783630406e/5552:1791", "targetVariableName": "sbanken/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.572549045085907, 0.9333333373069763, 0.8039215803146362 ], "alpha": 1, "hex": "#92EECD" }, "$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:7d4f5eff80fa7e179e28b3e6815b16783630406e/5552:1791", "targetVariableName": "sbanken/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "action-pressed-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3921568691730499, 0.843137264251709, 0.7058823704719543 ], "alpha": 1, "hex": "#64D7B4" }, "$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:4db65323ff3e46e326f8010302dd8fdbdf8b6b37/5552:1792", "targetVariableName": "sbanken/green/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" } } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.10980392247438431, 0.10588235408067703, 0.30588236451148987 ], "alpha": 1, "hex": "#1C1B4E" }, "$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:c83918bc36c77c5768b264bd211764e6bfe1a3f3/5552:1767", "targetVariableName": "sbanken/purple/950", "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" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1120", "com.figma.scopes": [ "TEXT_FILL" ], "co