Merge pull request #2609 from SpareBank1/update-colors-2

fix(ffe-core): update colors
SpareBank1 · Mar 6, 2025 · 6e7d321 · 6e7d321
2 parents a4a35f2 + 3c9c783
commit 6e7d321
Show file tree

Hide file tree

Showing 4 changed files with 174 additions and 24 deletions.
diff --git a/packages/ffe-core/tokens/01 Primitive.value.json b/packages/ffe-core/tokens/01 Primitive.value.json
@@ -837,7 +837,7 @@
     "sand": {
       "0": {
         "$type": "color",
-        "$value": "#fdfaf7",
+        "$value": "#fdf8f5",
         "$description": "",
         "$extensions": {
           "com.figma": {

diff --git a/packages/ffe-core/tokens/02 Semantic.Light.json b/packages/ffe-core/tokens/02 Semantic.Light.json
@@ -2046,7 +2046,7 @@
         },
         "subtler": {
           "$type": "color",
-          "$value": "{color.syrin.500}",
+          "$value": "{color.syrin.550}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -2321,7 +2321,7 @@
       },
       "subtle": {
         "$type": "color",
-        "$value": "{color.sand.25}",
+        "$value": "{color.sand.0}",
         "$description": "",
         "$extensions": {
           "com.figma": {

diff --git a/packages/ffe-core/tokens/03 Context.Accent.json b/packages/ffe-core/tokens/03 Context.Accent.json
@@ -452,7 +452,7 @@
         },
         "subtle": {
           "$type": "color",
-          "$value": "{accent.brand.secondary.subtler}",
+          "$value": "{accent.brand.secondary.subtlest}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -467,7 +467,7 @@
         },
         "subtle-hover": {
           "$type": "color",
-          "$value": "{accent.brand.secondary.subtle}",
+          "$value": "{accent.brand.secondary.subtler}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -482,7 +482,7 @@
         },
         "subtle-pressed": {
           "$type": "color",
-          "$value": "{accent.brand.secondary.default}",
+          "$value": "{accent.brand.secondary.subtle}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -544,7 +544,7 @@
         },
         "subtle": {
           "$type": "color",
-          "$value": "{accent.brand.tertiary.subtler}",
+          "$value": "{accent.brand.tertiary.subtlest}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -559,7 +559,7 @@
         },
         "subtle-hover": {
           "$type": "color",
-          "$value": "{accent.brand.tertiary.subtle}",
+          "$value": "{accent.brand.tertiary.subtler}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -574,7 +574,7 @@
         },
         "subtle-pressed": {
           "$type": "color",
-          "$value": "{accent.brand.tertiary.default}",
+          "$value": "{accent.brand.tertiary.subtle}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -604,9 +604,39 @@
             }
           }
         },
+        "info-subtle": {
+          "$type": "color",
+          "$value": "{accent.feedback.info.subtler}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": [
+                "FRAME_FILL",
+                "SHAPE_FILL"
+              ],
+              "codeSyntax": {}
+            }
+          }
+        },
         "success": {
           "$type": "color",
-          "$value": "{accent.feedback.success.medium}",
+          "$value": "{accent.feedback.success.strong}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": [
+                "FRAME_FILL",
+                "SHAPE_FILL"
+              ],
+              "codeSyntax": {}
+            }
+          }
+        },
+        "success-subtle": {
+          "$type": "color",
+          "$value": "{accent.feedback.success.subtler}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -621,7 +651,22 @@
         },
         "warning": {
           "$type": "color",
-          "$value": "{accent.feedback.warning.stronger}",
+          "$value": "{accent.feedback.warning.strong}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": [
+                "FRAME_FILL",
+                "SHAPE_FILL"
+              ],
+              "codeSyntax": {}
+            }
+          }
+        },
+        "warning-subtle": {
+          "$type": "color",
+          "$value": "{accent.feedback.warning.subtler}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -649,6 +694,21 @@
             }
           }
         },
+        "critical-subtle": {
+          "$type": "color",
+          "$value": "{accent.feedback.critical.subtler}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": [
+                "FRAME_FILL",
+                "SHAPE_FILL"
+              ],
+              "codeSyntax": {}
+            }
+          }
+        },
         "tip": {
           "$type": "color",
           "$value": "{accent.feedback.tip.stronger}",
@@ -663,6 +723,21 @@
               "codeSyntax": {}
             }
           }
+        },
+        "tip-subtle": {
+          "$type": "color",
+          "$value": "{accent.feedback.tip.subtler}",
+          "$description": "",
+          "$extensions": {
+            "com.figma": {
+              "hiddenFromPublishing": false,
+              "scopes": [
+                "FRAME_FILL",
+                "SHAPE_FILL"
+              ],
+              "codeSyntax": {}
+            }
+          }
         }
       }
     },
@@ -874,7 +949,7 @@
       "primary": {
         "default": {
           "$type": "color",
-          "$value": "{accent.neutral.stronger}",
+          "$value": "{accent.neutral.medium}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -888,7 +963,7 @@
         },
         "hover": {
           "$type": "color",
-          "$value": "{accent.neutral.strongest}",
+          "$value": "{accent.neutral.strong}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -902,7 +977,7 @@
         },
         "pressed": {
           "$type": "color",
-          "$value": "{accent.neutral.stronger}",
+          "$value": "{accent.neutral.strongest}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -916,7 +991,7 @@
         },
         "subtle": {
           "$type": "color",
-          "$value": "{accent.neutral.subtle}",
+          "$value": "{accent.neutral.subtler}",
           "$description": "",
           "$extensions": {
             "com.figma": {
@@ -930,7 +1005,7 @@
         },
         "emphasis": {
           "$type": "color",
-          "$value": "{speciality.static.accent.subtler}",
+          "$value": "{accent.brand.primary.strongest}",
           "$description": "",
           "$extensions": {
             "com.figma": {