💄(frontend) add opendesk theme

We add the opendesk theme to the docs app.
We are using the Cunningham design system to
overload the default theme with the opendesk theme.

src/frontend/apps/impress/.env

@@ -1,5 +1,5 @@
 NEXT_PUBLIC_API_ORIGIN=
 NEXT_PUBLIC_Y_PROVIDER_URL=
 NEXT_PUBLIC_MEDIA_URL=
-NEXT_PUBLIC_THEME=dsfr
 NEXT_PUBLIC_SW_DEACTIVATED=
+NEXT_PUBLIC_THEME=open-desk

src/frontend/apps/impress/cunningham.ts

@@ -399,6 +399,206 @@ const config = {
         },
       },
     },
+    'open-desk': {
+      theme: {
+        colors: {
+          'card-border': '#ededed',
+          'primary-text': '#637089',
+          'primary-100': '#F7F5FF',
+          'primary-200': '#ECE7FE',
+          'primary-300': '#DCD2FE',
+          'primary-400': '#C8B9FD',
+          'primary-500': '#8E75FA',
+          'primary-600': '#7051FA',
+          'primary-700': '#571EFA',
+          'primary-800': '#4519C2',
+          'primary-900': '#341291',
+          'secondary-text': '#FFFFFF',
+          'secondary-100': '#EDFDFB',
+          'secondary-200': '#BFF9F2',
+          'secondary-300': '#71EFE1',
+          'secondary-400': '#00E6CC',
+          'secondary-500': '#00A896',
+          'secondary-600': '#008A7B',
+          'secondary-700': '#006C60',
+          'secondary-800': '#00564D',
+          'secondary-900': '#004039',
+          'greyscale-text': '#303C4B',
+          'greyscale-000': '#ffffff',
+          'greyscale-100': '#EEEFF2',
+          'greyscale-200': '#D3D7DE',
+          'greyscale-300': '#B6BCC8',
+          'greyscale-400': '#7C879C',
+          'greyscale-500': '#637089',
+          'greyscale-600': '#4D5B79',
+          'greyscale-700': '#364768',
+          'greyscale-800': '#203257',
+          'greyscale-900': '#1e1e1e',
+          'success-text': '#1f8d49',
+          'success-100': '#dffee6',
+          'success-200': '#b8fec9',
+          'success-300': '#88fdaa',
+          'success-400': '#3bea7e',
+          'success-500': '#1f8d49',
+          'success-600': '#18753c',
+          'success-700': '#204129',
+          'success-800': '#1e2e22',
+          'success-900': '#19281d',
+          'info-text': '#0078f3',
+          'info-100': '#f4f6ff',
+          'info-200': '#e8edff',
+          'info-300': '#dde5ff',
+          'info-400': '#bdcdff',
+          'info-500': '#0078f3',
+          'info-600': '#0063cb',
+          'info-700': '#f4f6ff',
+          'info-800': '#222a3f',
+          'info-900': '#1d2437',
+          'warning-text': '#d64d00',
+          'warning-100': '#fff4f3',
+          'warning-200': '#ffe9e6',
+          'warning-300': '#ffded9',
+          'warning-400': '#ffbeb4',
+          'warning-500': '#d64d00',
+          'warning-600': '#b34000',
+          'warning-700': '#5e2c21',
+          'warning-800': '#3e241e',
+          'warning-900': '#361e19',
+          'danger-text': '#e1000f',
+          'danger-100': '#fef4f4',
+          'danger-200': '#fee9e9',
+          'danger-300': '#fddede',
+          'danger-400': '#fcbfbf',
+          'danger-500': '#e1000f',
+          'danger-600': '#c9191e',
+          'danger-700': '#642727',
+          'danger-800': '#412121',
+          'danger-900': '#3a1c1c',
+        },
+        font: {
+          families: {
+            accent: 'Open Sans',
+            base: 'Open Sans',
+          },
+        },
+        logo: {
+          src: '/assets/logo-open-desk.svg',
+          widthHeader: '110px',
+          widthFooter: '220px',
+          alt: 'OpenDesk Logo',
+        },
+      },
+      components: {
+        alert: {
+          'border-radius': '0',
+        },
+        button: {
+          'medium-height': '48px',
+          'border-radius': '4px',
+          primary: {
+            background: {
+              color: 'var(--c--theme--colors--primary-700)',
+              'color-hover': 'var(--c--theme--colors--primary-900)',
+              'color-active': 'var(--c--theme--colors--primary-900)',
+            },
+            color: '#ffffff',
+            'color-hover': '#ffffff',
+            'color-active': '#ffffff',
+          },
+          'primary-text': {
+            background: {
+              'color-hover': 'var(--c--theme--colors--primary-100)',
+              'color-active': 'var(--c--theme--colors--primary-100)',
+            },
+            'color-hover': 'var(--c--theme--colors--primary-text)',
+          },
+          secondary: {
+            background: {
+              'color-hover': 'var(--c--theme--colors--primary-100)',
+              'color-active': '#EDEDED',
+            },
+            border: {
+              color: 'var(--c--theme--colors--primary-600)',
+              'color-hover': 'var(--c--theme--colors--primary-600)',
+            },
+            color: 'var(--c--theme--colors--primary-600)',
+            'color-hover': 'var(--c--theme--colors--primary-700)',
+          },
+          'tertiary-text': {
+            background: {
+              'color-hover': 'var(--c--theme--colors--primary-100)',
+            },
+            color: 'var(--c--theme--colors--primary-600)',
+            'color-hover': 'var(--c--theme--colors--primary-700)',
+          },
+        },
+        datagrid: {
+          header: {
+            color: 'var(--c--theme--colors--primary-500)',
+            size: 'var(--c--theme--font--sizes--s)',
+          },
+          body: {
+            'background-color': 'transparent',
+            'background-color-hover': '#F4F4FD',
+          },
+          pagination: {
+            'background-color': 'var(--c--theme--colors--primary-100)',
+            'border-color': 'var(--c--theme--colors--primary-600)',
+            'background-color-active': 'var(--c--theme--colors--primary-300)',
+          },
+        },
+        'forms-checkbox': {
+          'border-radius': '0',
+          color: 'var(--c--theme--colors--greyscale-600)',
+          text: {
+            color: 'var(--c--theme--colors--greyscale-600)',
+            size: 'var(--c--theme--font--sizes--t)',
+          },
+        },
+        'forms-datepicker': {
+          'border-radius': '0',
+        },
+        'forms-fileuploader': {
+          'border-radius': '0',
+        },
+        'forms-field': {
+          color: 'var(--c--theme--colors--primary-600)',
+        },
+        'forms-input': {
+          'border-radius': '4px',
+          'background-color': '#ffffff',
+          'border-color': 'var(--c--theme--colors--primary-600)',
+          'box-shadow-color': 'var(--c--theme--colors--primary-600)',
+          'value-color': 'var(--c--theme--colors--primary-600)',
+          'font-size': '14px',
+        },
+        'forms-labelledbox': {
+          'label-color': {
+            big: 'var(--c--theme--colors--primary-600)',
+          },
+        },
+        'forms-select': {
+          'item-font-size': '14px',
+          'border-radius': '4px',
+          'border-radius-hover': '4px',
+          'background-color': '#ffffff',
+          'border-color': 'var(--c--theme--colors--primary-600)',
+          'border-color-hover': 'var(--c--theme--colors--primary-600)',
+          'box-shadow-color': 'var(--c--theme--colors--primary-600)',
+        },
+        'forms-radio': {
+          'accent-color': 'var(--c--theme--colors--primary-600)',
+        },
+        'forms-switch': {
+          'handle-border-radius': '2px',
+          'rail-border-radius': '4px',
+          'accent-color': 'var(--c--theme--colors--primary-600)',
+        },
+        'forms-textarea': {
+          'border-radius': '0',
+        },
+      },
+    },
   },
 };
 

