studio/docs
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(app-impress) lighter border pad editor

Browse Source 
Make border pad editor a bit lighter.
This commit is contained in:
Anthony LC
2024-05-14 10:50:16 +02:00
committed by Anthony LC
parent c25814b060
commit 4ffcf164d8
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/frontend/apps/impress/cunningham.ts
View File

@@ -3,7 +3,7 @@ const config = {
default: { default: {
theme: { theme: {
colors: { colors: {
'card-border': '#DDDDDD', 'card-border': '#ededed',
'primary-bg': '#FAFAFA', 'primary-bg': '#FAFAFA',
'primary-100': '#EDF5FA', 'primary-100': '#EDF5FA',
'primary-150': '#E5EEFA', 'primary-150': '#E5EEFA',
@@ -188,7 +188,7 @@ const config = {
dsfr: { dsfr: {
theme: { theme: {
colors: { colors: {
'card-border': '#DDDDDD', 'card-border': '#ededed',
'primary-text': '#000091', 'primary-text': '#000091',
'primary-100': '#f5f5fe', 'primary-100': '#f5f5fe',
'primary-150': '#F4F4FD', 'primary-150': '#F4F4FD',

2
src/frontend/apps/impress/src/components/Card.tsx
View File

@@ -16,7 +16,7 @@ export const Card = ({
$background="white" $background="white"
$radius="4px" $radius="4px"
$css={` $css={`
box-shadow: 2px 2px 5px ${colorsTokens()['primary-300']}88; box-shadow: 2px 2px 5px ${colorsTokens()['greyscale-300']};
border: 1px solid ${colorsTokens()['card-border']}; border: 1px solid ${colorsTokens()['card-border']};
${$css} ${$css}
`} `}

4
src/frontend/apps/impress/src/cunningham/cunningham-tokens.css
View File

@@ -69,7 +69,7 @@
--c--theme--colors--success-text: var(--c--theme--colors--greyscale-000); --c--theme--colors--success-text: var(--c--theme--colors--greyscale-000);
--c--theme--colors--warning-text: var(--c--theme--colors--greyscale-000); --c--theme--colors--warning-text: var(--c--theme--colors--greyscale-000);
--c--theme--colors--danger-text: var(--c--theme--colors--greyscale-000); --c--theme--colors--danger-text: var(--c--theme--colors--greyscale-000);
--c--theme--colors--card-border: #ddd; --c--theme--colors--card-border: #ededed;
--c--theme--colors--primary-bg: #fafafa; --c--theme--colors--primary-bg: #fafafa;
--c--theme--colors--primary-150: #e5eefa; --c--theme--colors--primary-150: #e5eefa;
--c--theme--colors--info-150: #e5eefa; --c--theme--colors--info-150: #e5eefa;
@@ -331,7 +331,7 @@
} }
.cunningham-theme--dsfr { .cunningham-theme--dsfr {
--c--theme--colors--card-border: #ddd; --c--theme--colors--card-border: #ededed;
--c--theme--colors--primary-text: #000091; --c--theme--colors--primary-text: #000091;
--c--theme--colors--primary-100: #f5f5fe; --c--theme--colors--primary-100: #f5f5fe;
--c--theme--colors--primary-150: #f4f4fd; --c--theme--colors--primary-150: #f4f4fd;

4
src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts
View File

@@ -73,7 +73,7 @@ export const tokens = {
'success-text': '#FFFFFF', 'success-text': '#FFFFFF',
'warning-text': '#FFFFFF', 'warning-text': '#FFFFFF',
'danger-text': '#FFFFFF', 'danger-text': '#FFFFFF',
'card-border': '#DDDDDD', 'card-border': '#ededed',
'primary-bg': '#FAFAFA', 'primary-bg': '#FAFAFA',
'primary-150': '#E5EEFA', 'primary-150': '#E5EEFA',
'info-150': '#E5EEFA', 'info-150': '#E5EEFA',
@@ -332,7 +332,7 @@ export const tokens = {
dsfr: { dsfr: {
theme: { theme: {
colors: { colors: {
'card-border': '#DDDDDD', 'card-border': '#ededed',
'primary-text': '#000091', 'primary-text': '#000091',
'primary-100': '#f5f5fe', 'primary-100': '#f5f5fe',
'primary-150': '#F4F4FD', 'primary-150': '#F4F4FD',