diff --git a/src/frontend/apps/impress/.env b/src/frontend/apps/impress/.env index 41724eaab..0c6918ed7 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=open-desk diff --git a/src/frontend/apps/impress/cunningham.ts b/src/frontend/apps/impress/cunningham.ts index 00f3c66a8..47318f9a6 100644 --- a/src/frontend/apps/impress/cunningham.ts +++ b/src/frontend/apps/impress/cunningham.ts @@ -394,6 +394,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', + }, + }, + }, }, }; diff --git a/src/frontend/apps/impress/public/assets/logo-open-desk.svg b/src/frontend/apps/impress/public/assets/logo-open-desk.svg new file mode 100644 index 000000000..d6d42027f --- /dev/null +++ b/src/frontend/apps/impress/public/assets/logo-open-desk.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + diff --git a/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Bold.woff2 b/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Bold.woff2 new file mode 100644 index 000000000..c80b2d2af Binary files /dev/null and b/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Bold.woff2 differ diff --git a/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Italic.woff2 b/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Italic.woff2 new file mode 100644 index 000000000..440b74c39 Binary files /dev/null and b/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Italic.woff2 differ diff --git a/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Regular.woff2 b/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Regular.woff2 new file mode 100644 index 000000000..f778f9c84 Binary files /dev/null and b/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Regular.woff2 differ diff --git a/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Semibold.woff2 b/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Semibold.woff2 new file mode 100644 index 000000000..852f7106c Binary files /dev/null and b/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-Semibold.woff2 differ diff --git a/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-font.css b/src/frontend/apps/impress/src/assets/fonts/OpenSans/OpenSans-font.css new file mode 100644 index 000000000..2ef1f28ea --- /dev/null +++ b/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; +} diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-style.css b/src/frontend/apps/impress/src/cunningham/cunningham-style.css index 46da3784f..16294b6ee 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-style.css +++ b/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, diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css index b30e35070..27f37aafe 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css @@ -514,6 +514,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); } diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts index d435b8594..1d3ddd09c 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts +++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts @@ -509,5 +509,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' }, + }, + }, }, };