Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(plasma-tokens): auto generate plasma_giga theme #1743

Open
wants to merge 1 commit into
base: dev
Choose a base branch
from
+56 −56
Open

feat(plasma-tokens): auto generate plasma_giga theme #1743

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 28 additions & 28 deletions packages/plasma-tokens/data/themes/plasma_giga.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1320,15 +1320,15 @@
"comment": "Глубокий прозрачный фон поверхности/контрола"
},
"surfaceTransparentCardHover": {
"value": "#FFFFFF3D",
"value": "#EBFFFD1C",
"comment": "Прозрачный фон для карточек"
},
"surfaceTransparentCardActive": {
"value": "#FFFFFF0F",
"value": "#EBFFFD08",
"comment": "Прозрачный фон для карточек"
},
"surfaceTransparentCardBrightness": {
"value": "#FFFFFF1F",
"value": "#EBFFFD0D",
"comment": "Прозрачный фон для карточек"
},
"surfaceClearHover": {
Expand Down Expand Up @@ -1621,10 +1621,6 @@
"value": "#FFFFFF",
"comment": "Непрозрачный фон поверхности/контрола по умолчанию"
},
"surfaceTransparentCard": {
"value": "rgba(255,255,255,0.12)",
"comment": "Прозрачный фон для карточек"
},
"surfaceTransparentPrimary": {
"value": "rgba(255,255,255,0.05)",
"comment": "Основной прозрачный фон поверхности/контрола"
Expand Down Expand Up @@ -1739,6 +1735,10 @@
"surfaceTransparentAccent": {
"value": "rgba(36,242,191,0.28)",
"comment": "Прозрачный акцентный фон поверхности/контрола"
},
"surfaceTransparentCard": {
"value": "#edfffd0d",
"comment": "Прозрачный фон для карточек"
}
},
"onDark": {
Expand Down Expand Up @@ -1823,15 +1823,15 @@
"comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне"
},
"surfaceTransparentCardHover": {
"value": "#FFFFFF3D",
"value": "#EBFFFD1C",
"comment": "Прозрачный фон для карточек на темном фоне"
},
"surfaceTransparentCardActive": {
"value": "#FFFFFF0F",
"value": "#EBFFFD08",
"comment": "Прозрачный фон для карточек на темном фоне"
},
"surfaceTransparentCardBrightness": {
"value": "#FFFFFF1F",
"value": "#EBFFFD0D",
"comment": "Прозрачный фон для карточек на темном фоне"
},
"surfaceClear": {
Expand Down Expand Up @@ -2131,10 +2131,6 @@
"value": "#FFFFFF",
"comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне"
},
"surfaceTransparentCard": {
"value": "rgba(255,255,255,0.12)",
"comment": "Прозрачный фон для карточек на темном фоне"
},
"surfaceTransparentPrimary": {
"value": "rgba(255,255,255,0.05)",
"comment": "Основной прозрачный фон поверхности/контрола на темном фоне"
Expand Down Expand Up @@ -2245,6 +2241,10 @@
"surfaceTransparentAccent": {
"value": "rgba(36,242,191,0.28)",
"comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне"
},
"surfaceTransparentCard": {
"value": "#edfffd0d",
"comment": "Прозрачный фон для карточек на темном фоне"
}
},
"onLight": {
Expand Down Expand Up @@ -6744,15 +6744,15 @@
"comment": "Глубокий прозрачный фон поверхности/контрола на темном фоне"
},
"surfaceTransparentCardHover": {
"value": "#FFFFFF0A",
"value": "#EBFFFD03",
"comment": "Прозрачный фон для карточек на темном фоне"
},
"surfaceTransparentCardActive": {
"value": "#FFFFFF29",
"value": "#EBFFFD17",
"comment": "Прозрачный фон для карточек на темном фоне"
},
"surfaceTransparentCardBrightness": {
"value": "#FFFFFF1F",
"value": "#EBFFFD0D",
"comment": "Прозрачный фон для карточек на темном фоне"
},
"surfaceClear": {
Expand Down Expand Up @@ -7052,10 +7052,6 @@
"value": "#FFFFFF",
"comment": "Непрозрачный фон поверхности/контрола по умолчанию на темном фоне"
},
"surfaceTransparentCard": {
"value": "rgba(255,255,255,0.12)",
"comment": "Прозрачный фон для карточек на темном фоне"
},
"surfaceTransparentPrimary": {
"value": "rgba(255,255,255,0.05)",
"comment": "Основной прозрачный фон поверхности/контрола на темном фоне"
Expand Down Expand Up @@ -7166,6 +7162,10 @@
"surfaceTransparentAccent": {
"value": "rgba(36,242,191,0.28)",
"comment": "Прозрачный акцентный фон поверхности/контрола на темном фоне"
},
"surfaceTransparentCard": {
"value": "#edfffd0d",
"comment": "Прозрачный фон для карточек на темном фоне"
}
},
"onLight": {
Expand Down Expand Up @@ -7756,15 +7756,15 @@
"comment": "Инвертированный глубокий прозрачный фон поверхности/контрола"
},
"surfaceTransparentCardHover": {
"value": "#FFFFFF0A",
"value": "#EBFFFD03",
"comment": "Инвертированный прозрачный фон для карточек"
},
"surfaceTransparentCardActive": {
"value": "#FFFFFF29",
"value": "#EBFFFD17",
"comment": "Инвертированный прозрачный фон для карточек"
},
"surfaceTransparentCardBrightness": {
"value": "#FFFFFF1F",
"value": "#EBFFFD0D",
"comment": "Инвертированный прозрачный фон для карточек"
},
"surfaceClear": {
Expand Down Expand Up @@ -8064,10 +8064,6 @@
"value": "#FFFFFF",
"comment": "Инвертированный непрозрачный фон поверхности/контрола по умолчанию"
},
"surfaceTransparentCard": {
"value": "rgba(255,255,255,0.12)",
"comment": "Инвертированный прозрачный фон для карточек"
},
"surfaceTransparentPrimary": {
"value": "rgba(255,255,255,0.06)",
"comment": "Инвертированный основной прозрачный фон поверхности/контрола"
Expand Down Expand Up @@ -8136,6 +8132,10 @@
"surfaceTransparentAccent": {
"value": "rgba(36,242,191,0.28)",
"comment": "Прозрачный инвертированный акцентный фон поверхности/контрола"
},
"surfaceTransparentCard": {
"value": "#edfffd0d",
"comment": "Инвертированный прозрачный фон для карточек"
}
}
},
Expand Down
24 changes: 12 additions & 12 deletions packages/plasma-tokens/src/brands/plasma_giga/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -616,13 +616,13 @@ export const surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover
export const surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)';