src/frontend/apps/impress/public/assets/logo-open-desk.svg

@@ -0,0 +1,48 @@
+<svg
+  width="128"
+  height="40"
+  viewBox="0 0 128 40"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M23.2902 26.2256V26.6237C23.2902 28.3039 21.9405 29.6701 20.2806 29.6701H13.2164C11.5565 29.6701 10.2068 28.3039 10.2068 26.6237V19.4729C10.2068 17.7927 11.5565 16.4265 13.2164 16.4265H13.6097V26.2274H23.2921L23.2902 26.2256Z"
+    fill="#927AFA"
+  />
+  <path
+    d="M23.4214 23.8407H15.9639V15.4957C15.9639 12.6474 18.2534 10.3299 21.0673 10.3299H23.4232C26.6692 10.3299 29.3113 13.0044 29.3113 16.2901V17.8787C29.3113 21.1644 26.6692 23.8389 23.4232 23.8389L23.4214 23.8407ZM19.3649 20.3962H23.4214C24.7914 20.3962 25.9066 19.2673 25.9066 17.8806V16.2919C25.9066 14.9051 24.7914 13.7763 23.4214 13.7763H21.0654C20.1274 13.7763 19.3649 14.5482 19.3649 15.4976V20.3981V20.3962Z"
+    fill="#571EFA"
+  />
+  <path
+    d="M38.9254 16.9629C41.6673 16.9629 43.4195 19.0001 43.4195 21.4952C43.4195 23.9903 41.6673 26.0275 38.9254 26.0275C36.1835 26.0275 34.4128 23.9903 34.4128 21.4952C34.4128 19.0001 36.1651 16.9629 38.9254 16.9629ZM38.9254 24.921C41.0247 24.921 42.1362 23.3399 42.1362 21.4952C42.1362 19.6505 41.0247 18.0693 38.9254 18.0693C36.8261 18.0693 35.6979 19.6505 35.6979 21.4952C35.6979 23.3399 36.8076 24.921 38.9254 24.921Z"
+    fill="black"
+  />
+  <path
+    d="M45.0867 17.1386H46.3717V19.3515C46.9792 17.8936 48.2643 16.9629 50.1384 16.9629C52.5516 16.9629 54.1819 18.8076 54.1819 21.512C54.1819 24.2164 52.5516 26.0275 50.1384 26.0275C48.2292 26.0275 46.9626 25.0612 46.3717 23.6389V29.0496H45.0867V17.1386ZM49.7377 24.921C51.4733 24.921 52.8968 23.8314 52.8968 21.512C52.8968 19.1926 51.4733 18.0693 49.7377 18.0693C48.0021 18.0693 46.4234 19.2113 46.4234 21.512C46.4234 23.8127 48.0206 24.921 49.7377 24.921Z"
+    fill="black"
+  />
+  <path
+    d="M59.6306 16.9629C62.0955 16.9629 63.7443 18.5272 63.7443 21.1961V21.7232H56.8204C56.8721 23.5511 57.7916 24.9547 59.7007 24.9547C61.2794 24.9547 62.2007 24.1118 62.5128 22.811H63.7794C63.4157 24.3566 62.3743 26.0256 59.7358 26.0256C56.9423 26.0256 55.5889 23.9174 55.5889 21.37C55.5889 18.559 57.2026 16.961 59.6324 16.961L59.6306 16.9629ZM62.4758 20.7046C62.354 19.0001 61.2258 18.0338 59.6121 18.0338C58.1018 18.0338 56.9736 19.0169 56.8352 20.7046H62.4758Z"
+    fill="black"
+  />
+  <path
+    d="M65.5483 17.1386H66.8334V19.5626C67.3024 17.946 68.5173 16.9629 70.408 16.9629C72.2987 16.9629 73.497 18.2282 73.497 20.5121V25.8518H72.1953V20.6168C72.1953 18.8076 71.5011 18.0693 69.9741 18.0693C68.0299 18.0693 66.8334 19.7215 66.8334 22.0577V25.8518H65.5483V17.1386Z"
+    fill="black"
+  />
+  <path
+    d="M75.6665 13.466H80.1624C81.4346 13.466 82.5572 13.6249 83.5302 13.9408C84.5014 14.2566 85.2972 14.8715 85.9157 15.7854C86.5343 16.6994 86.8445 17.9871 86.8445 19.6505C86.8445 21.3139 86.5343 22.6203 85.9157 23.5324C85.2972 24.4463 84.5014 25.0612 83.5302 25.3771C82.5572 25.6929 81.4364 25.8518 80.1624 25.8518H75.6665V13.466ZM80.1624 23.3754C81.0413 23.3754 81.7448 23.3044 82.271 23.1642C82.7972 23.024 83.2256 22.6876 83.5561 22.1531C83.8866 21.6204 84.0509 20.785 84.0509 19.6505C84.0509 18.516 83.8829 17.6955 83.5487 17.1554C83.2126 16.6171 82.7843 16.277 82.2636 16.1368C81.7429 15.9966 81.0432 15.9256 80.1643 15.9256H78.4453V23.3754H80.1643H80.1624Z"
+    fill="black"
+  />
+  <path
+    d="M88.6575 18.9384C89.0453 18.2525 89.5826 17.7292 90.2713 17.3666C90.96 17.004 91.7502 16.8227 92.6402 16.8227C94.0988 16.8227 95.238 17.2152 96.0597 18.0002C96.8813 18.7852 97.2912 19.8692 97.2912 21.2503V21.9886H90.731C90.7772 22.6203 90.9747 23.1156 91.3219 23.4726C91.669 23.8295 92.1435 24.009 92.7454 24.009C93.2661 24.009 93.6963 23.8987 94.0379 23.6744C94.3795 23.452 94.5955 23.1362 94.6897 22.725H97.3097C97.1712 23.7081 96.704 24.5061 95.912 25.1135C95.1199 25.7228 94.0693 26.0275 92.762 26.0275C91.8019 26.0275 90.9692 25.8312 90.262 25.4387C89.5567 25.0463 89.0157 24.4986 88.6391 23.7959C88.2624 23.0932 88.0759 22.2858 88.0759 21.3718C88.0759 20.4579 88.2698 19.6243 88.6575 18.9384ZM94.7229 20.5457C94.6767 19.9832 94.4718 19.5496 94.1062 19.2449C93.7425 18.9403 93.2698 18.7889 92.6919 18.7889C92.114 18.7889 91.6653 18.9422 91.3126 19.2449C90.96 19.5496 90.7606 19.9832 90.7144 20.5457H94.7229Z"
+    fill="black"
+  />
+  <path
+    d="M99.6342 25.1659C98.8698 24.5921 98.4875 23.7492 98.4875 22.6352H101.126C101.126 23.1399 101.283 23.5118 101.595 23.751C101.907 23.9921 102.387 24.1117 103.035 24.1117C103.51 24.1117 103.853 24.0501 104.067 23.9267C104.281 23.8034 104.389 23.6071 104.389 23.338C104.389 23.1511 104.326 22.9978 104.198 22.882C104.071 22.7642 103.868 22.6652 103.591 22.5829L100.917 21.8447C100.327 21.6933 99.8188 21.4204 99.3904 21.0279C98.9621 20.6354 98.7479 20.0934 98.7479 19.4019C98.7479 18.5702 99.0858 17.9329 99.7634 17.4862C100.441 17.0414 101.386 16.819 102.601 16.819C103.944 16.819 104.99 17.0918 105.742 17.6357C106.493 18.1796 106.87 18.9683 106.87 19.9981H104.232C104.232 19.144 103.694 18.716 102.618 18.716C102.236 18.716 101.935 18.7814 101.715 18.9085C101.495 19.0375 101.385 19.2075 101.385 19.4187C101.385 19.7813 101.702 20.0448 102.339 20.2093L104.387 20.7195C105.184 20.9195 105.825 21.226 106.305 21.6428C106.785 22.0577 107.025 22.6409 107.025 23.3903C107.025 24.2463 106.687 24.8986 106.01 25.349C105.332 25.7994 104.329 26.0256 102.998 26.0256C101.517 26.0256 100.395 25.7378 99.6305 25.164L99.6342 25.1659Z"
+    fill="black"
+  />
+  <path
+    d="M108.486 12.939H111.124V20.4224L114.612 16.9965H117.84L113.484 21.3008L117.823 25.8518H114.612L111.124 22.1269V25.8518H108.486V12.939Z"
+    fill="black"
+  />
+</svg>

