From 8c03f0f4192fe07df776b363e45a7c6dad8f1fb0 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Mon, 16 Feb 2026 09:54:39 +0100 Subject: [PATCH 1/7] fix(tokens): Justering av color-shades.functional.blue.700 (UU) --- tokens/brand/nve.json | 2 +- tokens/brand/varsom.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json index 1b626b4c..a5571148 100644 --- a/tokens/brand/nve.json +++ b/tokens/brand/nve.json @@ -359,7 +359,7 @@ }, "700": { "$type": "color", - "$value": "#1E6FDC" + "$value": "#1D6DD7" }, "800": { "$type": "color", diff --git a/tokens/brand/varsom.json b/tokens/brand/varsom.json index 140b6de0..34bdac60 100644 --- a/tokens/brand/varsom.json +++ b/tokens/brand/varsom.json @@ -268,7 +268,7 @@ }, "700": { "$type": "color", - "$value": "#1E6FDC" + "$value": "#1D6DD7" }, "800": { "$type": "color", From 203a3b9f9fc614e5db6428917a28d24fff33def5 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Mon, 16 Feb 2026 10:31:14 +0100 Subject: [PATCH 2/7] fix(tokens): justering av link-colors --- tokens/public/theme/dark.json | 2 +- tokens/public/theme/light.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json index 57573491..4d40d90c 100644 --- a/tokens/public/theme/dark.json +++ b/tokens/public/theme/dark.json @@ -282,7 +282,7 @@ }, "hover": { "$type": "color", - "$value": "{color-shades.grey.000}" + "$value": "{color-shades.functional.blue.200}" }, "focus": { "$type": "color", diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json index b9954c0a..0fac6c14 100644 --- a/tokens/public/theme/light.json +++ b/tokens/public/theme/light.json @@ -280,7 +280,7 @@ }, "hover": { "$type": "color", - "$value": "{color-shades.grey.950}" + "$value": "{color-shades.functional.blue.950}" }, "focus": { "$type": "color", From e86a3116474e76c64246a3d549e79cf4e31529b6 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Wed, 25 Feb 2026 09:28:12 +0100 Subject: [PATCH 3/7] =?UTF-8?q?feat(tokens):=20Endret=20struktur=20p=C3=A5?= =?UTF-8?q?=20interactive-fargene=20(bg,=20fg,=20border)=20Endret=20navn?= =?UTF-8?q?=20p=C3=A5=20farger=20(primary,=20secondary,=20tertiary)=20Fjer?= =?UTF-8?q?net/sl=C3=A5tt=20sammen=20farger=20som=20repeteres=20basert=20p?= =?UTF-8?q?=C3=A5=20varianter=20i=20komponenter?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Medfører endringer i komponentene: NVE-Button NVE-Checkbox NVE-Radio --- tokens/$themes.json | 257 ++++++++++++++++----------------- tokens/brand/nve.json | 8 + tokens/public/theme/dark.json | 142 +++++------------- tokens/public/theme/light.json | 144 +++++------------- 4 files changed, 200 insertions(+), 351 deletions(-) diff --git a/tokens/$themes.json b/tokens/$themes.json index 40390386..1a5f82ad 100644 --- a/tokens/$themes.json +++ b/tokens/$themes.json @@ -127,12 +127,7 @@ "soft": "S:f3be7452fc50d6fb0c241896f69fd7b0f86a2090,", "hard": "S:8f2c924d8cf1767aec99ced7be79e6d3f6cc5182,", "header": "S:cb6851dc8a3aa430899be634fe4efe38cf8feab1,", - "dropdown": "S:9712b7529601aad2ad212fdf85734a75970dfa91,", - "box-shadow.none": "S:6d0807ccbd99a63354e872f8d30ad4e961f13964,", - "box-shadow.soft": "S:20ad6a033720a5e5ff042f92199f874b17515780,", - "box-shadow.hard": "S:c2560d0b7302d283dcf720f838340f49b60aabb5,", - "box-shadow.header": "S:9ac67e60f4f702b60efc1dd7ef303d65972f56ba,", - "box-shadow.dropdown": "S:1e4fc5dfa53c482ce9004d7238886a6e40bfacc2," + "dropdown": "S:9712b7529601aad2ad212fdf85734a75970dfa91," }, "selectedTokenSets": { "brand/nve": "enabled" @@ -309,6 +304,8 @@ "color-shades.functional.neutralgrey.950": "6817186c6602e5e670b2b591887508197c673128", "color-shades.functional.neutralgrey.999": "4978e6f7f004af83b6a9270d88ece9441596bf7e", "color-shades.functional.neutralgrey.000": "8367a465eaac3314aef8655ebf0e729a722f9d02", + "color-shades.functional.neutralgrey.100-050": "969222f830736c128749c33dc9db63f6c2790a27", + "color-shades.functional.neutralgrey.600-050": "1573ed1672bf90c1416147f626a54618fabf9839", "color-shades.functional.neutralgrey.050": "b5d0276e6fb63ba300fd54b4ceeea3f3229e3ff7", "color-shades.additional.lime.100": "ef6e675fb5dab63afca149ee281c2a56125a57d1", "color-shades.additional.lime.150": "f99487c8ddd96f4a42e6de7e5960c0043569e3c2", @@ -405,7 +402,6 @@ "dimension.28x": "b1d28cb8c5984c2298f908cd1baba219542ff848", "dimension.29x": "bf537ce8c6b8b375476ad3bb30e871999caee23a", "dimension.30x": "2031b279f5454947f102912439fd9839e1acb284", - "font-family.source-sans-pro": "740d7261ebb36e1000bdb46decf394d431364a01", "line-height.0": "eee19c64b86350e99cb0c46ecc468d6a2ddd8b50", "line-height.1": "c2c9c5cf22de7df9cf9c953b44481347242511d9", "line-height.2": "4169dc8e45d1ac9d22595f165d386334736ecdbc", @@ -495,13 +491,7 @@ { "id": "bb31e3e0a473f109550b999d61c97c9cc28108f0", "name": "Varsom", - "$figmaStyleReferences": { - "box-shadow.none": "S:6d0807ccbd99a63354e872f8d30ad4e961f13964,", - "box-shadow.soft": "S:20ad6a033720a5e5ff042f92199f874b17515780,", - "box-shadow.hard": "S:c2560d0b7302d283dcf720f838340f49b60aabb5,", - "box-shadow.header": "S:9ac67e60f4f702b60efc1dd7ef303d65972f56ba,", - "box-shadow.dropdown": "S:1e4fc5dfa53c482ce9004d7238886a6e40bfacc2," - }, + "$figmaStyleReferences": {}, "selectedTokenSets": { "brand/nve": "enabled", "brand/varsom": "enabled" @@ -678,6 +668,8 @@ "color-shades.functional.neutralgrey.950": "6817186c6602e5e670b2b591887508197c673128", "color-shades.functional.neutralgrey.999": "4978e6f7f004af83b6a9270d88ece9441596bf7e", "color-shades.functional.neutralgrey.000": "8367a465eaac3314aef8655ebf0e729a722f9d02", + "color-shades.functional.neutralgrey.100-050": "969222f830736c128749c33dc9db63f6c2790a27", + "color-shades.functional.neutralgrey.600-050": "1573ed1672bf90c1416147f626a54618fabf9839", "color-shades.functional.neutralgrey.050": "b5d0276e6fb63ba300fd54b4ceeea3f3229e3ff7", "color-shades.additional.lime.100": "ef6e675fb5dab63afca149ee281c2a56125a57d1", "color-shades.additional.lime.150": "f99487c8ddd96f4a42e6de7e5960c0043569e3c2", @@ -774,7 +766,6 @@ "dimension.28x": "b1d28cb8c5984c2298f908cd1baba219542ff848", "dimension.29x": "bf537ce8c6b8b375476ad3bb30e871999caee23a", "dimension.30x": "2031b279f5454947f102912439fd9839e1acb284", - "font-family.source-sans-pro": "740d7261ebb36e1000bdb46decf394d431364a01", "line-height.0": "eee19c64b86350e99cb0c46ecc468d6a2ddd8b50", "line-height.1": "c2c9c5cf22de7df9cf9c953b44481347242511d9", "line-height.2": "4169dc8e45d1ac9d22595f165d386334736ecdbc", @@ -1030,6 +1021,7 @@ "color.brand.border.primary": "4d2d826be2e55faa7c70e2c68aa7c97c2e9b4eae", "color.brand.border.secondary": "df5afa6d4159cca2212e0bae2c9ba44307559020", "color.brand.border.tertiary": "041533c02e08198b5b1b1ae1c8a30ae6305e1964", + "color.brand.border.emphasized": "3d9c7ee2e163d3f3a1051dd3a08fc37803c8ecf2", "color.neutrals.background.canvas": "98a063add0686404a57aafebf42ffbc09ef05d7e", "color.neutrals.background.primary": "c4b12b39bcdeb1604b71bdf457a6794a35a6d0ef", "color.neutrals.background.primary-contrast": "71d4634f713a2965056809c40d92c03aa39f6bbc", @@ -1041,48 +1033,33 @@ "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1", "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913", "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4", + "color.neutrals.foreground.white": "11168c53c24d9fed3af85c6d68a225dd9dc33f46", "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183", "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586", "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a", "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa", "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091", - "color.interactive.primary.background.default": "c3c4e39a7d8c6e6dd1fef0841d03dfdf083ea03b", - "color.interactive.primary.background.hover": "d0904907beba8db9f5171714e946d81c164038f1", - "color.interactive.primary.background.disabled": "7353b344a6853703eb33183207be7e7df29d941f", - "color.interactive.primary.foreground.default": "25c1ec8946363e1b8a759b8795b86513058edb48", - "color.interactive.primary.foreground.hover": "036eff9f6d4045e317dc97b76057ba6b2346b76f", - "color.interactive.primary.foreground.disabled": "a0aa4434ec5ea8eab8d80965610745b9a89e992f", - "color.interactive.primary.border.focus": "b3f3d9f740023df75632763c172903b4333d5bd1", - "color.interactive.secondary.background.default": "8c7fb3d7685c89acaf7059db70a5941a645388ff", - "color.interactive.secondary.background.hover": "9e653e0329fe924c2c94f8213005cba7b086a77d", - "color.interactive.secondary.background.disabled": "cab9cd603e97384382c4977451c2e657f4824a35", - "color.interactive.secondary.foreground.default": "f2c08ed0d479f8d901043aa5e31d5241da1dda2e", - "color.interactive.secondary.foreground.hover": "c1d92600e81abb1b6bf6911f380d1b98a6416fbc", - "color.interactive.secondary.foreground.disabled": "72107d4bea6e2ef15a35485539928a4e2e56d7a2", - "color.interactive.secondary.border.focus": "cbb508fdcd4c7379e26c39c34f1016ef3e6daa8a", - "color.interactive.outlined.foreground.default": "f40f6f9802b62d88e315075e25eb063e960c06d4", - "color.interactive.outlined.foreground.hover": "9ce95721e285a56f8adecc14d0626aab9e0a9bc8", - "color.interactive.outlined.foreground.disabled": "1e8b7cc66a3f3ca4608e607835f3031b9454d7a4", - "color.interactive.outlined.border.default": "d524e3913da28f6267542fec33ab1ad84459a948", - "color.interactive.outlined.border.hover": "a88568f44ded41510d80fcd7cb4c9d6633a9b929", - "color.interactive.outlined.border.focus": "a661f3ea210ed34ef2a43bd07ccd96389e54a67a", - "color.interactive.outlined.border.disabled": "593a28560b76a570c37e9b573f68292beb635f2f", - "color.interactive.ghost.background.hover": "ee9f969e737f597367ff234c6040301992daa741", - "color.interactive.ghost.foreground.default": "11029649474b110530bd16b565e2a432a97df7e0", - "color.interactive.ghost.foreground.hover": "e2f306ccd85fc79d4dd61b901f8c14289ad2d662", - "color.interactive.ghost.foreground.disabled": "e97f327e15e5d2ddfd10b80487b1b1ec4efb2476", - "color.interactive.ghost.border.focus": "90d79fe321b7893f89fb6944addb99016c844f74", - "color.interactive.links.default": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64", - "color.interactive.links.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3", - "color.interactive.links.focus": "bb63e661f3d615f13d224310c14146967ab064f2", - "color.interactive.links.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60", - "color.interactive.danger.background.default": "16489e218866f9f4ec4b3fe6991a054b9de1abf1", - "color.interactive.danger.background.hover": "6e991f3bc688094c49c2edfe8b348f6b1f1f1187", - "color.interactive.danger.background.disabled": "49fb9052b637cc7b92dece938b3a9a000c012960", - "color.interactive.danger.foreground.default": "39d20394a8cdf54f96665674df31d586f2be530d", - "color.interactive.danger.foreground.hover": "e02689ca74fe86206753c936b1ee6d45112dce16", - "color.interactive.danger.foreground.disabled": "9bbe803e02e47889d6d5d7a6b850e2a5ab88e5e5", - "color.interactive.danger.border.focus": "0da19c2bd8db6aad294f1aec4402c5ba6a9bd0fa", + "color.interactive.background.primary.enabled": "c3c4e39a7d8c6e6dd1fef0841d03dfdf083ea03b", + "color.interactive.background.primary.hover": "d0904907beba8db9f5171714e946d81c164038f1", + "color.interactive.background.primary.disabled": "7353b344a6853703eb33183207be7e7df29d941f", + "color.interactive.background.secondary.enabled": "8c7fb3d7685c89acaf7059db70a5941a645388ff", + "color.interactive.background.secondary.hover": "9e653e0329fe924c2c94f8213005cba7b086a77d", + "color.interactive.background.secondary.disabled": "cab9cd603e97384382c4977451c2e657f4824a35", + "color.interactive.background.tertiary.hover": "ee9f969e737f597367ff234c6040301992daa741", + "color.interactive.foreground.primary.enabled": "25c1ec8946363e1b8a759b8795b86513058edb48", + "color.interactive.foreground.primary.hover": "036eff9f6d4045e317dc97b76057ba6b2346b76f", + "color.interactive.foreground.primary.disabled": "a0aa4434ec5ea8eab8d80965610745b9a89e992f", + "color.interactive.foreground.secondary.enabled": "f2c08ed0d479f8d901043aa5e31d5241da1dda2e", + "color.interactive.foreground.secondary.hover": "c1d92600e81abb1b6bf6911f380d1b98a6416fbc", + "color.interactive.foreground.secondary.disabled": "72107d4bea6e2ef15a35485539928a4e2e56d7a2", + "color.interactive.foreground.link.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64", + "color.interactive.foreground.link.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3", + "color.interactive.foreground.link.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60", + "color.interactive.border.primary.enabled": "d87443486bd3dfa8ee9a4cba148914b558b3fd06", + "color.interactive.border.secondary.enabled": "d524e3913da28f6267542fec33ab1ad84459a948", + "color.interactive.border.secondary.hover": "a88568f44ded41510d80fcd7cb4c9d6633a9b929", + "color.interactive.border.secondary.disabled": "593a28560b76a570c37e9b573f68292beb635f2f", + "color.interactive.border.accessibility.focus": "90d79fe321b7893f89fb6944addb99016c844f74", "color.feedback.background.default.neutral": "c670a8662c6ac6720c8c6bfd010887ccf48d5483", "color.feedback.background.default.info": "7bbd181ee4ab26cccb55468bbd566870bae78af4", "color.feedback.background.default.error": "909f08d0b59e4dd6771eb70a774af847700207d1", @@ -1138,6 +1115,11 @@ "color.feedback.border.emphasized.error": "98e0d3e2cfa933d6b28620eef6f09a7dc04c9540", "color.feedback.border.emphasized.warning": "64c357a0990415c7ff63f79817f96ad87a4526c5", "color.feedback.border.emphasized.success": "c315e061ed5ec79b652d3ec97c1a610310a551fd", + "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", + "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", + "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", + "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", + "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.background.mute.level1": "02546631e18a5e0385626b10c7b2d7cec377f762", "color.dangerlevel.background.mute.level2": "7629af454fa7cfe949abcc91bf342e47aab1bcb3", "color.dangerlevel.background.mute.level3": "b45fa00559398bc4bcf357a67613b0e906b15590", @@ -1148,11 +1130,6 @@ "color.dangerlevel.background.subtle.level3": "bb1695064f9e0586f54c86db85c526759eda0653", "color.dangerlevel.background.subtle.level4": "13bfb7589af34eb670576fa57bffe4b8fb0d2edc", "color.dangerlevel.background.subtle.level5": "fa4312faad2523d980b4417b4695d049935ae8c5", - "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", - "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", - "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", - "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", - "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.foreground.default.level1": "5e0e9ec1994974ef753b0b8870628ce227195d7a", "color.dangerlevel.foreground.default.level2": "892892587f023514335b314c2316849c023e6349", "color.dangerlevel.foreground.default.level3": "2002a3f1dec80929f82f2c682137bfc778ef38ab", @@ -1205,21 +1182,22 @@ "color.supplemental.charts.foreground.data-02": "682ea5c4552392a49af15970daf40638a229ff75", "color.supplemental.charts.foreground.data-03": "41ecbab61f6c494f65c960f800a42ddc8bf9b065", "color.supplemental.charts.foreground.data-04": "f9918100d475b676e392c5e8434bcca0d3343dce", - "color.supplemental.charts.foreground.data-05": "5e8ba44148e446465bfa18ae34b75605e09d954c", - "color.supplemental.charts.foreground.data-06": "b0a4e1976436d34bf6a95ea1160c1cfd5f5bf758", - "color.supplemental.charts.foreground.data-07": "7eddeb5548c459ce0f3f7695cb8d9976b1369bcd", - "color.supplemental.charts.foreground.data-08": "9c0ec240c214b566dc7454ad1473d3ccb87d87f4", - "color.supplemental.charts.foreground.data-09": "ee0c0a7a03ff80e6b1fbb1a77b85a3d0c4e7d06d", - "color.supplemental.charts.foreground.data-10": "5e6a8893b5bef3f52c7a2a3f7ae435b8669d4827", - "color.supplemental.charts.foreground.data-11": "6ea2ef7404461711ae8da06265a2d486aeb65d4d", - "color.supplemental.charts.foreground.data-12": "9217c6350bc92a18be83bf46553268a03093944b", - "color.supplemental.charts.foreground.data-13": "113f76a453c385f24906a05e12d4631343968ff8", - "color.supplemental.charts.foreground.data-14": "95911efc7e575b92f717955b0975ff6255d7ad26", - "color.supplemental.charts.foreground.data-15": "668c11340044b4c6b3b44ab5943bad27c27fe765", - "color.supplemental.charts.foreground.data-16": "97cb134a13566c031a9d135828921fd22a1f153a", - "color.supplemental.charts.foreground.data-17": "7bd6a09ac6aa1e4abe25b9b2b94ca0fa7694975f", - "color.supplemental.charts.foreground.data-18": "7a132b9ef5600954c29d0570bc721468a30c4def", - "color.brand.border.emphasized": "3d9c7ee2e163d3f3a1051dd3a08fc37803c8ecf2" + "color.supplemental.charts.foreground.data-05": "6ea2ef7404461711ae8da06265a2d486aeb65d4d", + "color.supplemental.charts.foreground.data-06": "7eddeb5548c459ce0f3f7695cb8d9976b1369bcd", + "color.supplemental.charts.foreground.data-07": "95911efc7e575b92f717955b0975ff6255d7ad26", + "color.supplemental.charts.foreground.data-08": "7a132b9ef5600954c29d0570bc721468a30c4def", + "color.supplemental.charts.foreground.data-09": "7bd6a09ac6aa1e4abe25b9b2b94ca0fa7694975f", + "color.supplemental.charts.foreground.data-10": "668c11340044b4c6b3b44ab5943bad27c27fe765", + "color.supplemental.charts.foreground.data-11": "b0a4e1976436d34bf6a95ea1160c1cfd5f5bf758", + "color.supplemental.charts.foreground.data-12": "113f76a453c385f24906a05e12d4631343968ff8", + "color.supplemental.charts.foreground.data-13": "ee0c0a7a03ff80e6b1fbb1a77b85a3d0c4e7d06d", + "color.supplemental.charts.foreground.data-14": "97cb134a13566c031a9d135828921fd22a1f153a", + "color.supplemental.charts.foreground.data-15": "9217c6350bc92a18be83bf46553268a03093944b", + "color.supplemental.charts.foreground.data-16": "5e6a8893b5bef3f52c7a2a3f7ae435b8669d4827", + "color.supplemental.charts.foreground.data-17": "9c0ec240c214b566dc7454ad1473d3ccb87d87f4", + "color.supplemental.charts.foreground.data-18": "5e8ba44148e446465bfa18ae34b75605e09d954c", + "color.interactive.border.primary.hover": "f45f2ad159d3e15ea1bd55889cc5d9ff76d2a044", + "color.interactive.border.primary.disabled": "0cb6ca182d903cd6c14a85e3db4e70b6d67b5eb9" }, "group": "Theme" }, @@ -1415,43 +1393,29 @@ "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a", "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa", "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091", - "color.interactive.primary.background.default": "c3c4e39a7d8c6e6dd1fef0841d03dfdf083ea03b", - "color.interactive.primary.background.hover": "d0904907beba8db9f5171714e946d81c164038f1", - "color.interactive.primary.background.disabled": "7353b344a6853703eb33183207be7e7df29d941f", - "color.interactive.primary.foreground.default": "25c1ec8946363e1b8a759b8795b86513058edb48", - "color.interactive.primary.foreground.hover": "036eff9f6d4045e317dc97b76057ba6b2346b76f", - "color.interactive.primary.foreground.disabled": "a0aa4434ec5ea8eab8d80965610745b9a89e992f", - "color.interactive.primary.border.focus": "b3f3d9f740023df75632763c172903b4333d5bd1", - "color.interactive.secondary.background.default": "8c7fb3d7685c89acaf7059db70a5941a645388ff", - "color.interactive.secondary.background.hover": "9e653e0329fe924c2c94f8213005cba7b086a77d", - "color.interactive.secondary.background.disabled": "cab9cd603e97384382c4977451c2e657f4824a35", - "color.interactive.secondary.foreground.default": "f2c08ed0d479f8d901043aa5e31d5241da1dda2e", - "color.interactive.secondary.foreground.hover": "c1d92600e81abb1b6bf6911f380d1b98a6416fbc", - "color.interactive.secondary.foreground.disabled": "72107d4bea6e2ef15a35485539928a4e2e56d7a2", - "color.interactive.secondary.border.focus": "cbb508fdcd4c7379e26c39c34f1016ef3e6daa8a", - "color.interactive.outlined.foreground.default": "f40f6f9802b62d88e315075e25eb063e960c06d4", - "color.interactive.outlined.foreground.hover": "9ce95721e285a56f8adecc14d0626aab9e0a9bc8", - "color.interactive.outlined.foreground.disabled": "1e8b7cc66a3f3ca4608e607835f3031b9454d7a4", - "color.interactive.outlined.border.default": "d524e3913da28f6267542fec33ab1ad84459a948", - "color.interactive.outlined.border.hover": "a88568f44ded41510d80fcd7cb4c9d6633a9b929", - "color.interactive.outlined.border.focus": "a661f3ea210ed34ef2a43bd07ccd96389e54a67a", - "color.interactive.outlined.border.disabled": "593a28560b76a570c37e9b573f68292beb635f2f", - "color.interactive.ghost.background.hover": "ee9f969e737f597367ff234c6040301992daa741", - "color.interactive.ghost.foreground.default": "11029649474b110530bd16b565e2a432a97df7e0", - "color.interactive.ghost.foreground.hover": "e2f306ccd85fc79d4dd61b901f8c14289ad2d662", - "color.interactive.ghost.foreground.disabled": "e97f327e15e5d2ddfd10b80487b1b1ec4efb2476", - "color.interactive.ghost.border.focus": "90d79fe321b7893f89fb6944addb99016c844f74", - "color.interactive.links.default": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64", - "color.interactive.links.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3", - "color.interactive.links.focus": "bb63e661f3d615f13d224310c14146967ab064f2", - "color.interactive.links.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60", - "color.interactive.danger.background.default": "16489e218866f9f4ec4b3fe6991a054b9de1abf1", - "color.interactive.danger.background.hover": "6e991f3bc688094c49c2edfe8b348f6b1f1f1187", - "color.interactive.danger.background.disabled": "49fb9052b637cc7b92dece938b3a9a000c012960", - "color.interactive.danger.foreground.default": "39d20394a8cdf54f96665674df31d586f2be530d", - "color.interactive.danger.foreground.hover": "e02689ca74fe86206753c936b1ee6d45112dce16", - "color.interactive.danger.foreground.disabled": "9bbe803e02e47889d6d5d7a6b850e2a5ab88e5e5", - "color.interactive.danger.border.focus": "0da19c2bd8db6aad294f1aec4402c5ba6a9bd0fa", + "color.interactive.background.primary.enabled": "c3c4e39a7d8c6e6dd1fef0841d03dfdf083ea03b", + "color.interactive.background.primary.hover": "d0904907beba8db9f5171714e946d81c164038f1", + "color.interactive.background.primary.disabled": "7353b344a6853703eb33183207be7e7df29d941f", + "color.interactive.background.secondary.enabled": "8c7fb3d7685c89acaf7059db70a5941a645388ff", + "color.interactive.background.secondary.hover": "9e653e0329fe924c2c94f8213005cba7b086a77d", + "color.interactive.background.secondary.disabled": "cab9cd603e97384382c4977451c2e657f4824a35", + "color.interactive.background.tertiary.hover": "ee9f969e737f597367ff234c6040301992daa741", + "color.interactive.foreground.primary.enabled": "25c1ec8946363e1b8a759b8795b86513058edb48", + "color.interactive.foreground.primary.hover": "036eff9f6d4045e317dc97b76057ba6b2346b76f", + "color.interactive.foreground.primary.disabled": "a0aa4434ec5ea8eab8d80965610745b9a89e992f", + "color.interactive.foreground.secondary.enabled": "f2c08ed0d479f8d901043aa5e31d5241da1dda2e", + "color.interactive.foreground.secondary.hover": "c1d92600e81abb1b6bf6911f380d1b98a6416fbc", + "color.interactive.foreground.secondary.disabled": "72107d4bea6e2ef15a35485539928a4e2e56d7a2", + "color.interactive.foreground.link.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64", + "color.interactive.foreground.link.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3", + "color.interactive.foreground.link.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60", + "color.interactive.border.primary.enabled": "d87443486bd3dfa8ee9a4cba148914b558b3fd06", + "color.interactive.border.primary.hover": "f45f2ad159d3e15ea1bd55889cc5d9ff76d2a044", + "color.interactive.border.primary.disabled": "0cb6ca182d903cd6c14a85e3db4e70b6d67b5eb9", + "color.interactive.border.secondary.enabled": "d524e3913da28f6267542fec33ab1ad84459a948", + "color.interactive.border.secondary.hover": "a88568f44ded41510d80fcd7cb4c9d6633a9b929", + "color.interactive.border.secondary.disabled": "593a28560b76a570c37e9b573f68292beb635f2f", + "color.interactive.border.accessibility.focus": "90d79fe321b7893f89fb6944addb99016c844f74", "color.feedback.background.default.neutral": "c670a8662c6ac6720c8c6bfd010887ccf48d5483", "color.feedback.background.default.info": "7bbd181ee4ab26cccb55468bbd566870bae78af4", "color.feedback.background.default.error": "909f08d0b59e4dd6771eb70a774af847700207d1", @@ -1507,6 +1471,11 @@ "color.feedback.border.emphasized.error": "98e0d3e2cfa933d6b28620eef6f09a7dc04c9540", "color.feedback.border.emphasized.warning": "64c357a0990415c7ff63f79817f96ad87a4526c5", "color.feedback.border.emphasized.success": "c315e061ed5ec79b652d3ec97c1a610310a551fd", + "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", + "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", + "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", + "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", + "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.background.mute.level1": "02546631e18a5e0385626b10c7b2d7cec377f762", "color.dangerlevel.background.mute.level2": "7629af454fa7cfe949abcc91bf342e47aab1bcb3", "color.dangerlevel.background.mute.level3": "b45fa00559398bc4bcf357a67613b0e906b15590", @@ -1517,11 +1486,6 @@ "color.dangerlevel.background.subtle.level3": "bb1695064f9e0586f54c86db85c526759eda0653", "color.dangerlevel.background.subtle.level4": "13bfb7589af34eb670576fa57bffe4b8fb0d2edc", "color.dangerlevel.background.subtle.level5": "fa4312faad2523d980b4417b4695d049935ae8c5", - "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87", - "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27", - "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05", - "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a", - "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a", "color.dangerlevel.foreground.default.level1": "5e0e9ec1994974ef753b0b8870628ce227195d7a", "color.dangerlevel.foreground.default.level2": "892892587f023514335b314c2316849c023e6349", "color.dangerlevel.foreground.default.level3": "2002a3f1dec80929f82f2c682137bfc778ef38ab", @@ -1574,20 +1538,20 @@ "color.supplemental.charts.foreground.data-02": "682ea5c4552392a49af15970daf40638a229ff75", "color.supplemental.charts.foreground.data-03": "41ecbab61f6c494f65c960f800a42ddc8bf9b065", "color.supplemental.charts.foreground.data-04": "f9918100d475b676e392c5e8434bcca0d3343dce", - "color.supplemental.charts.foreground.data-05": "5e8ba44148e446465bfa18ae34b75605e09d954c", - "color.supplemental.charts.foreground.data-06": "b0a4e1976436d34bf6a95ea1160c1cfd5f5bf758", - "color.supplemental.charts.foreground.data-07": "7eddeb5548c459ce0f3f7695cb8d9976b1369bcd", - "color.supplemental.charts.foreground.data-08": "9c0ec240c214b566dc7454ad1473d3ccb87d87f4", - "color.supplemental.charts.foreground.data-09": "ee0c0a7a03ff80e6b1fbb1a77b85a3d0c4e7d06d", - "color.supplemental.charts.foreground.data-10": "5e6a8893b5bef3f52c7a2a3f7ae435b8669d4827", - "color.supplemental.charts.foreground.data-11": "6ea2ef7404461711ae8da06265a2d486aeb65d4d", - "color.supplemental.charts.foreground.data-12": "9217c6350bc92a18be83bf46553268a03093944b", - "color.supplemental.charts.foreground.data-13": "113f76a453c385f24906a05e12d4631343968ff8", - "color.supplemental.charts.foreground.data-14": "95911efc7e575b92f717955b0975ff6255d7ad26", - "color.supplemental.charts.foreground.data-15": "668c11340044b4c6b3b44ab5943bad27c27fe765", - "color.supplemental.charts.foreground.data-16": "97cb134a13566c031a9d135828921fd22a1f153a", - "color.supplemental.charts.foreground.data-17": "7bd6a09ac6aa1e4abe25b9b2b94ca0fa7694975f", - "color.supplemental.charts.foreground.data-18": "7a132b9ef5600954c29d0570bc721468a30c4def" + "color.supplemental.charts.foreground.data-05": "6ea2ef7404461711ae8da06265a2d486aeb65d4d", + "color.supplemental.charts.foreground.data-06": "7eddeb5548c459ce0f3f7695cb8d9976b1369bcd", + "color.supplemental.charts.foreground.data-07": "95911efc7e575b92f717955b0975ff6255d7ad26", + "color.supplemental.charts.foreground.data-08": "7a132b9ef5600954c29d0570bc721468a30c4def", + "color.supplemental.charts.foreground.data-09": "7bd6a09ac6aa1e4abe25b9b2b94ca0fa7694975f", + "color.supplemental.charts.foreground.data-10": "668c11340044b4c6b3b44ab5943bad27c27fe765", + "color.supplemental.charts.foreground.data-11": "b0a4e1976436d34bf6a95ea1160c1cfd5f5bf758", + "color.supplemental.charts.foreground.data-12": "113f76a453c385f24906a05e12d4631343968ff8", + "color.supplemental.charts.foreground.data-13": "ee0c0a7a03ff80e6b1fbb1a77b85a3d0c4e7d06d", + "color.supplemental.charts.foreground.data-14": "97cb134a13566c031a9d135828921fd22a1f153a", + "color.supplemental.charts.foreground.data-15": "9217c6350bc92a18be83bf46553268a03093944b", + "color.supplemental.charts.foreground.data-16": "5e6a8893b5bef3f52c7a2a3f7ae435b8669d4827", + "color.supplemental.charts.foreground.data-17": "9c0ec240c214b566dc7454ad1473d3ccb87d87f4", + "color.supplemental.charts.foreground.data-18": "5e8ba44148e446465bfa18ae34b75605e09d954c" }, "group": "Theme" }, @@ -1737,6 +1701,11 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca", + "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885", + "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", + "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", + "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -1885,6 +1854,11 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca", + "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885", + "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", + "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", + "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2031,6 +2005,11 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca", + "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885", + "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", + "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", + "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2141,6 +2120,11 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca", + "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885", + "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", + "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", + "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2353,12 +2337,7 @@ "neutralgrey.950": "S:0861bb7c4226791d1bb7667a330a789e767295ea,", "neutralgrey.999": "S:1782686f2b0f8db275e39c5963346cc55141a97c,", "neutralgrey.000": "S:9f965ed5b7e6c494c08b269eeff1e999b44a0a28,", - "neutralgrey.050": "S:988ab43540cccc273513725707b5a2ddebde7a39,", - "box-shadow.none": "S:6d0807ccbd99a63354e872f8d30ad4e961f13964,", - "box-shadow.soft": "S:20ad6a033720a5e5ff042f92199f874b17515780,", - "box-shadow.hard": "S:c2560d0b7302d283dcf720f838340f49b60aabb5,", - "box-shadow.header": "S:9ac67e60f4f702b60efc1dd7ef303d65972f56ba,", - "box-shadow.dropdown": "S:1e4fc5dfa53c482ce9004d7238886a6e40bfacc2," + "neutralgrey.050": "S:988ab43540cccc273513725707b5a2ddebde7a39," }, "selectedTokenSets": { "brand/nve": "enabled", @@ -2536,6 +2515,8 @@ "color-shades.functional.neutralgrey.950": "6817186c6602e5e670b2b591887508197c673128", "color-shades.functional.neutralgrey.999": "4978e6f7f004af83b6a9270d88ece9441596bf7e", "color-shades.functional.neutralgrey.000": "8367a465eaac3314aef8655ebf0e729a722f9d02", + "color-shades.functional.neutralgrey.100-050": "969222f830736c128749c33dc9db63f6c2790a27", + "color-shades.functional.neutralgrey.600-050": "1573ed1672bf90c1416147f626a54618fabf9839", "color-shades.functional.neutralgrey.050": "b5d0276e6fb63ba300fd54b4ceeea3f3229e3ff7", "color-shades.additional.lime.100": "ef6e675fb5dab63afca149ee281c2a56125a57d1", "color-shades.additional.lime.150": "f99487c8ddd96f4a42e6de7e5960c0043569e3c2", @@ -2632,7 +2613,6 @@ "dimension.28x": "b1d28cb8c5984c2298f908cd1baba219542ff848", "dimension.29x": "bf537ce8c6b8b375476ad3bb30e871999caee23a", "dimension.30x": "2031b279f5454947f102912439fd9839e1acb284", - "font-family.source-sans-pro": "740d7261ebb36e1000bdb46decf394d431364a01", "line-height.0": "eee19c64b86350e99cb0c46ecc468d6a2ddd8b50", "line-height.1": "c2c9c5cf22de7df9cf9c953b44481347242511d9", "line-height.2": "4169dc8e45d1ac9d22595f165d386334736ecdbc", @@ -2813,6 +2793,11 @@ "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f", "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf", "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f", + "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca", + "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885", + "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4", + "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9", + "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9", "spacing.fixed-spacing.small": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768", "spacing.fixed-spacing.medium": "4ed1c642e2c89851e6f1776562f3110d35e01919", "spacing.fixed-spacing.large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9", @@ -2827,4 +2812,4 @@ }, "group": "Device" } -] +] \ No newline at end of file diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json index a5571148..f764d75a 100644 --- a/tokens/brand/nve.json +++ b/tokens/brand/nve.json @@ -695,6 +695,14 @@ "$type": "color", "$value": "#ffffff" }, + "100-050": { + "$type": "color", + "$value": "rgba(238,239,241,0.5)" + }, + "600-050": { + "$type": "color", + "$value": "rgba(96,101,108,0.5)" + }, "050": { "$type": "color", "$value": "#f7f7f8" diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json index 4d40d90c..fe27ef36 100644 --- a/tokens/public/theme/dark.json +++ b/tokens/public/theme/dark.json @@ -141,9 +141,9 @@ } }, "interactive": { - "primary": { - "background": { - "default": { + "background": { + "primary": { + "enabled": { "$type": "color", "$value": "{color-shades.grey.000}" }, @@ -156,30 +156,8 @@ "$value": "{color-shades.grey.000}" } }, - "foreground": { - "default": { - "$type": "color", - "$value": "{color-shades.grey.950}" - }, - "hover": { - "$type": "color", - "$value": "{color-shades.grey.950}" - }, - "disabled": { - "$type": "color", - "$value": "{color-shades.grey.950}" - } - }, - "border": { - "focus": { - "$type": "color", - "$value": "{color-shades.functional.blue.500}" - } - } - }, - "secondary": { - "background": { - "default": { + "secondary": { + "enabled": { "$type": "color", "$value": "{color-shades.grey.700}" }, @@ -192,137 +170,87 @@ "$value": "{color-shades.grey.700}" } }, - "foreground": { - "default": { - "$type": "color", - "$value": "{color-shades.grey.000}" - }, + "tertiary": { "hover": { "$type": "color", - "$value": "{color-shades.grey.000}" - }, - "disabled": { - "$type": "color", - "$value": "{color-shades.grey.000}" - } - }, - "border": { - "focus": { - "$type": "color", - "$value": "{color-shades.functional.blue.500}" + "$value": "{color-shades.grey.700}" } } }, - "outlined": { - "foreground": { - "default": { + "foreground": { + "primary": { + "enabled": { "$type": "color", - "$value": "{color-shades.grey.000}" + "$value": "{color-shades.grey.950}" }, "hover": { "$type": "color", - "$value": "{color-shades.grey.000}" + "$value": "{color-shades.grey.950}" }, "disabled": { "$type": "color", - "$value": "{color-shades.grey.000}" + "$value": "{color-shades.grey.950}" } }, - "border": { - "default": { + "secondary": { + "enabled": { "$type": "color", - "$value": "{color-shades.grey.500}" + "$value": "{color-shades.grey.000}" }, "hover": { "$type": "color", "$value": "{color-shades.grey.000}" }, - "focus": { - "$type": "color", - "$value": "{color-shades.functional.blue.500}" - }, "disabled": { "$type": "color", - "$value": "{color-shades.grey.600}" - } - } - }, - "ghost": { - "background": { - "hover": { - "$type": "color", - "$value": "{color-shades.grey.700}" + "$value": "{color-shades.grey.000}" } }, - "foreground": { - "default": { + "link": { + "enabled": { "$type": "color", - "$value": "{color-shades.grey.000}" + "$value": "{color-shades.functional.blue.400}" }, "hover": { "$type": "color", - "$value": "{color-shades.grey.000}" + "$value": "{color-shades.functional.blue.200}" }, - "disabled": { - "$type": "color", - "$value": "{color-shades.grey.000}" - } - }, - "border": { - "focus": { + "visited": { "$type": "color", - "$value": "{color-shades.functional.blue.500}" + "$value": "{color-shades.grey.200}" } } }, - "links": { - "default": { - "$type": "color", - "$value": "{color-shades.functional.blue.400}" - }, - "hover": { - "$type": "color", - "$value": "{color-shades.functional.blue.200}" - }, - "focus": { - "$type": "color", - "$value": "{color-shades.functional.blue.500}" - }, - "visited": { - "$type": "color", - "$value": "{color-shades.grey.200}" - } - }, - "danger": { - "background": { - "default": { + "border": { + "primary": { + "enabled": { "$type": "color", - "$value": "{color-shades.functional.red.500}" + "$value": "{color-shades.grey.000}" }, "hover": { "$type": "color", - "$value": "{color-shades.functional.red.400}" + "$value": "{color-shades.functional.neutralgrey.100-050}" }, "disabled": { "$type": "color", - "$value": "{color-shades.functional.red.500}" + "$value": "{color-shades.grey.000}" } }, - "foreground": { - "default": { + "secondary": { + "enabled": { "$type": "color", - "$value": "{color-shades.grey.950}" + "$value": "{color-shades.grey.500}" }, "hover": { "$type": "color", - "$value": "{color-shades.grey.950}" + "$value": "{color-shades.grey.000}" }, "disabled": { "$type": "color", - "$value": "{color-shades.grey.950}" + "$value": "{color-shades.grey.600}" } }, - "border": { + "accessibility": { "focus": { "$type": "color", "$value": "{color-shades.functional.blue.500}" diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json index 0fac6c14..e423a8cc 100644 --- a/tokens/public/theme/light.json +++ b/tokens/public/theme/light.json @@ -139,45 +139,23 @@ } }, "interactive": { - "primary": { - "background": { - "default": { + "background": { + "primary": { + "enabled": { "$type": "color", "$value": "{color-shades.grey.950}" }, "hover": { "$type": "color", - "$value": "{color-shades.grey.800}" + "$value": "{color-shades.grey.600}" }, "disabled": { "$type": "color", "$value": "{color-shades.grey.950}" } }, - "foreground": { - "default": { - "$type": "color", - "$value": "{color-shades.grey.000}" - }, - "hover": { - "$type": "color", - "$value": "{color-shades.grey.000}" - }, - "disabled": { - "$type": "color", - "$value": "{color-shades.grey.000}" - } - }, - "border": { - "focus": { - "$type": "color", - "$value": "{color-shades.functional.blue.500}" - } - } - }, - "secondary": { - "background": { - "default": { + "secondary": { + "enabled": { "$type": "color", "$value": "{color-shades.grey.150}" }, @@ -190,137 +168,87 @@ "$value": "{color-shades.grey.150}" } }, - "foreground": { - "default": { - "$type": "color", - "$value": "{color-shades.grey.950}" - }, + "tertiary": { "hover": { "$type": "color", - "$value": "{color-shades.grey.950}" - }, - "disabled": { - "$type": "color", - "$value": "{color-shades.grey.950}" - } - }, - "border": { - "focus": { - "$type": "color", - "$value": "{color-shades.functional.blue.500}" + "$value": "{color-shades.grey.150}" } } }, - "outlined": { - "foreground": { - "default": { + "foreground": { + "primary": { + "enabled": { "$type": "color", - "$value": "{color-shades.grey.950}" + "$value": "{color-shades.grey.000}" }, "hover": { "$type": "color", - "$value": "{color-shades.grey.950}" + "$value": "{color-shades.grey.000}" }, "disabled": { "$type": "color", - "$value": "{color-shades.grey.950}" + "$value": "{color-shades.grey.000}" } }, - "border": { - "default": { + "secondary": { + "enabled": { "$type": "color", - "$value": "{color-shades.grey.500}" + "$value": "{color-shades.grey.950}" }, "hover": { "$type": "color", "$value": "{color-shades.grey.950}" }, - "focus": { - "$type": "color", - "$value": "{color-shades.functional.blue.500}" - }, "disabled": { "$type": "color", - "$value": "{color-shades.grey.500}" - } - } - }, - "ghost": { - "background": { - "hover": { - "$type": "color", - "$value": "{color-shades.grey.150}" + "$value": "{color-shades.grey.950}" } }, - "foreground": { - "default": { + "link": { + "enabled": { "$type": "color", - "$value": "{color-shades.grey.950}" + "$value": "{color-shades.functional.blue.700}" }, "hover": { "$type": "color", - "$value": "{color-shades.grey.950}" + "$value": "{color-shades.functional.blue.950}" }, - "disabled": { + "visited": { "$type": "color", - "$value": "{color-shades.grey.950}" - } - }, - "border": { - "focus": { - "$type": "color", - "$value": "{color-shades.functional.blue.500}" + "$value": "{color-shades.grey.600}" } } }, - "links": { - "default": { - "$type": "color", - "$value": "{color-shades.functional.blue.700}" - }, - "hover": { - "$type": "color", - "$value": "{color-shades.functional.blue.950}" - }, - "focus": { - "$type": "color", - "$value": "{color-shades.functional.blue.700}" - }, - "visited": { - "$type": "color", - "$value": "{color-shades.grey.600}" - } - }, - "danger": { - "background": { - "default": { + "border": { + "primary": { + "enabled": { "$type": "color", - "$value": "{color-shades.functional.red.700}" + "$value": "{color-shades.grey.999}" }, "hover": { "$type": "color", - "$value": "{color-shades.functional.red.850}" + "$value": "{color-shades.functional.neutralgrey.600-050}" }, "disabled": { "$type": "color", - "$value": "{color-shades.functional.red.700}" + "$value": "{color-shades.grey.999}" } }, - "foreground": { - "default": { + "secondary": { + "enabled": { "$type": "color", - "$value": "{color-shades.grey.000}" + "$value": "{color-shades.grey.500}" }, "hover": { "$type": "color", - "$value": "{color-shades.grey.000}" + "$value": "{color-shades.grey.950}" }, "disabled": { "$type": "color", - "$value": "{color-shades.grey.000}" + "$value": "{color-shades.grey.500}" } }, - "border": { + "accessibility": { "focus": { "$type": "color", "$value": "{color-shades.functional.blue.500}" From e396700c8eff731b1f10063e0f54600f5ce9bccd Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 25 Feb 2026 13:36:03 +0000 Subject: [PATCH 4/7] =?UTF-8?q?(tokens):=20oppdatert=20css=20basert=20p?= =?UTF-8?q?=C3=A5=20nye=20tokens?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../.vitepress/theme/styles/nve_theme.css | 128 +++++++----------- .../.vitepress/theme/styles/rme_theme.css | 128 +++++++----------- .../.vitepress/theme/styles/varsom_theme.css | 128 +++++++----------- public/css/nve.css | 64 ++++----- public/css/nve_dark.css | 64 ++++----- public/css/rme.css | 64 ++++----- public/css/rme_dark.css | 64 ++++----- public/css/varsom.css | 64 ++++----- public/css/varsom_dark.css | 64 ++++----- 9 files changed, 312 insertions(+), 456 deletions(-) diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css index 280d0413..f103bfab 100644 --- a/doc-site/.vitepress/theme/styles/nve_theme.css +++ b/doc-site/.vitepress/theme/styles/nve_theme.css @@ -81,7 +81,7 @@ --color-shades-functional-blue-400: #38a9ff; --color-shades-functional-blue-500: #008ffb; --color-shades-functional-blue-600: #0f81fa; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #2061b6; --color-shades-functional-blue-850: #184886; --color-shades-functional-blue-900: #163f74; @@ -163,6 +163,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -279,43 +281,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-300); --color-neutrals-border-subtle: var(--color-shades-grey-150); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-950); - --color-interactive-primary-background-hover: var(--color-shades-grey-800); - --color-interactive-primary-background-disabled: var(--color-shades-grey-950); - --color-interactive-primary-foreground-default: var(--color-shades-grey-000); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-150); - --color-interactive-secondary-background-hover: var(--color-shades-grey-200); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-150); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-950); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-500); - --color-interactive-ghost-background-hover: var(--color-shades-grey-150); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-700); - --color-interactive-links-hover: var(--color-shades-grey-950); - --color-interactive-links-focus: var(--color-shades-functional-blue-700); - --color-interactive-links-visited: var(--color-shades-grey-600); - --color-interactive-danger-background-default: var(--color-shades-functional-red-700); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-850); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-700); - --color-interactive-danger-foreground-default: var(--color-shades-grey-000); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-950); + --color-interactive-background-primary-hover: var(--color-shades-grey-600); + --color-interactive-background-primary-disabled: var(--color-shades-grey-950); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-150); + --color-interactive-background-secondary-hover: var(--color-shades-grey-200); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-150); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-150); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950); + --color-interactive-foreground-link-visited: var(--color-shades-grey-600); + --color-interactive-border-primary-enabled: var(--color-shades-grey-999); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-999); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-950); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-500); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); @@ -769,7 +757,7 @@ --color-shades-functional-blue-400: #38a9ff; --color-shades-functional-blue-500: #008ffb; --color-shades-functional-blue-600: #0f81fa; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #2061b6; --color-shades-functional-blue-850: #184886; --color-shades-functional-blue-900: #163f74; @@ -851,6 +839,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -967,43 +957,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-600); --color-neutrals-border-subtle: var(--color-shades-grey-700); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-000); - --color-interactive-primary-background-hover: var(--color-shades-grey-150); - --color-interactive-primary-background-disabled: var(--color-shades-grey-000); - --color-interactive-primary-foreground-default: var(--color-shades-grey-950); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-700); - --color-interactive-secondary-background-hover: var(--color-shades-grey-600); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-700); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-000); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-600); - --color-interactive-ghost-background-hover: var(--color-shades-grey-700); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-400); - --color-interactive-links-hover: var(--color-shades-grey-000); - --color-interactive-links-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-visited: var(--color-shades-grey-200); - --color-interactive-danger-background-default: var(--color-shades-functional-red-500); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-400); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-500); - --color-interactive-danger-foreground-default: var(--color-shades-grey-950); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-950); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-000); + --color-interactive-background-primary-hover: var(--color-shades-grey-150); + --color-interactive-background-primary-disabled: var(--color-shades-grey-000); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-700); + --color-interactive-background-secondary-hover: var(--color-shades-grey-600); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-700); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-700); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200); + --color-interactive-foreground-link-visited: var(--color-shades-grey-200); + --color-interactive-border-primary-enabled: var(--color-shades-grey-000); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-000); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-000); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-600); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800); --color-feedback-background-default-info: var(--color-shades-functional-blue-850); --color-feedback-background-default-error: var(--color-shades-functional-red-850); diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css index ad7c0c28..da8f4166 100644 --- a/doc-site/.vitepress/theme/styles/rme_theme.css +++ b/doc-site/.vitepress/theme/styles/rme_theme.css @@ -81,7 +81,7 @@ --color-shades-functional-blue-400: #38a9ff; --color-shades-functional-blue-500: #008ffb; --color-shades-functional-blue-600: #0f81fa; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #2061b6; --color-shades-functional-blue-850: #184886; --color-shades-functional-blue-900: #163f74; @@ -163,6 +163,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -279,43 +281,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-300); --color-neutrals-border-subtle: var(--color-shades-grey-150); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-950); - --color-interactive-primary-background-hover: var(--color-shades-grey-800); - --color-interactive-primary-background-disabled: var(--color-shades-grey-950); - --color-interactive-primary-foreground-default: var(--color-shades-grey-000); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-150); - --color-interactive-secondary-background-hover: var(--color-shades-grey-200); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-150); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-950); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-500); - --color-interactive-ghost-background-hover: var(--color-shades-grey-150); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-700); - --color-interactive-links-hover: var(--color-shades-grey-950); - --color-interactive-links-focus: var(--color-shades-functional-blue-700); - --color-interactive-links-visited: var(--color-shades-grey-600); - --color-interactive-danger-background-default: var(--color-shades-functional-red-700); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-850); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-700); - --color-interactive-danger-foreground-default: var(--color-shades-grey-000); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-950); + --color-interactive-background-primary-hover: var(--color-shades-grey-600); + --color-interactive-background-primary-disabled: var(--color-shades-grey-950); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-150); + --color-interactive-background-secondary-hover: var(--color-shades-grey-200); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-150); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-150); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950); + --color-interactive-foreground-link-visited: var(--color-shades-grey-600); + --color-interactive-border-primary-enabled: var(--color-shades-grey-999); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-999); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-950); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-500); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); @@ -769,7 +757,7 @@ --color-shades-functional-blue-400: #38a9ff; --color-shades-functional-blue-500: #008ffb; --color-shades-functional-blue-600: #0f81fa; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #2061b6; --color-shades-functional-blue-850: #184886; --color-shades-functional-blue-900: #163f74; @@ -851,6 +839,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -967,43 +957,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-600); --color-neutrals-border-subtle: var(--color-shades-grey-700); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-000); - --color-interactive-primary-background-hover: var(--color-shades-grey-150); - --color-interactive-primary-background-disabled: var(--color-shades-grey-000); - --color-interactive-primary-foreground-default: var(--color-shades-grey-950); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-700); - --color-interactive-secondary-background-hover: var(--color-shades-grey-600); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-700); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-000); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-600); - --color-interactive-ghost-background-hover: var(--color-shades-grey-700); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-400); - --color-interactive-links-hover: var(--color-shades-grey-000); - --color-interactive-links-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-visited: var(--color-shades-grey-200); - --color-interactive-danger-background-default: var(--color-shades-functional-red-500); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-400); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-500); - --color-interactive-danger-foreground-default: var(--color-shades-grey-950); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-950); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-000); + --color-interactive-background-primary-hover: var(--color-shades-grey-150); + --color-interactive-background-primary-disabled: var(--color-shades-grey-000); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-700); + --color-interactive-background-secondary-hover: var(--color-shades-grey-600); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-700); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-700); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200); + --color-interactive-foreground-link-visited: var(--color-shades-grey-200); + --color-interactive-border-primary-enabled: var(--color-shades-grey-000); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-000); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-000); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-600); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800); --color-feedback-background-default-info: var(--color-shades-functional-blue-850); --color-feedback-background-default-error: var(--color-shades-functional-red-850); diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css index 818c7e02..2324ef26 100644 --- a/doc-site/.vitepress/theme/styles/varsom_theme.css +++ b/doc-site/.vitepress/theme/styles/varsom_theme.css @@ -81,7 +81,7 @@ --color-shades-functional-blue-400: #38a2ff; --color-shades-functional-blue-500: #0085fa; --color-shades-functional-blue-600: #087cf7; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #1f5fb2; --color-shades-functional-blue-850: #1e4476; --color-shades-functional-blue-900: #1e3d67; @@ -163,6 +163,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -279,43 +281,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-300); --color-neutrals-border-subtle: var(--color-shades-grey-150); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-950); - --color-interactive-primary-background-hover: var(--color-shades-grey-800); - --color-interactive-primary-background-disabled: var(--color-shades-grey-950); - --color-interactive-primary-foreground-default: var(--color-shades-grey-000); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-150); - --color-interactive-secondary-background-hover: var(--color-shades-grey-200); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-150); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-950); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-500); - --color-interactive-ghost-background-hover: var(--color-shades-grey-150); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-700); - --color-interactive-links-hover: var(--color-shades-grey-950); - --color-interactive-links-focus: var(--color-shades-functional-blue-700); - --color-interactive-links-visited: var(--color-shades-grey-600); - --color-interactive-danger-background-default: var(--color-shades-functional-red-700); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-850); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-700); - --color-interactive-danger-foreground-default: var(--color-shades-grey-000); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-950); + --color-interactive-background-primary-hover: var(--color-shades-grey-600); + --color-interactive-background-primary-disabled: var(--color-shades-grey-950); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-150); + --color-interactive-background-secondary-hover: var(--color-shades-grey-200); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-150); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-150); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950); + --color-interactive-foreground-link-visited: var(--color-shades-grey-600); + --color-interactive-border-primary-enabled: var(--color-shades-grey-999); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-999); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-950); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-500); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); @@ -769,7 +757,7 @@ --color-shades-functional-blue-400: #38a2ff; --color-shades-functional-blue-500: #0085fa; --color-shades-functional-blue-600: #087cf7; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #1f5fb2; --color-shades-functional-blue-850: #1e4476; --color-shades-functional-blue-900: #1e3d67; @@ -851,6 +839,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -967,43 +957,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-600); --color-neutrals-border-subtle: var(--color-shades-grey-700); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-000); - --color-interactive-primary-background-hover: var(--color-shades-grey-150); - --color-interactive-primary-background-disabled: var(--color-shades-grey-000); - --color-interactive-primary-foreground-default: var(--color-shades-grey-950); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-700); - --color-interactive-secondary-background-hover: var(--color-shades-grey-600); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-700); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-000); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-600); - --color-interactive-ghost-background-hover: var(--color-shades-grey-700); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-400); - --color-interactive-links-hover: var(--color-shades-grey-000); - --color-interactive-links-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-visited: var(--color-shades-grey-200); - --color-interactive-danger-background-default: var(--color-shades-functional-red-500); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-400); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-500); - --color-interactive-danger-foreground-default: var(--color-shades-grey-950); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-950); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-000); + --color-interactive-background-primary-hover: var(--color-shades-grey-150); + --color-interactive-background-primary-disabled: var(--color-shades-grey-000); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-700); + --color-interactive-background-secondary-hover: var(--color-shades-grey-600); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-700); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-700); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200); + --color-interactive-foreground-link-visited: var(--color-shades-grey-200); + --color-interactive-border-primary-enabled: var(--color-shades-grey-000); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-000); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-000); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-600); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800); --color-feedback-background-default-info: var(--color-shades-functional-blue-850); --color-feedback-background-default-error: var(--color-shades-functional-red-850); diff --git a/public/css/nve.css b/public/css/nve.css index a2a53727..ee939fd8 100644 --- a/public/css/nve.css +++ b/public/css/nve.css @@ -87,7 +87,7 @@ --color-shades-functional-blue-400: #38a9ff; --color-shades-functional-blue-500: #008ffb; --color-shades-functional-blue-600: #0f81fa; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #2061b6; --color-shades-functional-blue-850: #184886; --color-shades-functional-blue-900: #163f74; @@ -169,6 +169,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -285,43 +287,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-300); --color-neutrals-border-subtle: var(--color-shades-grey-150); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-950); - --color-interactive-primary-background-hover: var(--color-shades-grey-800); - --color-interactive-primary-background-disabled: var(--color-shades-grey-950); - --color-interactive-primary-foreground-default: var(--color-shades-grey-000); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-150); - --color-interactive-secondary-background-hover: var(--color-shades-grey-200); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-150); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-950); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-500); - --color-interactive-ghost-background-hover: var(--color-shades-grey-150); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-700); - --color-interactive-links-hover: var(--color-shades-grey-950); - --color-interactive-links-focus: var(--color-shades-functional-blue-700); - --color-interactive-links-visited: var(--color-shades-grey-600); - --color-interactive-danger-background-default: var(--color-shades-functional-red-700); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-850); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-700); - --color-interactive-danger-foreground-default: var(--color-shades-grey-000); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-950); + --color-interactive-background-primary-hover: var(--color-shades-grey-600); + --color-interactive-background-primary-disabled: var(--color-shades-grey-950); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-150); + --color-interactive-background-secondary-hover: var(--color-shades-grey-200); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-150); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-150); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950); + --color-interactive-foreground-link-visited: var(--color-shades-grey-600); + --color-interactive-border-primary-enabled: var(--color-shades-grey-999); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-999); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-950); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-500); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); diff --git a/public/css/nve_dark.css b/public/css/nve_dark.css index 731b89b1..559fde87 100644 --- a/public/css/nve_dark.css +++ b/public/css/nve_dark.css @@ -87,7 +87,7 @@ --color-shades-functional-blue-400: #38a9ff; --color-shades-functional-blue-500: #008ffb; --color-shades-functional-blue-600: #0f81fa; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #2061b6; --color-shades-functional-blue-850: #184886; --color-shades-functional-blue-900: #163f74; @@ -169,6 +169,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -285,43 +287,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-600); --color-neutrals-border-subtle: var(--color-shades-grey-700); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-000); - --color-interactive-primary-background-hover: var(--color-shades-grey-150); - --color-interactive-primary-background-disabled: var(--color-shades-grey-000); - --color-interactive-primary-foreground-default: var(--color-shades-grey-950); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-700); - --color-interactive-secondary-background-hover: var(--color-shades-grey-600); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-700); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-000); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-600); - --color-interactive-ghost-background-hover: var(--color-shades-grey-700); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-400); - --color-interactive-links-hover: var(--color-shades-grey-000); - --color-interactive-links-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-visited: var(--color-shades-grey-200); - --color-interactive-danger-background-default: var(--color-shades-functional-red-500); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-400); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-500); - --color-interactive-danger-foreground-default: var(--color-shades-grey-950); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-950); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-000); + --color-interactive-background-primary-hover: var(--color-shades-grey-150); + --color-interactive-background-primary-disabled: var(--color-shades-grey-000); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-700); + --color-interactive-background-secondary-hover: var(--color-shades-grey-600); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-700); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-700); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200); + --color-interactive-foreground-link-visited: var(--color-shades-grey-200); + --color-interactive-border-primary-enabled: var(--color-shades-grey-000); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-000); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-000); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-600); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800); --color-feedback-background-default-info: var(--color-shades-functional-blue-850); --color-feedback-background-default-error: var(--color-shades-functional-red-850); diff --git a/public/css/rme.css b/public/css/rme.css index 31f34333..5cb3e696 100644 --- a/public/css/rme.css +++ b/public/css/rme.css @@ -87,7 +87,7 @@ --color-shades-functional-blue-400: #38a9ff; --color-shades-functional-blue-500: #008ffb; --color-shades-functional-blue-600: #0f81fa; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #2061b6; --color-shades-functional-blue-850: #184886; --color-shades-functional-blue-900: #163f74; @@ -169,6 +169,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -285,43 +287,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-300); --color-neutrals-border-subtle: var(--color-shades-grey-150); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-950); - --color-interactive-primary-background-hover: var(--color-shades-grey-800); - --color-interactive-primary-background-disabled: var(--color-shades-grey-950); - --color-interactive-primary-foreground-default: var(--color-shades-grey-000); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-150); - --color-interactive-secondary-background-hover: var(--color-shades-grey-200); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-150); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-950); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-500); - --color-interactive-ghost-background-hover: var(--color-shades-grey-150); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-700); - --color-interactive-links-hover: var(--color-shades-grey-950); - --color-interactive-links-focus: var(--color-shades-functional-blue-700); - --color-interactive-links-visited: var(--color-shades-grey-600); - --color-interactive-danger-background-default: var(--color-shades-functional-red-700); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-850); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-700); - --color-interactive-danger-foreground-default: var(--color-shades-grey-000); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-950); + --color-interactive-background-primary-hover: var(--color-shades-grey-600); + --color-interactive-background-primary-disabled: var(--color-shades-grey-950); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-150); + --color-interactive-background-secondary-hover: var(--color-shades-grey-200); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-150); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-150); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950); + --color-interactive-foreground-link-visited: var(--color-shades-grey-600); + --color-interactive-border-primary-enabled: var(--color-shades-grey-999); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-999); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-950); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-500); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); diff --git a/public/css/rme_dark.css b/public/css/rme_dark.css index 8d1f718a..0ae03716 100644 --- a/public/css/rme_dark.css +++ b/public/css/rme_dark.css @@ -87,7 +87,7 @@ --color-shades-functional-blue-400: #38a9ff; --color-shades-functional-blue-500: #008ffb; --color-shades-functional-blue-600: #0f81fa; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #2061b6; --color-shades-functional-blue-850: #184886; --color-shades-functional-blue-900: #163f74; @@ -169,6 +169,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -285,43 +287,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-600); --color-neutrals-border-subtle: var(--color-shades-grey-700); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-000); - --color-interactive-primary-background-hover: var(--color-shades-grey-150); - --color-interactive-primary-background-disabled: var(--color-shades-grey-000); - --color-interactive-primary-foreground-default: var(--color-shades-grey-950); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-700); - --color-interactive-secondary-background-hover: var(--color-shades-grey-600); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-700); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-000); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-600); - --color-interactive-ghost-background-hover: var(--color-shades-grey-700); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-400); - --color-interactive-links-hover: var(--color-shades-grey-000); - --color-interactive-links-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-visited: var(--color-shades-grey-200); - --color-interactive-danger-background-default: var(--color-shades-functional-red-500); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-400); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-500); - --color-interactive-danger-foreground-default: var(--color-shades-grey-950); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-950); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-000); + --color-interactive-background-primary-hover: var(--color-shades-grey-150); + --color-interactive-background-primary-disabled: var(--color-shades-grey-000); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-700); + --color-interactive-background-secondary-hover: var(--color-shades-grey-600); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-700); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-700); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200); + --color-interactive-foreground-link-visited: var(--color-shades-grey-200); + --color-interactive-border-primary-enabled: var(--color-shades-grey-000); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-000); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-000); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-600); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800); --color-feedback-background-default-info: var(--color-shades-functional-blue-850); --color-feedback-background-default-error: var(--color-shades-functional-red-850); diff --git a/public/css/varsom.css b/public/css/varsom.css index f60abe64..de00295b 100644 --- a/public/css/varsom.css +++ b/public/css/varsom.css @@ -87,7 +87,7 @@ --color-shades-functional-blue-400: #38a2ff; --color-shades-functional-blue-500: #0085fa; --color-shades-functional-blue-600: #087cf7; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #1f5fb2; --color-shades-functional-blue-850: #1e4476; --color-shades-functional-blue-900: #1e3d67; @@ -169,6 +169,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -285,43 +287,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-300); --color-neutrals-border-subtle: var(--color-shades-grey-150); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-950); - --color-interactive-primary-background-hover: var(--color-shades-grey-800); - --color-interactive-primary-background-disabled: var(--color-shades-grey-950); - --color-interactive-primary-foreground-default: var(--color-shades-grey-000); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-150); - --color-interactive-secondary-background-hover: var(--color-shades-grey-200); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-150); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-950); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-950); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-500); - --color-interactive-ghost-background-hover: var(--color-shades-grey-150); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-950); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-700); - --color-interactive-links-hover: var(--color-shades-grey-950); - --color-interactive-links-focus: var(--color-shades-functional-blue-700); - --color-interactive-links-visited: var(--color-shades-grey-600); - --color-interactive-danger-background-default: var(--color-shades-functional-red-700); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-850); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-700); - --color-interactive-danger-foreground-default: var(--color-shades-grey-000); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-000); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-950); + --color-interactive-background-primary-hover: var(--color-shades-grey-600); + --color-interactive-background-primary-disabled: var(--color-shades-grey-950); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-150); + --color-interactive-background-secondary-hover: var(--color-shades-grey-200); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-150); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-150); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950); + --color-interactive-foreground-link-visited: var(--color-shades-grey-600); + --color-interactive-border-primary-enabled: var(--color-shades-grey-999); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-999); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-950); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-500); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-150); /** For neutral messages */ --color-feedback-background-default-info: var(--color-shades-functional-blue-100); --color-feedback-background-default-error: var(--color-shades-functional-red-050); diff --git a/public/css/varsom_dark.css b/public/css/varsom_dark.css index 2f29420f..972e7356 100644 --- a/public/css/varsom_dark.css +++ b/public/css/varsom_dark.css @@ -87,7 +87,7 @@ --color-shades-functional-blue-400: #38a2ff; --color-shades-functional-blue-500: #0085fa; --color-shades-functional-blue-600: #087cf7; - --color-shades-functional-blue-700: #1e6fdc; + --color-shades-functional-blue-700: #1d6dd7; --color-shades-functional-blue-800: #1f5fb2; --color-shades-functional-blue-850: #1e4476; --color-shades-functional-blue-900: #1e3d67; @@ -169,6 +169,8 @@ --color-shades-functional-neutralgrey-950: #0d0d0e; --color-shades-functional-neutralgrey-999: #0d0d0e; --color-shades-functional-neutralgrey-000: #ffffff; + --color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5); + --color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5); --color-shades-functional-neutralgrey-050: #f7f7f8; --color-shades-additional-lime-100: #eaf4da; --color-shades-additional-lime-150: #dfeec8; @@ -285,43 +287,29 @@ --color-neutrals-border-mute: var(--color-shades-grey-600); --color-neutrals-border-subtle: var(--color-shades-grey-700); --color-neutrals-border-disabled: var(--color-shades-grey-500); - --color-interactive-primary-background-default: var(--color-shades-grey-000); - --color-interactive-primary-background-hover: var(--color-shades-grey-150); - --color-interactive-primary-background-disabled: var(--color-shades-grey-000); - --color-interactive-primary-foreground-default: var(--color-shades-grey-950); - --color-interactive-primary-foreground-hover: var(--color-shades-grey-950); - --color-interactive-primary-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-primary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-secondary-background-default: var(--color-shades-grey-700); - --color-interactive-secondary-background-hover: var(--color-shades-grey-600); - --color-interactive-secondary-background-disabled: var(--color-shades-grey-700); - --color-interactive-secondary-foreground-default: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-hover: var(--color-shades-grey-000); - --color-interactive-secondary-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-secondary-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-foreground-default: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-hover: var(--color-shades-grey-000); - --color-interactive-outlined-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-outlined-border-default: var(--color-shades-grey-500); - --color-interactive-outlined-border-hover: var(--color-shades-grey-000); - --color-interactive-outlined-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-outlined-border-disabled: var(--color-shades-grey-600); - --color-interactive-ghost-background-hover: var(--color-shades-grey-700); - --color-interactive-ghost-foreground-default: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-hover: var(--color-shades-grey-000); - --color-interactive-ghost-foreground-disabled: var(--color-shades-grey-000); - --color-interactive-ghost-border-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-default: var(--color-shades-functional-blue-400); - --color-interactive-links-hover: var(--color-shades-grey-000); - --color-interactive-links-focus: var(--color-shades-functional-blue-500); - --color-interactive-links-visited: var(--color-shades-grey-200); - --color-interactive-danger-background-default: var(--color-shades-functional-red-500); - --color-interactive-danger-background-hover: var(--color-shades-functional-red-400); - --color-interactive-danger-background-disabled: var(--color-shades-functional-red-500); - --color-interactive-danger-foreground-default: var(--color-shades-grey-950); - --color-interactive-danger-foreground-hover: var(--color-shades-grey-950); - --color-interactive-danger-foreground-disabled: var(--color-shades-grey-950); - --color-interactive-danger-border-focus: var(--color-shades-functional-blue-500); + --color-interactive-background-primary-enabled: var(--color-shades-grey-000); + --color-interactive-background-primary-hover: var(--color-shades-grey-150); + --color-interactive-background-primary-disabled: var(--color-shades-grey-000); + --color-interactive-background-secondary-enabled: var(--color-shades-grey-700); + --color-interactive-background-secondary-hover: var(--color-shades-grey-600); + --color-interactive-background-secondary-disabled: var(--color-shades-grey-700); + --color-interactive-background-tertiary-hover: var(--color-shades-grey-700); + --color-interactive-foreground-primary-enabled: var(--color-shades-grey-950); + --color-interactive-foreground-primary-hover: var(--color-shades-grey-950); + --color-interactive-foreground-primary-disabled: var(--color-shades-grey-950); + --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000); + --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-000); + --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400); + --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200); + --color-interactive-foreground-link-visited: var(--color-shades-grey-200); + --color-interactive-border-primary-enabled: var(--color-shades-grey-000); + --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050); + --color-interactive-border-primary-disabled: var(--color-shades-grey-000); + --color-interactive-border-secondary-enabled: var(--color-shades-grey-500); + --color-interactive-border-secondary-hover: var(--color-shades-grey-000); + --color-interactive-border-secondary-disabled: var(--color-shades-grey-600); + --color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500); --color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800); --color-feedback-background-default-info: var(--color-shades-functional-blue-850); --color-feedback-background-default-error: var(--color-shades-functional-red-850); From 778ff3bda440a0abbf559cce861bf38d527b652e Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Mon, 9 Mar 2026 12:00:12 +0100 Subject: [PATCH 5/7] feat(tokens): lagt til pressed state i interactive.background/border.primary --- tokens/public/theme/dark.json | 8 ++++++++ tokens/public/theme/light.json | 8 ++++++++ 2 files changed, 16 insertions(+) diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json index fe27ef36..f5f57538 100644 --- a/tokens/public/theme/dark.json +++ b/tokens/public/theme/dark.json @@ -151,6 +151,10 @@ "$type": "color", "$value": "{color-shades.grey.150}" }, + "pressed": { + "$type": "color", + "$value": "{color-shades.grey.200}" + }, "disabled": { "$type": "color", "$value": "{color-shades.grey.000}" @@ -231,6 +235,10 @@ "$type": "color", "$value": "{color-shades.functional.neutralgrey.100-050}" }, + "pressed": { + "$type": "color", + "$value": "{color-shades.grey.000}" + }, "disabled": { "$type": "color", "$value": "{color-shades.grey.000}" diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json index e423a8cc..c14caa73 100644 --- a/tokens/public/theme/light.json +++ b/tokens/public/theme/light.json @@ -149,6 +149,10 @@ "$type": "color", "$value": "{color-shades.grey.600}" }, + "pressed": { + "$type": "color", + "$value": "{color-shades.grey.500}" + }, "disabled": { "$type": "color", "$value": "{color-shades.grey.950}" @@ -229,6 +233,10 @@ "$type": "color", "$value": "{color-shades.functional.neutralgrey.600-050}" }, + "pressed": { + "$type": "color", + "$value": "{color-shades.grey.950}" + }, "disabled": { "$type": "color", "$value": "{color-shades.grey.999}" From 8ec7c6913b2d51bc65f5d79d21c8f9127847d7d6 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Mon, 9 Mar 2026 13:43:43 +0100 Subject: [PATCH 6/7] =?UTF-8?q?feat(tokens):=20lagt=20til=20nye=20pressed?= =?UTF-8?q?=20state=20varianter=20i=20interactive-fargene=20(ogs=C3=A5=20d?= =?UTF-8?q?anger-farger)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- tokens/public/theme/dark.json | 40 ++++++++++++++++++++++++++++++---- tokens/public/theme/light.json | 40 ++++++++++++++++++++++++++++++---- 2 files changed, 72 insertions(+), 8 deletions(-) diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json index f5f57538..be7da679 100644 --- a/tokens/public/theme/dark.json +++ b/tokens/public/theme/dark.json @@ -169,6 +169,10 @@ "$type": "color", "$value": "{color-shades.grey.600}" }, + "pressed": { + "$type": "color", + "$value": "{color-shades.grey.500}" + }, "disabled": { "$type": "color", "$value": "{color-shades.grey.700}" @@ -178,6 +182,28 @@ "hover": { "$type": "color", "$value": "{color-shades.grey.700}" + }, + "pressed": { + "$type": "color", + "$value": "{color-shades.grey.600}" + } + }, + "danger": { + "enabled": { + "$type": "color", + "$value": "{color-shades.functional.red.500}" + }, + "hover": { + "$type": "color", + "$value": "{color-shades.functional.red.400}" + }, + "pressed": { + "$type": "color", + "$value": "{color-shades.functional.red.300}" + }, + "disabled": { + "$type": "color", + "$value": "{color-shades.functional.red.500}" } } }, @@ -210,6 +236,16 @@ "$value": "{color-shades.grey.000}" } }, + "danger": { + "enabled": { + "$type": "color", + "$value": "{color-shades.grey.000}" + }, + "disabled": { + "$type": "color", + "$value": "{color-shades.grey.000}" + } + }, "link": { "enabled": { "$type": "color", @@ -235,10 +271,6 @@ "$type": "color", "$value": "{color-shades.functional.neutralgrey.100-050}" }, - "pressed": { - "$type": "color", - "$value": "{color-shades.grey.000}" - }, "disabled": { "$type": "color", "$value": "{color-shades.grey.000}" diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json index c14caa73..2c98d2e7 100644 --- a/tokens/public/theme/light.json +++ b/tokens/public/theme/light.json @@ -167,6 +167,10 @@ "$type": "color", "$value": "{color-shades.grey.200}" }, + "pressed": { + "$type": "color", + "$value": "{color-shades.grey.300}" + }, "disabled": { "$type": "color", "$value": "{color-shades.grey.150}" @@ -176,6 +180,28 @@ "hover": { "$type": "color", "$value": "{color-shades.grey.150}" + }, + "pressed": { + "$type": "color", + "$value": "{color-shades.grey.200}" + } + }, + "danger": { + "enabled": { + "$type": "color", + "$value": "{color-shades.functional.red.700}" + }, + "hover": { + "$type": "color", + "$value": "{color-shades.functional.red.800}" + }, + "pressed": { + "$type": "color", + "$value": "{color-shades.functional.red.850}" + }, + "disabled": { + "$type": "color", + "$value": "{color-shades.functional.red.700}" } } }, @@ -208,6 +234,16 @@ "$value": "{color-shades.grey.950}" } }, + "danger": { + "enabled": { + "$type": "color", + "$value": "{color-shades.grey.000}" + }, + "disabled": { + "$type": "color", + "$value": "{color-shades.grey.000}" + } + }, "link": { "enabled": { "$type": "color", @@ -233,10 +269,6 @@ "$type": "color", "$value": "{color-shades.functional.neutralgrey.600-050}" }, - "pressed": { - "$type": "color", - "$value": "{color-shades.grey.950}" - }, "disabled": { "$type": "color", "$value": "{color-shades.grey.999}" From c7c1cfe94330595a038b9bc91f2fc1bcc23a99a6 Mon Sep 17 00:00:00 2001 From: Frode Kolstad Date: Mon, 9 Mar 2026 14:58:37 +0100 Subject: [PATCH 7/7] fix(tokens): justering av fargen functional.red.600 --- tokens/brand/nve.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json index e52981d3..f8559b21 100644 --- a/tokens/brand/nve.json +++ b/tokens/brand/nve.json @@ -417,7 +417,7 @@ }, "600": { "$type": "color", - "$value": "#E92121" + "$value": "#E81C1C" }, "700": { "$type": "color",