From a92986ebfdc1e24504cb2d89dd2bc7e29c69531b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marianne=20R=C3=B8svik?= <marianne.rosvik@digdir.no>
Date: Thu, 12 Feb 2026 14:15:36 +0100
Subject: [PATCH 1/5] docs: add missing translation in theme builder

---
 .../app/_components/color-tokens/color-tokens.tsx        | 9 ++++-----
 apps/themebuilder/app/locales/en.ts                      | 5 +++++
 apps/themebuilder/app/locales/no.ts                      | 5 +++++
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/apps/themebuilder/app/_components/color-tokens/color-tokens.tsx b/apps/themebuilder/app/_components/color-tokens/color-tokens.tsx
index 057b94a4e2..27a1030b9d 100644
--- a/apps/themebuilder/app/_components/color-tokens/color-tokens.tsx
+++ b/apps/themebuilder/app/_components/color-tokens/color-tokens.tsx
@@ -1,16 +1,15 @@
 import { Heading, Paragraph } from '@digdir/designsystemet-react';
 import cl from 'clsx/lite';
+import { useTranslation } from 'react-i18next';
 import classes from './color-tokens.module.css';
 export const ColorTokens = () => {
+  const { t } = useTranslation();
   return (
     <div className='panelContainer'>
       <div className='panelLeft'>
         <div className='panelTop'>
-          <Heading data-size='xs'>Se fargetokens</Heading>
-          <Paragraph data-size='sm'>
-            Her ser du hvilke tokens som er brukt for å lage kortene i seksjonen
-            over.
-          </Paragraph>
+          <Heading data-size='xs'>{t('ColorTokens.title')}</Heading>
+          <Paragraph data-size='sm'>{t('ColorTokens.description')}</Paragraph>
         </div>
       </div>
       <div className={cl('panelRight', classes.right)}>
diff --git a/apps/themebuilder/app/locales/en.ts b/apps/themebuilder/app/locales/en.ts
index cdd5778512..40299cccfc 100644
--- a/apps/themebuilder/app/locales/en.ts
+++ b/apps/themebuilder/app/locales/en.ts
@@ -148,6 +148,11 @@ export default {
     'set-to': 'Set to',
     view: 'view',
   },
+  ColorTokens: {
+    title: 'Color Tokens',
+    description:
+      'Here you can see which tokens have been used to create the cards in the section above.',
+  },
   colorContrasts: {
     title: 'Contrasts between colours',
     description:
diff --git a/apps/themebuilder/app/locales/no.ts b/apps/themebuilder/app/locales/no.ts
index c8cd745135..132f6b2331 100644
--- a/apps/themebuilder/app/locales/no.ts
+++ b/apps/themebuilder/app/locales/no.ts
@@ -147,6 +147,11 @@ export default {
     'set-to': 'Sett til',
     view: 'visning',
   },
+  ColorTokens: {
+    title: 'Fargetokens',
+    description:
+      'Her ser du hvilke tokens som er brukt for å lage kortene i seksjonen over.',
+  },
   colorContrasts: {
     title: 'Kontraster mellom farger',
     description:

From 9fe44fc20a05e22a915a8f55ff32e8632624bccf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marianne=20R=C3=B8svik?= <marianne.rosvik@digdir.no>
Date: Fri, 13 Feb 2026 09:37:16 +0100
Subject: [PATCH 2/5] Update apps/themebuilder/app/locales/en.ts

Co-authored-by: Tobias Barsnes <tobias.barsnes@digdir.no>
---
 apps/themebuilder/app/locales/en.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/themebuilder/app/locales/en.ts b/apps/themebuilder/app/locales/en.ts
index 40299cccfc..2c03b944f5 100644
--- a/apps/themebuilder/app/locales/en.ts
+++ b/apps/themebuilder/app/locales/en.ts
@@ -148,7 +148,7 @@ export default {
     'set-to': 'Set to',
     view: 'view',
   },
-  ColorTokens: {
+  'color-tokens': {
     title: 'Color Tokens',
     description:
       'Here you can see which tokens have been used to create the cards in the section above.',

From 513b4cab01aceb039939697a968b405f22a97121 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marianne=20R=C3=B8svik?= <marianne.rosvik@digdir.no>
Date: Fri, 13 Feb 2026 09:37:23 +0100
Subject: [PATCH 3/5] Update apps/themebuilder/app/locales/no.ts

Co-authored-by: Tobias Barsnes <tobias.barsnes@digdir.no>
---
 apps/themebuilder/app/locales/no.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/themebuilder/app/locales/no.ts b/apps/themebuilder/app/locales/no.ts
index 132f6b2331..d60c51ec13 100644
--- a/apps/themebuilder/app/locales/no.ts
+++ b/apps/themebuilder/app/locales/no.ts
@@ -147,7 +147,7 @@ export default {
     'set-to': 'Sett til',
     view: 'visning',
   },
-  ColorTokens: {
+  'color_tokens': {
     title: 'Fargetokens',
     description:
       'Her ser du hvilke tokens som er brukt for å lage kortene i seksjonen over.',

From 99302eab44187342901919b00db43aadcd065ae9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marianne=20R=C3=B8svik?= <marianne.rosvik@digdir.no>
Date: Fri, 13 Feb 2026 09:37:31 +0100
Subject: [PATCH 4/5] Update
 apps/themebuilder/app/_components/color-tokens/color-tokens.tsx

Co-authored-by: Tobias Barsnes <tobias.barsnes@digdir.no>
---
 .../app/_components/color-tokens/color-tokens.tsx             | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/themebuilder/app/_components/color-tokens/color-tokens.tsx b/apps/themebuilder/app/_components/color-tokens/color-tokens.tsx
index 27a1030b9d..8cf93335b6 100644
--- a/apps/themebuilder/app/_components/color-tokens/color-tokens.tsx
+++ b/apps/themebuilder/app/_components/color-tokens/color-tokens.tsx
@@ -8,8 +8,8 @@ export const ColorTokens = () => {
     <div className='panelContainer'>
       <div className='panelLeft'>
         <div className='panelTop'>
-          <Heading data-size='xs'>{t('ColorTokens.title')}</Heading>
-          <Paragraph data-size='sm'>{t('ColorTokens.description')}</Paragraph>
+          <Heading data-size='xs'>{t('color-tokens.title')}</Heading>
+          <Paragraph data-size='sm'>{t('color-tokens.description')}</Paragraph>
         </div>
       </div>
       <div className={cl('panelRight', classes.right)}>

From 2e6997874978990a1da9d8bbe756fcd6fb3c2a80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oddbj=C3=B8rn=20=C3=98vernes?= <oddbjorn.overnes@gmail.com>
Date: Fri, 13 Feb 2026 14:29:37 +0100
Subject: [PATCH 5/5] Update apps/themebuilder/app/locales/no.ts

Co-authored-by: Tobias Barsnes <tobias.barsnes@digdir.no>
---
 apps/themebuilder/app/locales/no.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/themebuilder/app/locales/no.ts b/apps/themebuilder/app/locales/no.ts
index d60c51ec13..37c1627fe6 100644
--- a/apps/themebuilder/app/locales/no.ts
+++ b/apps/themebuilder/app/locales/no.ts
@@ -147,7 +147,7 @@ export default {
     'set-to': 'Sett til',
     view: 'visning',
   },
-  'color_tokens': {
+  'color-tokens': {
     title: 'Fargetokens',
     description:
       'Her ser du hvilke tokens som er brukt for å lage kortene i seksjonen over.',