/** Прозрачный фон для карточек */
export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF3D)';
export const surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #EBFFFD1C)';

/** Прозрачный фон для карточек */
export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #FFFFFF0F)';
export const surfaceTransparentCardActive = 'var(--surface-transparent-card-active, #EBFFFD08)';

/** Прозрачный фон для карточек */
export const surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FFFFFF1F)';
export const surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #EBFFFD0D)';

/** Фон поверхности/контрола без заливки */
export const surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
Expand Down Expand Up @@ -750,9 +750,6 @@ export const surfaceSolidCard = 'var(--surface-solid-card, #171717)';
/** Непрозрачный фон поверхности/контрола по умолчанию */
export const surfaceSolidDefault = 'var(--surface-solid-default, #FFFFFF)';

/** Прозрачный фон для карточек */
export const surfaceTransparentCard = 'var(--surface-transparent-card, rgba(255,255,255,0.12))';

/** Основной прозрачный фон поверхности/контрола */
export const surfaceTransparentPrimary = 'var(--surface-transparent-primary, rgba(255,255,255,0.05))';

Expand Down Expand Up @@ -807,6 +804,9 @@ export const surfaceAccentMinor = 'var(--surface-accent-minor, #0D5442)';
/** Прозрачный акцентный фон поверхности/контрола */
export const surfaceTransparentAccent = 'var(--surface-transparent-accent, rgba(36,242,191,0.28))';

/** Прозрачный фон для карточек */
export const surfaceTransparentCard = 'var(--surface-transparent-card, #edfffd0d)';

/** Основной непрозрачный фон поверхности/контрола на темном фоне */
export const onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #121212FF)';

Expand Down Expand Up @@ -868,13 +868,13 @@ export const onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transpar
export const onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)';

/** Прозрачный фон для карточек на темном фоне */
export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF3D)';
export const onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #EBFFFD1C)';

/** Прозрачный фон для карточек на темном фоне */
export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0F)';
export const onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #EBFFFD08)';

/** Прозрачный фон для карточек на темном фоне */
export const onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFFFF1F)';
export const onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #EBFFFD0D)';

/** Акцентный фон поверхности/контрола на темном фоне */
export const onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #4DF5CBFF)';
Expand Down Expand Up @@ -996,9 +996,6 @@ export const onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary,
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
export const onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #FFFFFF)';

/** Прозрачный фон для карточек на темном фоне */
export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255,255,255,0.12))';