src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-font.css

@@ -0,0 +1,30 @@
+@font-face {
+  font-family: 'Open Sans';
+  src: url('OpenSans-Regular.woff2') format('woff2');
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('OpenSans-Italic.woff2') format('woff2');
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('OpenSans-Bold.woff2') format('woff2');
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('OpenSans-Semibold.woff2') format('woff2');
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('OpenSans-Bold.woff2') format('woff2');
+  font-weight: 500;
+}

src/frontend/apps/impress/src/cunningham/cunningham-style.css

@@ -4,6 +4,7 @@
 @import url('./cunningham-tokens.css');
 @import url('./cunningham-custom-tokens.css');
 @import url('../assets/fonts/Marianne/Marianne-font.css');
+@import url('../assets/fonts/OpenSans/OpenSans-font.css');
 
 .c__input,
 .c__field,

src/frontend/apps/impress/src/cunningham/cunningham-tokens.css

@@ -523,6 +523,199 @@
   --c--components--la-gauffre--activated: true;
 }
 
+.cunningham-theme--open-desk {
+  --c--theme--colors--card-border: #ededed;
+  --c--theme--colors--primary-text: #637089;
+  --c--theme--colors--primary-100: #f7f5ff;
+  --c--theme--colors--primary-200: #ece7fe;
+  --c--theme--colors--primary-300: #dcd2fe;
+  --c--theme--colors--primary-400: #c8b9fd;
+  --c--theme--colors--primary-500: #8e75fa;
+  --c--theme--colors--primary-600: #7051fa;
+  --c--theme--colors--primary-700: #571efa;
+  --c--theme--colors--primary-800: #4519c2;
+  --c--theme--colors--primary-900: #341291;
+  --c--theme--colors--secondary-text: #fff;
+  --c--theme--colors--secondary-100: #edfdfb;
+  --c--theme--colors--secondary-200: #bff9f2;
+  --c--theme--colors--secondary-300: #71efe1;
+  --c--theme--colors--secondary-400: #00e6cc;
+  --c--theme--colors--secondary-500: #00a896;
+  --c--theme--colors--secondary-600: #008a7b;
+  --c--theme--colors--secondary-700: #006c60;
+  --c--theme--colors--secondary-800: #00564d;
+  --c--theme--colors--secondary-900: #004039;
+  --c--theme--colors--greyscale-text: #303c4b;
+  --c--theme--colors--greyscale-000: #fff;
+  --c--theme--colors--greyscale-100: #eeeff2;
+  --c--theme--colors--greyscale-200: #d3d7de;
+  --c--theme--colors--greyscale-300: #b6bcc8;
+  --c--theme--colors--greyscale-400: #7c879c;
+  --c--theme--colors--greyscale-500: #637089;
+  --c--theme--colors--greyscale-600: #4d5b79;
+  --c--theme--colors--greyscale-700: #364768;
+  --c--theme--colors--greyscale-800: #203257;
+  --c--theme--colors--greyscale-900: #1e1e1e;
+  --c--theme--colors--success-text: #1f8d49;
+  --c--theme--colors--success-100: #dffee6;
+  --c--theme--colors--success-200: #b8fec9;
+  --c--theme--colors--success-300: #88fdaa;
+  --c--theme--colors--success-400: #3bea7e;
+  --c--theme--colors--success-500: #1f8d49;
+  --c--theme--colors--success-600: #18753c;
+  --c--theme--colors--success-700: #204129;
+  --c--theme--colors--success-800: #1e2e22;
+  --c--theme--colors--success-900: #19281d;
+  --c--theme--colors--info-text: #0078f3;
+  --c--theme--colors--info-100: #f4f6ff;
+  --c--theme--colors--info-200: #e8edff;
+  --c--theme--colors--info-300: #dde5ff;
+  --c--theme--colors--info-400: #bdcdff;
+  --c--theme--colors--info-500: #0078f3;
+  --c--theme--colors--info-600: #0063cb;
+  --c--theme--colors--info-700: #f4f6ff;
+  --c--theme--colors--info-800: #222a3f;
+  --c--theme--colors--info-900: #1d2437;
+  --c--theme--colors--warning-text: #d64d00;
+  --c--theme--colors--warning-100: #fff4f3;
+  --c--theme--colors--warning-200: #ffe9e6;
+  --c--theme--colors--warning-300: #ffded9;
+  --c--theme--colors--warning-400: #ffbeb4;
+  --c--theme--colors--warning-500: #d64d00;
+  --c--theme--colors--warning-600: #b34000;
+  --c--theme--colors--warning-700: #5e2c21;
+  --c--theme--colors--warning-800: #3e241e;
+  --c--theme--colors--warning-900: #361e19;
+  --c--theme--colors--danger-text: #e1000f;
+  --c--theme--colors--danger-100: #fef4f4;
+  --c--theme--colors--danger-200: #fee9e9;
+  --c--theme--colors--danger-300: #fddede;
+  --c--theme--colors--danger-400: #fcbfbf;
+  --c--theme--colors--danger-500: #e1000f;
+  --c--theme--colors--danger-600: #c9191e;
+  --c--theme--colors--danger-700: #642727;
+  --c--theme--colors--danger-800: #412121;
+  --c--theme--colors--danger-900: #3a1c1c;
+  --c--theme--font--families--accent: open sans;
+  --c--theme--font--families--base: open sans;
+  --c--theme--logo--src: /assets/logo-open-desk.svg;
+  --c--theme--logo--widthHeader: 110px;
+  --c--theme--logo--widthFooter: 220px;
+  --c--theme--logo--alt: opendesk logo;
+  --c--components--alert--border-radius: 0;
+  --c--components--button--medium-height: 48px;
+  --c--components--button--border-radius: 4px;
+  --c--components--button--primary--background--color: var(
+    --c--theme--colors--primary-700
+  );
+  --c--components--button--primary--background--color-hover: var(
+    --c--theme--colors--primary-900
+  );
+  --c--components--button--primary--background--color-active: var(
+    --c--theme--colors--primary-900
+  );
+  --c--components--button--primary--color: #fff;
+  --c--components--button--primary--color-hover: #fff;
+  --c--components--button--primary--color-active: #fff;
+  --c--components--button--primary-text--background--color-hover: var(
+    --c--theme--colors--primary-100
+  );
+  --c--components--button--primary-text--background--color-active: var(
+    --c--theme--colors--primary-100
+  );
+  --c--components--button--primary-text--color-hover: var(
+    --c--theme--colors--primary-text
+  );
+  --c--components--button--secondary--background--color-hover: var(
+    --c--theme--colors--primary-100
+  );
+  --c--components--button--secondary--background--color-active: #ededed;
+  --c--components--button--secondary--border--color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--button--secondary--border--color-hover: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--button--secondary--color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--button--secondary--color-hover: var(
+    --c--theme--colors--primary-700
+  );
+  --c--components--button--tertiary-text--background--color-hover: var(
+    --c--theme--colors--primary-100
+  );
+  --c--components--button--tertiary-text--color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--button--tertiary-text--color-hover: var(
+    --c--theme--colors--primary-700
+  );
+  --c--components--datagrid--header--color: var(
+    --c--theme--colors--primary-500
+  );
+  --c--components--datagrid--header--size: var(--c--theme--font--sizes--s);
+  --c--components--datagrid--body--background-color: transparent;
+  --c--components--datagrid--body--background-color-hover: #f4f4fd;
+  --c--components--datagrid--pagination--background-color: var(
+    --c--theme--colors--primary-100
+  );
+  --c--components--datagrid--pagination--border-color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--datagrid--pagination--background-color-active: var(
+    --c--theme--colors--primary-300
+  );
+  --c--components--forms-checkbox--border-radius: 0;
+  --c--components--forms-checkbox--color: var(
+    --c--theme--colors--greyscale-600
+  );
+  --c--components--forms-checkbox--text--color: var(
+    --c--theme--colors--greyscale-600
+  );
+  --c--components--forms-checkbox--text--size: var(--c--theme--font--sizes--t);
+  --c--components--forms-datepicker--border-radius: 0;
+  --c--components--forms-fileuploader--border-radius: 0;
+  --c--components--forms-field--color: var(--c--theme--colors--primary-600);
+  --c--components--forms-input--border-radius: 4px;
+  --c--components--forms-input--background-color: #fff;
+  --c--components--forms-input--border-color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--forms-input--box-shadow-color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--forms-input--value-color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--forms-input--font-size: 14px;
+  --c--components--forms-labelledbox--label-color--big: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--forms-select--item-font-size: 14px;
+  --c--components--forms-select--border-radius: 4px;
+  --c--components--forms-select--border-radius-hover: 4px;
+  --c--components--forms-select--background-color: #fff;
+  --c--components--forms-select--border-color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--forms-select--border-color-hover: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--forms-select--box-shadow-color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--forms-radio--accent-color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--forms-switch--handle-border-radius: 2px;
+  --c--components--forms-switch--rail-border-radius: 4px;
+  --c--components--forms-switch--accent-color: var(
+    --c--theme--colors--primary-600
+  );
+  --c--components--forms-textarea--border-radius: 0;
+}
+
 .clr-secondary-text {
   color: var(--c--theme--colors--secondary-text);
 }

