diff --git a/src/frontend/apps/impress/.env b/src/frontend/apps/impress/.env index 41724eaa..033fe399 100644 --- a/src/frontend/apps/impress/.env +++ b/src/frontend/apps/impress/.env @@ -1,4 +1,4 @@ NEXT_PUBLIC_API_ORIGIN= NEXT_PUBLIC_Y_PROVIDER_URL= NEXT_PUBLIC_MEDIA_URL= -NEXT_PUBLIC_THEME=dsfr \ No newline at end of file +NEXT_PUBLIC_THEME=openDesk diff --git a/src/frontend/apps/impress/cunningham.ts b/src/frontend/apps/impress/cunningham.ts index 6b158a6d..bd0e3399 100644 --- a/src/frontend/apps/impress/cunningham.ts +++ b/src/frontend/apps/impress/cunningham.ts @@ -386,6 +386,52 @@ const config = { }, }, }, + openDesk: { + theme: { + colors: { + 'primary-text': '#4519C2', + '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': '#008A7B', + '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', + }, + }, + components: { + alert: { + 'border-radius': '0', + }, + button: { + 'medium-height': '48px', + 'border-radius': '4px', + primary: { + background: { + color: 'var(--c--theme--colors--primary-text)', + 'color-hover': '#1212ff', + 'color-active': '#2323ff', + }, + color: '#ffffff', + 'color-hover': '#ffffff', + 'color-active': '#ffffff', + }, + }, + }, + }, }, }; diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css index 45dfd511..9832da09 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css @@ -28,7 +28,7 @@ --c--theme--colors--greyscale-700: #555f6b; --c--theme--colors--greyscale-800: #303c4b; --c--theme--colors--greyscale-900: #0c1a2b; - --c--theme--colors--greyscale-000: #fff; + --c--theme--colors--greyscale-000: #ffffff; --c--theme--colors--primary-100: #edf5fa; --c--theme--colors--primary-200: #8cb5ea; --c--theme--colors--primary-300: #5894e1; @@ -192,7 +192,7 @@ --c--components--forms-select--border-radius ); --c--components--forms-select--font-size: var(--c--theme--font--sizes--ml); - --c--components--forms-select--menu-background-color: #fff; + --c--components--forms-select--menu-background-color: #ffffff; --c--components--forms-select--item-background-color--hover: var( --c--theme--colors--primary-300 ); @@ -215,7 +215,7 @@ --c--components--forms-textarea--disabled--border-color-hover: var( --c--theme--colors--greyscale-200 ); - --c--components--modal--background-color: #fff; + --c--components--modal--background-color: #ffffff; --c--components--button--border-radius--active: var( --c--components--button--border-radius ); @@ -284,7 +284,6 @@ --c--components--button--disabled--color: white; --c--components--button--disabled--background--color: #b3cef0; } - .cunningham-theme--dark { --c--theme--colors--greyscale-100: #182536; --c--theme--colors--greyscale-200: #303c4b; @@ -328,12 +327,11 @@ --c--theme--colors--danger-300: #f09898; --c--theme--colors--danger-400: #ed8585; --c--theme--colors--danger-500: #e96666; - --c--theme--colors--danger-600: #d66; + --c--theme--colors--danger-600: #dd6666; --c--theme--colors--danger-700: #c36666; --c--theme--colors--danger-800: #ae6666; --c--theme--colors--danger-900: #9d6666; } - .cunningham-theme--dsfr { --c--theme--colors--card-border: #ededed; --c--theme--colors--primary-text: #000091; @@ -347,7 +345,7 @@ --c--theme--colors--primary-700: #272747; --c--theme--colors--primary-800: #21213f; --c--theme--colors--primary-900: #1c1a36; - --c--theme--colors--secondary-text: #fff; + --c--theme--colors--secondary-text: #ffffff; --c--theme--colors--secondary-100: #fee9ea; --c--theme--colors--secondary-200: #fedfdf; --c--theme--colors--secondary-300: #fdbfbf; @@ -359,13 +357,13 @@ --c--theme--colors--secondary-900: #2b1919; --c--theme--colors--greyscale-text: #303c4b; --c--theme--colors--greyscale-000: #f6f6f6; - --c--theme--colors--greyscale-100: #eee; + --c--theme--colors--greyscale-100: #eeeeee; --c--theme--colors--greyscale-200: #e5e5e5; --c--theme--colors--greyscale-300: #e1e1e1; - --c--theme--colors--greyscale-400: #ddd; + --c--theme--colors--greyscale-400: #dddddd; --c--theme--colors--greyscale-500: #cecece; --c--theme--colors--greyscale-600: #7b7b7b; - --c--theme--colors--greyscale-700: #666; + --c--theme--colors--greyscale-700: #666666; --c--theme--colors--greyscale-800: #2a2a2a; --c--theme--colors--greyscale-900: #1e1e1e; --c--theme--colors--success-text: #1f8d49; @@ -408,12 +406,12 @@ --c--theme--colors--danger-700: #642727; --c--theme--colors--danger-800: #412121; --c--theme--colors--danger-900: #3a1c1c; - --c--theme--font--families--accent: marianne; - --c--theme--font--families--base: marianne; + --c--theme--font--families--accent: Marianne; + --c--theme--font--families--base: Marianne; --c--theme--logo--src: /assets/logo-gouv.svg; --c--theme--logo--widthHeader: 110px; --c--theme--logo--widthFooter: 220px; - --c--theme--logo--alt: gouvernement logo; + --c--theme--logo--alt: Gouvernement Logo; --c--components--alert--border-radius: 0; --c--components--button--medium-height: 48px; --c--components--button--border-radius: 4px; @@ -422,9 +420,9 @@ ); --c--components--button--primary--background--color-hover: #1212ff; --c--components--button--primary--background--color-active: #2323ff; - --c--components--button--primary--color: #fff; - --c--components--button--primary--color-hover: #fff; - --c--components--button--primary--color-active: #fff; + --c--components--button--primary--color: #ffffff; + --c--components--button--primary--color-hover: #ffffff; + --c--components--button--primary--color-active: #ffffff; --c--components--button--primary-text--background--color-hover: var( --c--theme--colors--primary-100 ); @@ -471,7 +469,7 @@ --c--components--forms-fileuploader--border-radius: 0; --c--components--forms-field--color: var(--c--theme--colors--primary-text); --c--components--forms-input--border-radius: 4px; - --c--components--forms-input--background-color: #fff; + --c--components--forms-input--background-color: #ffffff; --c--components--forms-input--border-color: var( --c--theme--colors--primary-text ); @@ -488,7 +486,7 @@ --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--background-color: #ffffff; --c--components--forms-select--border-color: var( --c--theme--colors--primary-text ); @@ -505,1131 +503,874 @@ ); --c--components--forms-textarea--border-radius: 0; } - +.cunningham-theme--openDesk { + --c--theme--colors--primary-text: #4519c2; + --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: #7051fa; + --c--theme--colors--primary-800: #4519c2; + --c--theme--colors--primary-900: #341291; + --c--theme--colors--secondary-text: #008a7b; + --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; +} .clr-secondary-text { color: var(--c--theme--colors--secondary-text); } - .clr-secondary-100 { color: var(--c--theme--colors--secondary-100); } - .clr-secondary-200 { color: var(--c--theme--colors--secondary-200); } - .clr-secondary-300 { color: var(--c--theme--colors--secondary-300); } - .clr-secondary-400 { color: var(--c--theme--colors--secondary-400); } - .clr-secondary-500 { color: var(--c--theme--colors--secondary-500); } - .clr-secondary-600 { color: var(--c--theme--colors--secondary-600); } - .clr-secondary-700 { color: var(--c--theme--colors--secondary-700); } - .clr-secondary-800 { color: var(--c--theme--colors--secondary-800); } - .clr-secondary-900 { color: var(--c--theme--colors--secondary-900); } - .clr-info-text { color: var(--c--theme--colors--info-text); } - .clr-info-100 { color: var(--c--theme--colors--info-100); } - .clr-info-200 { color: var(--c--theme--colors--info-200); } - .clr-info-300 { color: var(--c--theme--colors--info-300); } - .clr-info-400 { color: var(--c--theme--colors--info-400); } - .clr-info-500 { color: var(--c--theme--colors--info-500); } - .clr-info-600 { color: var(--c--theme--colors--info-600); } - .clr-info-700 { color: var(--c--theme--colors--info-700); } - .clr-info-800 { color: var(--c--theme--colors--info-800); } - .clr-info-900 { color: var(--c--theme--colors--info-900); } - .clr-greyscale-100 { color: var(--c--theme--colors--greyscale-100); } - .clr-greyscale-200 { color: var(--c--theme--colors--greyscale-200); } - .clr-greyscale-300 { color: var(--c--theme--colors--greyscale-300); } - .clr-greyscale-400 { color: var(--c--theme--colors--greyscale-400); } - .clr-greyscale-500 { color: var(--c--theme--colors--greyscale-500); } - .clr-greyscale-600 { color: var(--c--theme--colors--greyscale-600); } - .clr-greyscale-700 { color: var(--c--theme--colors--greyscale-700); } - .clr-greyscale-800 { color: var(--c--theme--colors--greyscale-800); } - .clr-greyscale-900 { color: var(--c--theme--colors--greyscale-900); } - .clr-greyscale-000 { color: var(--c--theme--colors--greyscale-000); } - .clr-primary-100 { color: var(--c--theme--colors--primary-100); } - .clr-primary-200 { color: var(--c--theme--colors--primary-200); } - .clr-primary-300 { color: var(--c--theme--colors--primary-300); } - .clr-primary-400 { color: var(--c--theme--colors--primary-400); } - .clr-primary-500 { color: var(--c--theme--colors--primary-500); } - .clr-primary-600 { color: var(--c--theme--colors--primary-600); } - .clr-primary-700 { color: var(--c--theme--colors--primary-700); } - .clr-primary-800 { color: var(--c--theme--colors--primary-800); } - .clr-primary-900 { color: var(--c--theme--colors--primary-900); } - .clr-success-100 { color: var(--c--theme--colors--success-100); } - .clr-success-200 { color: var(--c--theme--colors--success-200); } - .clr-success-300 { color: var(--c--theme--colors--success-300); } - .clr-success-400 { color: var(--c--theme--colors--success-400); } - .clr-success-500 { color: var(--c--theme--colors--success-500); } - .clr-success-600 { color: var(--c--theme--colors--success-600); } - .clr-success-700 { color: var(--c--theme--colors--success-700); } - .clr-success-800 { color: var(--c--theme--colors--success-800); } - .clr-success-900 { color: var(--c--theme--colors--success-900); } - .clr-warning-100 { color: var(--c--theme--colors--warning-100); } - .clr-warning-200 { color: var(--c--theme--colors--warning-200); } - .clr-warning-300 { color: var(--c--theme--colors--warning-300); } - .clr-warning-400 { color: var(--c--theme--colors--warning-400); } - .clr-warning-500 { color: var(--c--theme--colors--warning-500); } - .clr-warning-600 { color: var(--c--theme--colors--warning-600); } - .clr-warning-700 { color: var(--c--theme--colors--warning-700); } - .clr-warning-800 { color: var(--c--theme--colors--warning-800); } - .clr-warning-900 { color: var(--c--theme--colors--warning-900); } - .clr-danger-100 { color: var(--c--theme--colors--danger-100); } - .clr-danger-200 { color: var(--c--theme--colors--danger-200); } - .clr-danger-300 { color: var(--c--theme--colors--danger-300); } - .clr-danger-400 { color: var(--c--theme--colors--danger-400); } - .clr-danger-500 { color: var(--c--theme--colors--danger-500); } - .clr-danger-600 { color: var(--c--theme--colors--danger-600); } - .clr-danger-700 { color: var(--c--theme--colors--danger-700); } - .clr-danger-800 { color: var(--c--theme--colors--danger-800); } - .clr-danger-900 { color: var(--c--theme--colors--danger-900); } - .clr-primary-text { color: var(--c--theme--colors--primary-text); } - .clr-success-text { color: var(--c--theme--colors--success-text); } - .clr-warning-text { color: var(--c--theme--colors--warning-text); } - .clr-danger-text { color: var(--c--theme--colors--danger-text); } - .clr-card-border { color: var(--c--theme--colors--card-border); } - .clr-primary-bg { color: var(--c--theme--colors--primary-bg); } - .clr-primary-150 { color: var(--c--theme--colors--primary-150); } - .clr-info-150 { color: var(--c--theme--colors--info-150); } - .bg-secondary-text { background-color: var(--c--theme--colors--secondary-text); } - .bg-secondary-100 { background-color: var(--c--theme--colors--secondary-100); } - .bg-secondary-200 { background-color: var(--c--theme--colors--secondary-200); } - .bg-secondary-300 { background-color: var(--c--theme--colors--secondary-300); } - .bg-secondary-400 { background-color: var(--c--theme--colors--secondary-400); } - .bg-secondary-500 { background-color: var(--c--theme--colors--secondary-500); } - .bg-secondary-600 { background-color: var(--c--theme--colors--secondary-600); } - .bg-secondary-700 { background-color: var(--c--theme--colors--secondary-700); } - .bg-secondary-800 { background-color: var(--c--theme--colors--secondary-800); } - .bg-secondary-900 { background-color: var(--c--theme--colors--secondary-900); } - .bg-info-text { background-color: var(--c--theme--colors--info-text); } - .bg-info-100 { background-color: var(--c--theme--colors--info-100); } - .bg-info-200 { background-color: var(--c--theme--colors--info-200); } - .bg-info-300 { background-color: var(--c--theme--colors--info-300); } - .bg-info-400 { background-color: var(--c--theme--colors--info-400); } - .bg-info-500 { background-color: var(--c--theme--colors--info-500); } - .bg-info-600 { background-color: var(--c--theme--colors--info-600); } - .bg-info-700 { background-color: var(--c--theme--colors--info-700); } - .bg-info-800 { background-color: var(--c--theme--colors--info-800); } - .bg-info-900 { background-color: var(--c--theme--colors--info-900); } - .bg-greyscale-100 { background-color: var(--c--theme--colors--greyscale-100); } - .bg-greyscale-200 { background-color: var(--c--theme--colors--greyscale-200); } - .bg-greyscale-300 { background-color: var(--c--theme--colors--greyscale-300); } - .bg-greyscale-400 { background-color: var(--c--theme--colors--greyscale-400); } - .bg-greyscale-500 { background-color: var(--c--theme--colors--greyscale-500); } - .bg-greyscale-600 { background-color: var(--c--theme--colors--greyscale-600); } - .bg-greyscale-700 { background-color: var(--c--theme--colors--greyscale-700); } - .bg-greyscale-800 { background-color: var(--c--theme--colors--greyscale-800); } - .bg-greyscale-900 { background-color: var(--c--theme--colors--greyscale-900); } - .bg-greyscale-000 { background-color: var(--c--theme--colors--greyscale-000); } - .bg-primary-100 { background-color: var(--c--theme--colors--primary-100); } - .bg-primary-200 { background-color: var(--c--theme--colors--primary-200); } - .bg-primary-300 { background-color: var(--c--theme--colors--primary-300); } - .bg-primary-400 { background-color: var(--c--theme--colors--primary-400); } - .bg-primary-500 { background-color: var(--c--theme--colors--primary-500); } - .bg-primary-600 { background-color: var(--c--theme--colors--primary-600); } - .bg-primary-700 { background-color: var(--c--theme--colors--primary-700); } - .bg-primary-800 { background-color: var(--c--theme--colors--primary-800); } - .bg-primary-900 { background-color: var(--c--theme--colors--primary-900); } - .bg-success-100 { background-color: var(--c--theme--colors--success-100); } - .bg-success-200 { background-color: var(--c--theme--colors--success-200); } - .bg-success-300 { background-color: var(--c--theme--colors--success-300); } - .bg-success-400 { background-color: var(--c--theme--colors--success-400); } - .bg-success-500 { background-color: var(--c--theme--colors--success-500); } - .bg-success-600 { background-color: var(--c--theme--colors--success-600); } - .bg-success-700 { background-color: var(--c--theme--colors--success-700); } - .bg-success-800 { background-color: var(--c--theme--colors--success-800); } - .bg-success-900 { background-color: var(--c--theme--colors--success-900); } - .bg-warning-100 { background-color: var(--c--theme--colors--warning-100); } - .bg-warning-200 { background-color: var(--c--theme--colors--warning-200); } - .bg-warning-300 { background-color: var(--c--theme--colors--warning-300); } - .bg-warning-400 { background-color: var(--c--theme--colors--warning-400); } - .bg-warning-500 { background-color: var(--c--theme--colors--warning-500); } - .bg-warning-600 { background-color: var(--c--theme--colors--warning-600); } - .bg-warning-700 { background-color: var(--c--theme--colors--warning-700); } - .bg-warning-800 { background-color: var(--c--theme--colors--warning-800); } - .bg-warning-900 { background-color: var(--c--theme--colors--warning-900); } - .bg-danger-100 { background-color: var(--c--theme--colors--danger-100); } - .bg-danger-200 { background-color: var(--c--theme--colors--danger-200); } - .bg-danger-300 { background-color: var(--c--theme--colors--danger-300); } - .bg-danger-400 { background-color: var(--c--theme--colors--danger-400); } - .bg-danger-500 { background-color: var(--c--theme--colors--danger-500); } - .bg-danger-600 { background-color: var(--c--theme--colors--danger-600); } - .bg-danger-700 { background-color: var(--c--theme--colors--danger-700); } - .bg-danger-800 { background-color: var(--c--theme--colors--danger-800); } - .bg-danger-900 { background-color: var(--c--theme--colors--danger-900); } - .bg-primary-text { background-color: var(--c--theme--colors--primary-text); } - .bg-success-text { background-color: var(--c--theme--colors--success-text); } - .bg-warning-text { background-color: var(--c--theme--colors--warning-text); } - .bg-danger-text { background-color: var(--c--theme--colors--danger-text); } - .bg-card-border { background-color: var(--c--theme--colors--card-border); } - .bg-primary-bg { background-color: var(--c--theme--colors--primary-bg); } - .bg-primary-150 { background-color: var(--c--theme--colors--primary-150); } - .bg-info-150 { background-color: var(--c--theme--colors--info-150); } - .fw-thin { font-weight: var(--c--theme--font--weights--thin); } - .fw-light { font-weight: var(--c--theme--font--weights--light); } - .fw-regular { font-weight: var(--c--theme--font--weights--regular); } - .fw-medium { font-weight: var(--c--theme--font--weights--medium); } - .fw-bold { font-weight: var(--c--theme--font--weights--bold); } - .fw-extrabold { font-weight: var(--c--theme--font--weights--extrabold); } - .fw-black { font-weight: var(--c--theme--font--weights--black); } - .fs-h1 { font-size: var(--c--theme--font--sizes--h1); letter-spacing: var(--c--theme--font--letterspacings--h1); } - .fs-h2 { font-size: var(--c--theme--font--sizes--h2); letter-spacing: var(--c--theme--font--letterspacings--h2); } - .fs-h3 { font-size: var(--c--theme--font--sizes--h3); letter-spacing: var(--c--theme--font--letterspacings--h3); } - .fs-h4 { font-size: var(--c--theme--font--sizes--h4); letter-spacing: var(--c--theme--font--letterspacings--h4); } - .fs-h5 { font-size: var(--c--theme--font--sizes--h5); letter-spacing: var(--c--theme--font--letterspacings--h5); } - .fs-h6 { font-size: var(--c--theme--font--sizes--h6); letter-spacing: var(--c--theme--font--letterspacings--h6); } - .fs-l { font-size: var(--c--theme--font--sizes--l); letter-spacing: var(--c--theme--font--letterspacings--l); } - .fs-m { font-size: var(--c--theme--font--sizes--m); letter-spacing: var(--c--theme--font--letterspacings--m); } - .fs-s { font-size: var(--c--theme--font--sizes--s); letter-spacing: var(--c--theme--font--letterspacings--s); } - .fs-ml { font-size: var(--c--theme--font--sizes--ml); letter-spacing: var(--c--theme--font--letterspacings--ml); } - .fs-xl { font-size: var(--c--theme--font--sizes--xl); letter-spacing: var(--c--theme--font--letterspacings--xl); } - .fs-t { font-size: var(--c--theme--font--sizes--t); letter-spacing: var(--c--theme--font--letterspacings--t); } - .f-base { font-family: var(--c--theme--font--families--base); } - .f-accent { font-family: var(--c--theme--font--families--accent); } - .m-0 { margin: var(--c--theme--spacings--0); } - .mb-0 { margin-bottom: var(--c--theme--spacings--0); } - .mt-0 { margin-top: var(--c--theme--spacings--0); } - .ml-0 { margin-left: var(--c--theme--spacings--0); } - .mr-0 { margin-right: var(--c--theme--spacings--0); } - .m-xl { margin: var(--c--theme--spacings--xl); } - .mb-xl { margin-bottom: var(--c--theme--spacings--xl); } - .mt-xl { margin-top: var(--c--theme--spacings--xl); } - .ml-xl { margin-left: var(--c--theme--spacings--xl); } - .mr-xl { margin-right: var(--c--theme--spacings--xl); } - .m-l { margin: var(--c--theme--spacings--l); } - .mb-l { margin-bottom: var(--c--theme--spacings--l); } - .mt-l { margin-top: var(--c--theme--spacings--l); } - .ml-l { margin-left: var(--c--theme--spacings--l); } - .mr-l { margin-right: var(--c--theme--spacings--l); } - .m-b { margin: var(--c--theme--spacings--b); } - .mb-b { margin-bottom: var(--c--theme--spacings--b); } - .mt-b { margin-top: var(--c--theme--spacings--b); } - .ml-b { margin-left: var(--c--theme--spacings--b); } - .mr-b { margin-right: var(--c--theme--spacings--b); } - .m-s { margin: var(--c--theme--spacings--s); } - .mb-s { margin-bottom: var(--c--theme--spacings--s); } - .mt-s { margin-top: var(--c--theme--spacings--s); } - .ml-s { margin-left: var(--c--theme--spacings--s); } - .mr-s { margin-right: var(--c--theme--spacings--s); } - .m-t { margin: var(--c--theme--spacings--t); } - .mb-t { margin-bottom: var(--c--theme--spacings--t); } - .mt-t { margin-top: var(--c--theme--spacings--t); } - .ml-t { margin-left: var(--c--theme--spacings--t); } - .mr-t { margin-right: var(--c--theme--spacings--t); } - .m-st { margin: var(--c--theme--spacings--st); } - .mb-st { margin-bottom: var(--c--theme--spacings--st); } - .mt-st { margin-top: var(--c--theme--spacings--st); } - .ml-st { margin-left: var(--c--theme--spacings--st); } - .mr-st { margin-right: var(--c--theme--spacings--st); } - .m-none { margin: var(--c--theme--spacings--none); } - .mb-none { margin-bottom: var(--c--theme--spacings--none); } - .mt-none { margin-top: var(--c--theme--spacings--none); } - .ml-none { margin-left: var(--c--theme--spacings--none); } - .mr-none { margin-right: var(--c--theme--spacings--none); } - .m-auto { margin: var(--c--theme--spacings--auto); } - .mb-auto { margin-bottom: var(--c--theme--spacings--auto); } - .mt-auto { margin-top: var(--c--theme--spacings--auto); } - .ml-auto { margin-left: var(--c--theme--spacings--auto); } - .mr-auto { margin-right: var(--c--theme--spacings--auto); } - .m-bx { margin: var(--c--theme--spacings--bx); } - .mb-bx { margin-bottom: var(--c--theme--spacings--bx); } - .mt-bx { margin-top: var(--c--theme--spacings--bx); } - .ml-bx { margin-left: var(--c--theme--spacings--bx); } - .mr-bx { margin-right: var(--c--theme--spacings--bx); } - .m-full { margin: var(--c--theme--spacings--full); } - .mb-full { margin-bottom: var(--c--theme--spacings--full); } - .mt-full { margin-top: var(--c--theme--spacings--full); } - .ml-full { margin-left: var(--c--theme--spacings--full); } - .mr-full { margin-right: var(--c--theme--spacings--full); } - .p-0 { padding: var(--c--theme--spacings--0); } - .pb-0 { padding-bottom: var(--c--theme--spacings--0); } - .pt-0 { padding-top: var(--c--theme--spacings--0); } - .pl-0 { padding-left: var(--c--theme--spacings--0); } - .pr-0 { padding-right: var(--c--theme--spacings--0); } - .p-xl { padding: var(--c--theme--spacings--xl); } - .pb-xl { padding-bottom: var(--c--theme--spacings--xl); } - .pt-xl { padding-top: var(--c--theme--spacings--xl); } - .pl-xl { padding-left: var(--c--theme--spacings--xl); } - .pr-xl { padding-right: var(--c--theme--spacings--xl); } - .p-l { padding: var(--c--theme--spacings--l); } - .pb-l { padding-bottom: var(--c--theme--spacings--l); } - .pt-l { padding-top: var(--c--theme--spacings--l); } - .pl-l { padding-left: var(--c--theme--spacings--l); } - .pr-l { padding-right: var(--c--theme--spacings--l); } - .p-b { padding: var(--c--theme--spacings--b); } - .pb-b { padding-bottom: var(--c--theme--spacings--b); } - .pt-b { padding-top: var(--c--theme--spacings--b); } - .pl-b { padding-left: var(--c--theme--spacings--b); } - .pr-b { padding-right: var(--c--theme--spacings--b); } - .p-s { padding: var(--c--theme--spacings--s); } - .pb-s { padding-bottom: var(--c--theme--spacings--s); } - .pt-s { padding-top: var(--c--theme--spacings--s); } - .pl-s { padding-left: var(--c--theme--spacings--s); } - .pr-s { padding-right: var(--c--theme--spacings--s); } - .p-t { padding: var(--c--theme--spacings--t); } - .pb-t { padding-bottom: var(--c--theme--spacings--t); } - .pt-t { padding-top: var(--c--theme--spacings--t); } - .pl-t { padding-left: var(--c--theme--spacings--t); } - .pr-t { padding-right: var(--c--theme--spacings--t); } - .p-st { padding: var(--c--theme--spacings--st); } - .pb-st { padding-bottom: var(--c--theme--spacings--st); } - .pt-st { padding-top: var(--c--theme--spacings--st); } - .pl-st { padding-left: var(--c--theme--spacings--st); } - .pr-st { padding-right: var(--c--theme--spacings--st); } - .p-none { padding: var(--c--theme--spacings--none); } - .pb-none { padding-bottom: var(--c--theme--spacings--none); } - .pt-none { padding-top: var(--c--theme--spacings--none); } - .pl-none { padding-left: var(--c--theme--spacings--none); } - .pr-none { padding-right: var(--c--theme--spacings--none); } - .p-auto { padding: var(--c--theme--spacings--auto); } - .pb-auto { padding-bottom: var(--c--theme--spacings--auto); } - .pt-auto { padding-top: var(--c--theme--spacings--auto); } - .pl-auto { padding-left: var(--c--theme--spacings--auto); } - .pr-auto { padding-right: var(--c--theme--spacings--auto); } - .p-bx { padding: var(--c--theme--spacings--bx); } - .pb-bx { padding-bottom: var(--c--theme--spacings--bx); } - .pt-bx { padding-top: var(--c--theme--spacings--bx); } - .pl-bx { padding-left: var(--c--theme--spacings--bx); } - .pr-bx { padding-right: var(--c--theme--spacings--bx); } - .p-full { padding: var(--c--theme--spacings--full); } - .pb-full { padding-bottom: var(--c--theme--spacings--full); } - .pt-full { padding-top: var(--c--theme--spacings--full); } - .pl-full { padding-left: var(--c--theme--spacings--full); } - .pr-full { padding-right: var(--c--theme--spacings--full); } diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts index ae7fd4f5..46b329a4 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts @@ -505,5 +505,31 @@ export const tokens = { 'forms-textarea': { 'border-radius': '0' }, }, }, + openDesk: { + theme: { + colors: { + 'primary-text': '#4519C2', + 'primary-100': '#F7F5FF', + 'primary-200': '#ECE7FE', + 'primary-300': '#DCD2FE', + 'primary-400': '#C8B9FD', + 'primary-500': '#8E75FA', + 'primary-600': '#7051FA', + 'primary-700': '#7051FA', + 'primary-800': '#4519C2', + 'primary-900': '#341291', + 'secondary-text': '#008A7B', + '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', + }, + }, + }, }, };