/** Основной прозрачный фон поверхности/контрола на темном фоне */
export const onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255,255,255,0.05))';

Expand Down Expand Up @@ -1051,6 +1048,9 @@ export const onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #0D
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
export const onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, rgba(36,242,191,0.28))';

/** Прозрачный фон для карточек на темном фоне */
export const onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #edfffd0d)';

/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
export const onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F7F7F7FF)';

Expand Down
16 changes: 8 additions & 8 deletions packages/plasma-tokens/src/themes/plasma_giga__dark.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -206,9 +206,9 @@ export const plasma_giga__dark = {
'--surface-transparent-tertiary-active': '#FFFFFF17',
'--surface-transparent-deep-hover': '#FFFFFFC2',
'--surface-transparent-deep-active': '#FFFFFF94',
'--surface-transparent-card-hover': '#FFFFFF3D',
'--surface-transparent-card-active': '#FFFFFF0F',
'--surface-transparent-card-brightness': '#FFFFFF1F',
'--surface-transparent-card-hover': '#EBFFFD1C',
'--surface-transparent-card-active': '#EBFFFD08',
'--surface-transparent-card-brightness': '#EBFFFD0D',
'--surface-clear-hover': '#FFFFFFFF',
'--surface-clear-active': '#FFFFFFFF',
'--surface-accent-hover': '#4DF5CBFF',
Expand Down Expand Up @@ -251,7 +251,6 @@ export const plasma_giga__dark = {
'--surface-solid-tertiary': '#262626',
'--surface-solid-card': '#171717',
'--surface-solid-default': '#FFFFFF',
'--surface-transparent-card': 'rgba(255,255,255,0.12)',
'--surface-transparent-primary': 'rgba(255,255,255,0.05)',
'--surface-transparent-secondary': 'rgba(255,255,255,0.10)',
'--surface-transparent-tertiary': 'rgba(255,255,255,0.15)',
Expand All @@ -270,6 +269,7 @@ export const plasma_giga__dark = {
'--surface-accent': '#24F2BF',
'--surface-accent-minor': '#0D5442',
'--surface-transparent-accent': 'rgba(36,242,191,0.28)',
'--surface-transparent-card': '#edfffd0d',
'--on-dark-surface-solid-primary-hover': '#121212FF',
'--on-dark-surface-solid-primary-active': '#080808FF',
'--on-dark-surface-solid-primary-brightness': '#1C1C1CFF',
Expand All @@ -290,9 +290,9 @@ export const plasma_giga__dark = {
'--on-dark-surface-transparent-tertiary-active': '#FFFFFF17',
'--on-dark-surface-transparent-deep-hover': '#FFFFFFC2',
'--on-dark-surface-transparent-deep-active': '#FFFFFF94',
'--on-dark-surface-transparent-card-hover': '#FFFFFF3D',
'--on-dark-surface-transparent-card-active': '#FFFFFF0F',
'--on-dark-surface-transparent-card-brightness': '#FFFFFF1F',
'--on-dark-surface-transparent-card-hover': '#EBFFFD1C',
'--on-dark-surface-transparent-card-active': '#EBFFFD08',
'--on-dark-surface-transparent-card-brightness': '#EBFFFD0D',
'--on-dark-surface-accent-hover': '#4DF5CBFF',
'--on-dark-surface-accent-active': '#1CF2BCFF',
'--on-dark-surface-accent-gradient-hover': '#FFFFFFFF',
Expand Down Expand Up @@ -333,7 +333,6 @@ export const plasma_giga__dark = {
'--on-dark-surface-solid-secondary': '#191919',
'--on-dark-surface-solid-tertiary': '#262626',
'--on-dark-surface-solid-default': '#FFFFFF',
'--on-dark-surface-transparent-card': 'rgba(255,255,255,0.12)',
'--on-dark-surface-transparent-primary': 'rgba(255,255,255,0.05)',
'--on-dark-surface-transparent-secondary': 'rgba(255,255,255,0.10)',
'--on-dark-surface-transparent-tertiary': 'rgba(255,255,255,0.15)',
Expand All @@ -351,6 +350,7 @@ export const plasma_giga__dark = {
'--on-dark-surface-accent': '#24F2BF',
'--on-dark-surface-accent-minor': '#0D5442',
'--on-dark-surface-transparent-accent': 'rgba(36,242,191,0.28)',
'--on-dark-surface-transparent-card': '#edfffd0d',
'--on-light-surface-solid-primary-hover': '#F7F7F7FF',
'--on-light-surface-solid-primary-active': '#EDEDEDFF',
'--on-light-surface-solid-primary-brightness': '#FFFFFFFF',
Expand Down
Loading