src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts

@@ -516,5 +516,188 @@ export const tokens = {
         'la-gauffre': { activated: true },
       },
     },
+    'open-desk': {
+      theme: {
+        colors: {
+          'card-border': '#ededed',
+          'primary-text': '#637089',
+          'primary-100': '#F7F5FF',
+          'primary-200': '#ECE7FE',
+          'primary-300': '#DCD2FE',
+          'primary-400': '#C8B9FD',
+          'primary-500': '#8E75FA',
+          'primary-600': '#7051FA',
+          'primary-700': '#571EFA',
+          'primary-800': '#4519C2',
+          'primary-900': '#341291',
+          'secondary-text': '#FFFFFF',
+          'secondary-100': '#EDFDFB',
+          'secondary-200': '#BFF9F2',
+          'secondary-300': '#71EFE1',
+          'secondary-400': '#00E6CC',
+          'secondary-500': '#00A896',
+          'secondary-600': '#008A7B',
+          'secondary-700': '#006C60',
+          'secondary-800': '#00564D',
+          'secondary-900': '#004039',
+          'greyscale-text': '#303C4B',
+          'greyscale-000': '#ffffff',
+          'greyscale-100': '#EEEFF2',
+          'greyscale-200': '#D3D7DE',
+          'greyscale-300': '#B6BCC8',
+          'greyscale-400': '#7C879C',
+          'greyscale-500': '#637089',
+          'greyscale-600': '#4D5B79',
+          'greyscale-700': '#364768',
+          'greyscale-800': '#203257',
+          'greyscale-900': '#1e1e1e',
+          'success-text': '#1f8d49',
+          'success-100': '#dffee6',
+          'success-200': '#b8fec9',
+          'success-300': '#88fdaa',
+          'success-400': '#3bea7e',
+          'success-500': '#1f8d49',
+          'success-600': '#18753c',
+          'success-700': '#204129',
+          'success-800': '#1e2e22',
+          'success-900': '#19281d',
+          'info-text': '#0078f3',
+          'info-100': '#f4f6ff',
+          'info-200': '#e8edff',
+          'info-300': '#dde5ff',
+          'info-400': '#bdcdff',
+          'info-500': '#0078f3',
+          'info-600': '#0063cb',
+          'info-700': '#f4f6ff',
+          'info-800': '#222a3f',
+          'info-900': '#1d2437',
+          'warning-text': '#d64d00',
+          'warning-100': '#fff4f3',
+          'warning-200': '#ffe9e6',
+          'warning-300': '#ffded9',
+          'warning-400': '#ffbeb4',
+          'warning-500': '#d64d00',
+          'warning-600': '#b34000',
+          'warning-700': '#5e2c21',
+          'warning-800': '#3e241e',
+          'warning-900': '#361e19',
+          'danger-text': '#e1000f',
+          'danger-100': '#fef4f4',
+          'danger-200': '#fee9e9',
+          'danger-300': '#fddede',
+          'danger-400': '#fcbfbf',
+          'danger-500': '#e1000f',
+          'danger-600': '#c9191e',
+          'danger-700': '#642727',
+          'danger-800': '#412121',
+          'danger-900': '#3a1c1c',
+        },
+        font: { families: { accent: 'Open Sans', base: 'Open Sans' } },
+        logo: {
+          src: '/assets/logo-open-desk.svg',
+          widthHeader: '110px',
+          widthFooter: '220px',
+          alt: 'OpenDesk Logo',
+        },
+      },
+      components: {
+        alert: { 'border-radius': '0' },
+        button: {
+          'medium-height': '48px',
+          'border-radius': '4px',
+          primary: {
+            background: {
+              color: 'var(--c--theme--colors--primary-700)',
+              'color-hover': 'var(--c--theme--colors--primary-900)',
+              'color-active': 'var(--c--theme--colors--primary-900)',
+            },
+            color: '#ffffff',
+            'color-hover': '#ffffff',
+            'color-active': '#ffffff',
+          },
+          'primary-text': {
+            background: {
+              'color-hover': 'var(--c--theme--colors--primary-100)',
+              'color-active': 'var(--c--theme--colors--primary-100)',
+            },
+            'color-hover': 'var(--c--theme--colors--primary-text)',
+          },
+          secondary: {
+            background: {
+              'color-hover': 'var(--c--theme--colors--primary-100)',
+              'color-active': '#EDEDED',
+            },
+            border: {
+              color: 'var(--c--theme--colors--primary-600)',
+              'color-hover': 'var(--c--theme--colors--primary-600)',
+            },
+            color: 'var(--c--theme--colors--primary-600)',
+            'color-hover': 'var(--c--theme--colors--primary-700)',
+          },
+          'tertiary-text': {
+            background: {
+              'color-hover': 'var(--c--theme--colors--primary-100)',
+            },
+            color: 'var(--c--theme--colors--primary-600)',
+            'color-hover': 'var(--c--theme--colors--primary-700)',
+          },
+        },
+        datagrid: {
+          header: {
+            color: 'var(--c--theme--colors--primary-500)',
+            size: 'var(--c--theme--font--sizes--s)',
+          },
+          body: {
+            'background-color': 'transparent',
+            'background-color-hover': '#F4F4FD',
+          },
+          pagination: {
+            'background-color': 'var(--c--theme--colors--primary-100)',
+            'border-color': 'var(--c--theme--colors--primary-600)',
+            'background-color-active': 'var(--c--theme--colors--primary-300)',
+          },
+        },
+        'forms-checkbox': {
+          'border-radius': '0',
+          color: 'var(--c--theme--colors--greyscale-600)',
+          text: {
+            color: 'var(--c--theme--colors--greyscale-600)',
+            size: 'var(--c--theme--font--sizes--t)',
+          },
+        },
+        'forms-datepicker': { 'border-radius': '0' },
+        'forms-fileuploader': { 'border-radius': '0' },
+        'forms-field': { color: 'var(--c--theme--colors--primary-600)' },
+        'forms-input': {
+          'border-radius': '4px',
+          'background-color': '#ffffff',
+          'border-color': 'var(--c--theme--colors--primary-600)',
+          'box-shadow-color': 'var(--c--theme--colors--primary-600)',
+          'value-color': 'var(--c--theme--colors--primary-600)',
+          'font-size': '14px',
+        },
+        'forms-labelledbox': {
+          'label-color': { big: 'var(--c--theme--colors--primary-600)' },
+        },
+        'forms-select': {
+          'item-font-size': '14px',
+          'border-radius': '4px',
+          'border-radius-hover': '4px',
+          'background-color': '#ffffff',
+          'border-color': 'var(--c--theme--colors--primary-600)',
+          'border-color-hover': 'var(--c--theme--colors--primary-600)',
+          'box-shadow-color': 'var(--c--theme--colors--primary-600)',
+        },
+        'forms-radio': {
+          'accent-color': 'var(--c--theme--colors--primary-600)',
+        },
+        'forms-switch': {
+          'handle-border-radius': '2px',
+          'rail-border-radius': '4px',
+          'accent-color': 'var(--c--theme--colors--primary-600)',
+        },
+        'forms-textarea': { 'border-radius': '0' },
+      },
+    },
   },
 };