From 0b1afd3a16037ec8e91209e8c9e030071ece8f71 Mon Sep 17 00:00:00 2001 From: "charcoal-bot[bot]" <102140162+charcoal-bot[bot]@users.noreply.github.com> Date: Fri, 19 Jul 2024 09:53:37 +0000 Subject: [PATCH] Update theme --- packages/theme/src/css/_variables_dark.css | 139 ++++++++++---------- packages/theme/src/css/_variables_light.css | 139 ++++++++++---------- packages/theme/src/json/base.json | 112 ++++++++-------- packages/theme/src/json/pixiv-dark.json | 21 +-- packages/theme/src/json/pixiv-light.json | 21 +-- 5 files changed, 222 insertions(+), 210 deletions(-) diff --git a/packages/theme/src/css/_variables_dark.css b/packages/theme/src/css/_variables_dark.css index a1f69a7ae..42459ba79 100644 --- a/packages/theme/src/css/_variables_dark.css +++ b/packages/theme/src/css/_variables_dark.css @@ -1,12 +1,68 @@ /** * Do not edit directly - * Generated on Thu, 11 Jul 2024 10:03:50 GMT + * Generated on Fri, 19 Jul 2024 09:53:29 GMT */ :root[data-theme='dark'] { --charcoal-color-text-brand-premium-press: rgba(213, 133, 18, 1); --charcoal-color-text-brand-premium-hover: rgba(243, 152, 21, 1); --charcoal-color-container-subtle: rgba(228, 228, 228, 0.02); + --charcoal-text-font-family-sans: Sarasa UI J; + --charcoal-text-line-height-100: 72; + --charcoal-text-line-height-90: 64; + --charcoal-text-line-height-80: 56; + --charcoal-text-line-height-70: 52; + --charcoal-text-line-height-60: 44; + --charcoal-text-line-height-50: 40; + --charcoal-text-line-height-40: 36; + --charcoal-text-line-height-30: 32; + --charcoal-text-line-height-20: 28; + --charcoal-text-line-height-10: 24; + --charcoal-text-line-height-5: 20; + --charcoal-text-line-height-1: 18; + --charcoal-text-font-weight-70: 700; + --charcoal-text-font-weight-40: 400; + --charcoal-text-line-height-0: 16; + --charcoal-text-font-size-120: 60; + --charcoal-text-font-size-110: 50; + --charcoal-text-font-size-100: 45; + --charcoal-text-font-size-90: 40; + --charcoal-text-font-size-80: 36; + --charcoal-text-font-size-70: 32; + --charcoal-text-font-size-60: 28; + --charcoal-text-font-size-50: 25; + --charcoal-text-font-size-40: 22; + --charcoal-text-font-size-30: 20; + --charcoal-text-font-size-20: 18; + --charcoal-text-font-size-10: 16; + --charcoal-text-font-size-5: 14; + --charcoal-text-font-size-1: 12; + --charcoal-text-font-size-0: 11; + --charcoal-space-target-l: 48; + --charcoal-space-target-m: 40; + --charcoal-space-target-s: 32; + --charcoal-space-target-xs: 24; + --charcoal-space-999: 999999; + --charcoal-space-100: 440; + --charcoal-space-90: 272; + --charcoal-space-80: 168; + --charcoal-space-70: 104; + --charcoal-space-66: 96; + --charcoal-space-63: 80; + --charcoal-space-60: 64; + --charcoal-space-55: 48; + --charcoal-space-50: 40; + --charcoal-space-46: 32; + --charcoal-space-43: 28; + --charcoal-space-40: 24; + --charcoal-space-35: 20; + --charcoal-space-30: 16; + --charcoal-space-25: 12; + --charcoal-space-20: 8; + --charcoal-space-15: 6; + --charcoal-space-10: 4; + --charcoal-space-1: 2; + --charcoal-space-0: 0; --charcoal-colors-dark-magenta-90: rgba(253, 217, 233, 1); --charcoal-colors-dark-magenta-80: rgba(247, 184, 213, 1); --charcoal-colors-dark-magenta-70: rgba(243, 163, 200, 1); @@ -265,62 +321,6 @@ --charcoal-colors-light-neutral-a-5: rgba(31, 31, 31, 0.055); --charcoal-colors-light-neutral-a-0: rgba(31, 31, 31, 0); --charcoal-colors-light-neutral-0: rgba(255, 255, 255, 1); - --charcoal-text-font-family-sans: Sarasa UI J; - --charcoal-text-line-height-100: 72; - --charcoal-text-line-height-90: 64; - --charcoal-text-line-height-80: 56; - --charcoal-text-line-height-70: 52; - --charcoal-text-line-height-60: 44; - --charcoal-text-line-height-50: 40; - --charcoal-text-line-height-40: 36; - --charcoal-text-line-height-30: 32; - --charcoal-text-line-height-20: 28; - --charcoal-text-line-height-10: 24; - --charcoal-text-line-height-5: 20; - --charcoal-text-line-height-1: 18; - --charcoal-text-font-weight-70: 700; - --charcoal-text-font-weight-40: 400; - --charcoal-text-line-height-0: 16; - --charcoal-text-font-size-120: 60; - --charcoal-text-font-size-110: 50; - --charcoal-text-font-size-100: 45; - --charcoal-text-font-size-90: 40; - --charcoal-text-font-size-80: 36; - --charcoal-text-font-size-70: 32; - --charcoal-text-font-size-60: 28; - --charcoal-text-font-size-50: 25; - --charcoal-text-font-size-40: 22; - --charcoal-text-font-size-30: 20; - --charcoal-text-font-size-20: 18; - --charcoal-text-font-size-10: 16; - --charcoal-text-font-size-5: 14; - --charcoal-text-font-size-1: 12; - --charcoal-text-font-size-0: 11; - --charcoal-space-target-l: 48; - --charcoal-space-target-m: 40; - --charcoal-space-target-s: 32; - --charcoal-space-target-xs: 24; - --charcoal-space-999: 999999; - --charcoal-space-100: 440; - --charcoal-space-90: 272; - --charcoal-space-80: 168; - --charcoal-space-70: 104; - --charcoal-space-66: 96; - --charcoal-space-63: 80; - --charcoal-space-60: 64; - --charcoal-space-55: 48; - --charcoal-space-50: 40; - --charcoal-space-46: 32; - --charcoal-space-43: 28; - --charcoal-space-40: 24; - --charcoal-space-35: 20; - --charcoal-space-30: 16; - --charcoal-space-25: 12; - --charcoal-space-20: 8; - --charcoal-space-15: 6; - --charcoal-space-10: 4; - --charcoal-space-1: 2; - --charcoal-space-0: 0; --charcoal-brand-color-f-a-c-t-o-r-y: rgba(0, 184, 205, 1); --charcoal-brand-color-b-o-o-t-h: rgba(252, 77, 80, 1); --charcoal-brand-color-comic: rgba(255, 196, 0, 1); @@ -356,21 +356,21 @@ --charcoal-color-text-on-on-img-hover: var(--charcoal-colors-dark-neutral-90); --charcoal-color-text-on-on-img-default: var(--charcoal-colors-dark-neutral-90); --charcoal-color-text-on-primary-default: var(--charcoal-colors-dark-neutral-90); - --charcoal-color-text-visited-press: var(--charcoal-colors-dark-purple-90); - --charcoal-color-text-visited-hover: var(--charcoal-colors-dark-purple-80); - --charcoal-color-text-visited-default: var(--charcoal-colors-dark-purple-60); - --charcoal-color-text-info-press: var(--charcoal-colors-dark-blue-90); - --charcoal-color-text-info-hover: var(--charcoal-colors-dark-blue-80); - --charcoal-color-text-info-default: var(--charcoal-colors-dark-blue-60); - --charcoal-color-text-notice-press: var(--charcoal-colors-dark-yellow-90); - --charcoal-color-text-notice-hover: var(--charcoal-colors-dark-yellow-80); - --charcoal-color-text-notice-default: var(--charcoal-colors-dark-yellow-60); --charcoal-color-text-positive-press: var(--charcoal-colors-dark-green-90); --charcoal-color-text-positive-hover: var(--charcoal-colors-dark-green-80); --charcoal-color-text-positive-default: var(--charcoal-colors-dark-green-60); + --charcoal-color-text-notice-press: var(--charcoal-colors-dark-yellow-90); + --charcoal-color-text-notice-hover: var(--charcoal-colors-dark-yellow-80); + --charcoal-color-text-notice-default: var(--charcoal-colors-dark-yellow-60); --charcoal-color-text-negative-press: var(--charcoal-colors-dark-red-90); --charcoal-color-text-negative-hover: var(--charcoal-colors-dark-red-80); --charcoal-color-text-negative-default: var(--charcoal-colors-dark-red-60); + --charcoal-color-text-visited-press: var(--charcoal-colors-dark-purple-90); + --charcoal-color-text-visited-hover: var(--charcoal-colors-dark-purple-80); + --charcoal-color-text-visited-default: var(--charcoal-colors-dark-purple-60); + --charcoal-color-text-info-press: var(--charcoal-colors-dark-blue-90); + --charcoal-color-text-info-hover: var(--charcoal-colors-dark-blue-80); + --charcoal-color-text-info-default: var(--charcoal-colors-dark-blue-60); --charcoal-color-text-placeholder-press: var(--charcoal-colors-dark-neutral-50); --charcoal-color-text-placeholder-hover: var(--charcoal-colors-dark-neutral-40); --charcoal-color-text-placeholder-default: var(--charcoal-colors-dark-neutral-30); @@ -422,14 +422,15 @@ --charcoal-color-container-tertiary-default: var(--charcoal-colors-dark-neutral-10); --charcoal-color-container-secondary-default: var(--charcoal-colors-dark-neutral-5); --charcoal-color-container-disable: var(--charcoal-colors-dark-neutral-10); + --charcoal-color-container-press-a: var(--charcoal-colors-dark-neutral-a-10); + --charcoal-color-container-hover-a: var(--charcoal-colors-dark-neutral-a-5); + --charcoal-color-container-default-a: var(--charcoal-colors-dark-neutral-a-0); --charcoal-color-container-press: var(--charcoal-colors-dark-neutral-10); --charcoal-color-container-hover: var(--charcoal-colors-dark-neutral-5); --charcoal-color-container-default: var(--charcoal-colors-dark-neutral-0); --charcoal-color-background-tertiary: var(--charcoal-colors-dark-neutral--10); --charcoal-color-background-secondary: var(--charcoal-colors-dark-neutral--5); --charcoal-color-background-default: var(--charcoal-colors-dark-neutral-0); - --charcoal-colors-dark-neutral-a-90: var(--charcoal-colors-dark-neutral-90); - --charcoal-colors-light-neutral-a-90: var(--charcoal-colors-light-neutral-90); --charcoal-space-layout-100: var(--charcoal-space-100); --charcoal-space-layout-90: var(--charcoal-space-90); --charcoal-space-layout-80: var(--charcoal-space-80); @@ -457,6 +458,8 @@ --charcoal-space-component-10: var(--charcoal-space-10); --charcoal-space-component-1: var(--charcoal-space-1); --charcoal-space-component-0: var(--charcoal-space-0); + --charcoal-colors-dark-neutral-a-90: var(--charcoal-colors-dark-neutral-90); + --charcoal-colors-light-neutral-a-90: var(--charcoal-colors-light-neutral-90); --charcoal-color-icon-on-positive-press: var(--charcoal-color-text-on-positive-press); --charcoal-color-icon-on-positive-hover: var(--charcoal-color-text-on-positive-hover); --charcoal-color-icon-on-notice-press: var(--charcoal-color-text-on-notice-press); diff --git a/packages/theme/src/css/_variables_light.css b/packages/theme/src/css/_variables_light.css index 84c19a706..b34433c30 100644 --- a/packages/theme/src/css/_variables_light.css +++ b/packages/theme/src/css/_variables_light.css @@ -1,12 +1,68 @@ /** * Do not edit directly - * Generated on Thu, 11 Jul 2024 10:03:49 GMT + * Generated on Fri, 19 Jul 2024 09:53:27 GMT */ :root[data-theme='light'], :root:not([data-theme]) { --charcoal-color-text-brand-premium-press: rgba(213, 133, 18, 1); --charcoal-color-text-brand-premium-hover: rgba(243, 152, 21, 1); --charcoal-color-container-subtle: rgba(31, 31, 31, 0.02); + --charcoal-text-font-family-sans: Sarasa UI J; + --charcoal-text-line-height-100: 72; + --charcoal-text-line-height-90: 64; + --charcoal-text-line-height-80: 56; + --charcoal-text-line-height-70: 52; + --charcoal-text-line-height-60: 44; + --charcoal-text-line-height-50: 40; + --charcoal-text-line-height-40: 36; + --charcoal-text-line-height-30: 32; + --charcoal-text-line-height-20: 28; + --charcoal-text-line-height-10: 24; + --charcoal-text-line-height-5: 20; + --charcoal-text-line-height-1: 18; + --charcoal-text-font-weight-70: 700; + --charcoal-text-font-weight-40: 400; + --charcoal-text-line-height-0: 16; + --charcoal-text-font-size-120: 60; + --charcoal-text-font-size-110: 50; + --charcoal-text-font-size-100: 45; + --charcoal-text-font-size-90: 40; + --charcoal-text-font-size-80: 36; + --charcoal-text-font-size-70: 32; + --charcoal-text-font-size-60: 28; + --charcoal-text-font-size-50: 25; + --charcoal-text-font-size-40: 22; + --charcoal-text-font-size-30: 20; + --charcoal-text-font-size-20: 18; + --charcoal-text-font-size-10: 16; + --charcoal-text-font-size-5: 14; + --charcoal-text-font-size-1: 12; + --charcoal-text-font-size-0: 11; + --charcoal-space-target-l: 48; + --charcoal-space-target-m: 40; + --charcoal-space-target-s: 32; + --charcoal-space-target-xs: 24; + --charcoal-space-999: 999999; + --charcoal-space-100: 440; + --charcoal-space-90: 272; + --charcoal-space-80: 168; + --charcoal-space-70: 104; + --charcoal-space-66: 96; + --charcoal-space-63: 80; + --charcoal-space-60: 64; + --charcoal-space-55: 48; + --charcoal-space-50: 40; + --charcoal-space-46: 32; + --charcoal-space-43: 28; + --charcoal-space-40: 24; + --charcoal-space-35: 20; + --charcoal-space-30: 16; + --charcoal-space-25: 12; + --charcoal-space-20: 8; + --charcoal-space-15: 6; + --charcoal-space-10: 4; + --charcoal-space-1: 2; + --charcoal-space-0: 0; --charcoal-colors-dark-magenta-90: rgba(253, 217, 233, 1); --charcoal-colors-dark-magenta-80: rgba(247, 184, 213, 1); --charcoal-colors-dark-magenta-70: rgba(243, 163, 200, 1); @@ -265,62 +321,6 @@ --charcoal-colors-light-neutral-a-5: rgba(31, 31, 31, 0.055); --charcoal-colors-light-neutral-a-0: rgba(31, 31, 31, 0); --charcoal-colors-light-neutral-0: rgba(255, 255, 255, 1); - --charcoal-text-font-family-sans: Sarasa UI J; - --charcoal-text-line-height-100: 72; - --charcoal-text-line-height-90: 64; - --charcoal-text-line-height-80: 56; - --charcoal-text-line-height-70: 52; - --charcoal-text-line-height-60: 44; - --charcoal-text-line-height-50: 40; - --charcoal-text-line-height-40: 36; - --charcoal-text-line-height-30: 32; - --charcoal-text-line-height-20: 28; - --charcoal-text-line-height-10: 24; - --charcoal-text-line-height-5: 20; - --charcoal-text-line-height-1: 18; - --charcoal-text-font-weight-70: 700; - --charcoal-text-font-weight-40: 400; - --charcoal-text-line-height-0: 16; - --charcoal-text-font-size-120: 60; - --charcoal-text-font-size-110: 50; - --charcoal-text-font-size-100: 45; - --charcoal-text-font-size-90: 40; - --charcoal-text-font-size-80: 36; - --charcoal-text-font-size-70: 32; - --charcoal-text-font-size-60: 28; - --charcoal-text-font-size-50: 25; - --charcoal-text-font-size-40: 22; - --charcoal-text-font-size-30: 20; - --charcoal-text-font-size-20: 18; - --charcoal-text-font-size-10: 16; - --charcoal-text-font-size-5: 14; - --charcoal-text-font-size-1: 12; - --charcoal-text-font-size-0: 11; - --charcoal-space-target-l: 48; - --charcoal-space-target-m: 40; - --charcoal-space-target-s: 32; - --charcoal-space-target-xs: 24; - --charcoal-space-999: 999999; - --charcoal-space-100: 440; - --charcoal-space-90: 272; - --charcoal-space-80: 168; - --charcoal-space-70: 104; - --charcoal-space-66: 96; - --charcoal-space-63: 80; - --charcoal-space-60: 64; - --charcoal-space-55: 48; - --charcoal-space-50: 40; - --charcoal-space-46: 32; - --charcoal-space-43: 28; - --charcoal-space-40: 24; - --charcoal-space-35: 20; - --charcoal-space-30: 16; - --charcoal-space-25: 12; - --charcoal-space-20: 8; - --charcoal-space-15: 6; - --charcoal-space-10: 4; - --charcoal-space-1: 2; - --charcoal-space-0: 0; --charcoal-brand-color-f-a-c-t-o-r-y: rgba(0, 184, 205, 1); --charcoal-brand-color-b-o-o-t-h: rgba(252, 77, 80, 1); --charcoal-brand-color-comic: rgba(255, 196, 0, 1); @@ -356,21 +356,21 @@ --charcoal-color-text-on-on-img-hover: var(--charcoal-colors-light-neutral-0); --charcoal-color-text-on-on-img-default: var(--charcoal-colors-light-neutral-0); --charcoal-color-text-on-primary-default: var(--charcoal-colors-light-neutral-0); - --charcoal-color-text-visited-press: var(--charcoal-colors-light-purple-90); - --charcoal-color-text-visited-hover: var(--charcoal-colors-light-purple-80); - --charcoal-color-text-visited-default: var(--charcoal-colors-light-purple-70); - --charcoal-color-text-info-press: var(--charcoal-colors-light-blue-80); - --charcoal-color-text-info-hover: var(--charcoal-colors-light-blue-70); - --charcoal-color-text-info-default: var(--charcoal-colors-light-blue-60); - --charcoal-color-text-notice-press: var(--charcoal-colors-light-yellow-80); - --charcoal-color-text-notice-hover: var(--charcoal-colors-light-yellow-70); - --charcoal-color-text-notice-default: var(--charcoal-colors-light-yellow-60); --charcoal-color-text-positive-press: var(--charcoal-colors-light-green-80); --charcoal-color-text-positive-hover: var(--charcoal-colors-light-green-70); --charcoal-color-text-positive-default: var(--charcoal-colors-light-green-60); + --charcoal-color-text-notice-press: var(--charcoal-colors-light-yellow-80); + --charcoal-color-text-notice-hover: var(--charcoal-colors-light-yellow-70); + --charcoal-color-text-notice-default: var(--charcoal-colors-light-yellow-60); --charcoal-color-text-negative-press: var(--charcoal-colors-light-red-80); --charcoal-color-text-negative-hover: var(--charcoal-colors-light-red-70); --charcoal-color-text-negative-default: var(--charcoal-colors-light-red-60); + --charcoal-color-text-visited-press: var(--charcoal-colors-light-purple-90); + --charcoal-color-text-visited-hover: var(--charcoal-colors-light-purple-80); + --charcoal-color-text-visited-default: var(--charcoal-colors-light-purple-70); + --charcoal-color-text-info-press: var(--charcoal-colors-light-blue-80); + --charcoal-color-text-info-hover: var(--charcoal-colors-light-blue-70); + --charcoal-color-text-info-default: var(--charcoal-colors-light-blue-60); --charcoal-color-text-placeholder-press: var(--charcoal-colors-light-neutral-70); --charcoal-color-text-placeholder-hover: var(--charcoal-colors-light-neutral-60); --charcoal-color-text-placeholder-default: var(--charcoal-colors-light-neutral-50); @@ -422,14 +422,15 @@ --charcoal-color-container-tertiary-default: var(--charcoal-colors-light-neutral-10); --charcoal-color-container-secondary-default: var(--charcoal-colors-light-neutral-5); --charcoal-color-container-disable: var(--charcoal-colors-light-neutral-10); + --charcoal-color-container-press-a: var(--charcoal-colors-light-neutral-a-10); + --charcoal-color-container-hover-a: var(--charcoal-colors-light-neutral-a-5); + --charcoal-color-container-default-a: var(--charcoal-colors-light-neutral-a-0); --charcoal-color-container-press: var(--charcoal-colors-light-neutral-10); --charcoal-color-container-hover: var(--charcoal-colors-light-neutral-5); --charcoal-color-container-default: var(--charcoal-colors-light-neutral-0); --charcoal-color-background-tertiary: var(--charcoal-colors-light-neutral-10); --charcoal-color-background-secondary: var(--charcoal-colors-light-neutral-5); --charcoal-color-background-default: var(--charcoal-colors-light-neutral-0); - --charcoal-colors-dark-neutral-a-90: var(--charcoal-colors-dark-neutral-90); - --charcoal-colors-light-neutral-a-90: var(--charcoal-colors-light-neutral-90); --charcoal-space-layout-100: var(--charcoal-space-100); --charcoal-space-layout-90: var(--charcoal-space-90); --charcoal-space-layout-80: var(--charcoal-space-80); @@ -457,6 +458,8 @@ --charcoal-space-component-10: var(--charcoal-space-10); --charcoal-space-component-1: var(--charcoal-space-1); --charcoal-space-component-0: var(--charcoal-space-0); + --charcoal-colors-dark-neutral-a-90: var(--charcoal-colors-dark-neutral-90); + --charcoal-colors-light-neutral-a-90: var(--charcoal-colors-light-neutral-90); --charcoal-color-icon-on-positive-press: var(--charcoal-color-text-on-positive-press); --charcoal-color-icon-on-positive-hover: var(--charcoal-color-text-on-positive-hover); --charcoal-color-icon-on-notice-press: var(--charcoal-color-text-on-notice-press); diff --git a/packages/theme/src/json/base.json b/packages/theme/src/json/base.json index 63583468d..39866f4a6 100644 --- a/packages/theme/src/json/base.json +++ b/packages/theme/src/json/base.json @@ -6,62 +6,6 @@ "BOOTH": { "value": "rgba(252, 77, 80, 1)" }, "FACTORY": { "value": "rgba(0, 184, 205, 1)" } }, - "Space": { - "0": { "value": "0" }, - "1": { "value": "2" }, - "10": { "value": "4" }, - "15": { "value": "6" }, - "20": { "value": "8" }, - "25": { "value": "12" }, - "30": { "value": "16" }, - "35": { "value": "20" }, - "40": { "value": "24" }, - "43": { "value": "28" }, - "46": { "value": "32" }, - "50": { "value": "40" }, - "55": { "value": "48" }, - "60": { "value": "64" }, - "63": { "value": "80" }, - "66": { "value": "96" }, - "70": { "value": "104" }, - "80": { "value": "168" }, - "90": { "value": "272" }, - "100": { "value": "440" }, - "999": { "value": "999999" } - }, - "Text": { - "font-size/0": { "value": "11" }, - "font-size/1": { "value": "12" }, - "font-size/5": { "value": "14" }, - "font-size/10": { "value": "16" }, - "font-size/20": { "value": "18" }, - "font-size/30": { "value": "20" }, - "font-size/40": { "value": "22" }, - "font-size/50": { "value": "25" }, - "font-size/60": { "value": "28" }, - "font-size/70": { "value": "32" }, - "font-size/80": { "value": "36" }, - "font-size/90": { "value": "40" }, - "font-size/100": { "value": "45" }, - "font-size/110": { "value": "50" }, - "font-size/120": { "value": "60" }, - "line-height/0": { "value": "16" }, - "font-weight/40": { "value": "400" }, - "font-weight/70": { "value": "700" }, - "line-height/1": { "value": "18" }, - "line-height/5": { "value": "20" }, - "line-height/10": { "value": "24" }, - "line-height/20": { "value": "28" }, - "line-height/30": { "value": "32" }, - "line-height/40": { "value": "36" }, - "line-height/50": { "value": "40" }, - "line-height/60": { "value": "44" }, - "line-height/70": { "value": "52" }, - "line-height/80": { "value": "56" }, - "line-height/90": { "value": "64" }, - "line-height/100": { "value": "72" }, - "font-family/sans": { "value": "Sarasa UI J" } - }, "Colors": { "Light/Neutral/0": { "value": "rgba(255, 255, 255, 1)" }, "Light/NeutralA/0": { "value": "rgba(31, 31, 31, 0)" }, @@ -323,5 +267,61 @@ "Dark/Magenta/70": { "value": "rgba(243, 163, 200, 1)" }, "Dark/Magenta/80": { "value": "rgba(247, 184, 213, 1)" }, "Dark/Magenta/90": { "value": "rgba(253, 217, 233, 1)" } + }, + "Space": { + "0": { "value": "0" }, + "1": { "value": "2" }, + "10": { "value": "4" }, + "15": { "value": "6" }, + "20": { "value": "8" }, + "25": { "value": "12" }, + "30": { "value": "16" }, + "35": { "value": "20" }, + "40": { "value": "24" }, + "43": { "value": "28" }, + "46": { "value": "32" }, + "50": { "value": "40" }, + "55": { "value": "48" }, + "60": { "value": "64" }, + "63": { "value": "80" }, + "66": { "value": "96" }, + "70": { "value": "104" }, + "80": { "value": "168" }, + "90": { "value": "272" }, + "100": { "value": "440" }, + "999": { "value": "999999" } + }, + "Text": { + "font-size/0": { "value": "11" }, + "font-size/1": { "value": "12" }, + "font-size/5": { "value": "14" }, + "font-size/10": { "value": "16" }, + "font-size/20": { "value": "18" }, + "font-size/30": { "value": "20" }, + "font-size/40": { "value": "22" }, + "font-size/50": { "value": "25" }, + "font-size/60": { "value": "28" }, + "font-size/70": { "value": "32" }, + "font-size/80": { "value": "36" }, + "font-size/90": { "value": "40" }, + "font-size/100": { "value": "45" }, + "font-size/110": { "value": "50" }, + "font-size/120": { "value": "60" }, + "line-height/0": { "value": "16" }, + "font-weight/40": { "value": "400" }, + "font-weight/70": { "value": "700" }, + "line-height/1": { "value": "18" }, + "line-height/5": { "value": "20" }, + "line-height/10": { "value": "24" }, + "line-height/20": { "value": "28" }, + "line-height/30": { "value": "32" }, + "line-height/40": { "value": "36" }, + "line-height/50": { "value": "40" }, + "line-height/60": { "value": "44" }, + "line-height/70": { "value": "52" }, + "line-height/80": { "value": "56" }, + "line-height/90": { "value": "64" }, + "line-height/100": { "value": "72" }, + "font-family/sans": { "value": "Sarasa UI J" } } } diff --git a/packages/theme/src/json/pixiv-dark.json b/packages/theme/src/json/pixiv-dark.json index 9b83e7ee0..a4b3cdfc7 100644 --- a/packages/theme/src/json/pixiv-dark.json +++ b/packages/theme/src/json/pixiv-dark.json @@ -6,6 +6,9 @@ "container/default": { "value": "{Colors.Dark/Neutral/0}" }, "container/hover": { "value": "{Colors.Dark/Neutral/5}" }, "container/press": { "value": "{Colors.Dark/Neutral/10}" }, + "container/defaultA": { "value": "{Colors.Dark/NeutralA/0}" }, + "container/hoverA": { "value": "{Colors.Dark/NeutralA/5}" }, + "container/pressA": { "value": "{Colors.Dark/NeutralA/10}" }, "container/disable": { "value": "{Colors.Dark/Neutral/10}" }, "container/secondary/default": { "value": "{Colors.Dark/Neutral/5}" }, "container/tertiary/default": { "value": "{Colors.Dark/Neutral/10}" }, @@ -73,21 +76,21 @@ "text/placeholder/default": { "value": "{Colors.Dark/Neutral/30}" }, "text/placeholder/hover": { "value": "{Colors.Dark/Neutral/40}" }, "text/placeholder/press": { "value": "{Colors.Dark/Neutral/50}" }, - "text/negative/default": { "value": "{Colors.Dark/Red/60}" }, - "text/negative/hover": { "value": "{Colors.Dark/Red/80}" }, - "text/negative/press": { "value": "{Colors.Dark/Red/90}" }, - "text/positive/default": { "value": "{Colors.Dark/Green/60}" }, - "text/positive/hover": { "value": "{Colors.Dark/Green/80}" }, - "text/positive/press": { "value": "{Colors.Dark/Green/90}" }, - "text/notice/default": { "value": "{Colors.Dark/Yellow/60}" }, - "text/notice/hover": { "value": "{Colors.Dark/Yellow/80}" }, - "text/notice/press": { "value": "{Colors.Dark/Yellow/90}" }, "text/info/default": { "value": "{Colors.Dark/Blue/60}" }, "text/info/hover": { "value": "{Colors.Dark/Blue/80}" }, "text/info/press": { "value": "{Colors.Dark/Blue/90}" }, "text/visited/default": { "value": "{Colors.Dark/Purple/60}" }, "text/visited/hover": { "value": "{Colors.Dark/Purple/80}" }, "text/visited/press": { "value": "{Colors.Dark/Purple/90}" }, + "text/negative/default": { "value": "{Colors.Dark/Red/60}" }, + "text/negative/hover": { "value": "{Colors.Dark/Red/80}" }, + "text/negative/press": { "value": "{Colors.Dark/Red/90}" }, + "text/notice/default": { "value": "{Colors.Dark/Yellow/60}" }, + "text/notice/hover": { "value": "{Colors.Dark/Yellow/80}" }, + "text/notice/press": { "value": "{Colors.Dark/Yellow/90}" }, + "text/positive/default": { "value": "{Colors.Dark/Green/60}" }, + "text/positive/hover": { "value": "{Colors.Dark/Green/80}" }, + "text/positive/press": { "value": "{Colors.Dark/Green/90}" }, "text/on-primary/default": { "value": "{Colors.Dark/Neutral/90}" }, "text/on-on-img/default": { "value": "{Colors.Dark/Neutral/90}" }, "text/on-on-img/hover": { "value": "{Colors.Dark/Neutral/90}" }, diff --git a/packages/theme/src/json/pixiv-light.json b/packages/theme/src/json/pixiv-light.json index df2d6bfd7..45a5bff2b 100644 --- a/packages/theme/src/json/pixiv-light.json +++ b/packages/theme/src/json/pixiv-light.json @@ -6,6 +6,9 @@ "container/default": { "value": "{Colors.Light/Neutral/0}" }, "container/hover": { "value": "{Colors.Light/Neutral/5}" }, "container/press": { "value": "{Colors.Light/Neutral/10}" }, + "container/defaultA": { "value": "{Colors.Light/NeutralA/0}" }, + "container/hoverA": { "value": "{Colors.Light/NeutralA/5}" }, + "container/pressA": { "value": "{Colors.Light/NeutralA/10}" }, "container/disable": { "value": "{Colors.Light/Neutral/10}" }, "container/secondary/default": { "value": "{Colors.Light/Neutral/5}" }, "container/tertiary/default": { "value": "{Colors.Light/Neutral/10}" }, @@ -73,21 +76,21 @@ "text/placeholder/default": { "value": "{Colors.Light/Neutral/50}" }, "text/placeholder/hover": { "value": "{Colors.Light/Neutral/60}" }, "text/placeholder/press": { "value": "{Colors.Light/Neutral/70}" }, - "text/negative/default": { "value": "{Colors.Light/Red/60}" }, - "text/negative/hover": { "value": "{Colors.Light/Red/70}" }, - "text/negative/press": { "value": "{Colors.Light/Red/80}" }, - "text/positive/default": { "value": "{Colors.Light/Green/60}" }, - "text/positive/hover": { "value": "{Colors.Light/Green/70}" }, - "text/positive/press": { "value": "{Colors.Light/Green/80}" }, - "text/notice/default": { "value": "{Colors.Light/Yellow/60}" }, - "text/notice/hover": { "value": "{Colors.Light/Yellow/70}" }, - "text/notice/press": { "value": "{Colors.Light/Yellow/80}" }, "text/info/default": { "value": "{Colors.Light/Blue/60}" }, "text/info/hover": { "value": "{Colors.Light/Blue/70}" }, "text/info/press": { "value": "{Colors.Light/Blue/80}" }, "text/visited/default": { "value": "{Colors.Light/Purple/70}" }, "text/visited/hover": { "value": "{Colors.Light/Purple/80}" }, "text/visited/press": { "value": "{Colors.Light/Purple/90}" }, + "text/negative/default": { "value": "{Colors.Light/Red/60}" }, + "text/negative/hover": { "value": "{Colors.Light/Red/70}" }, + "text/negative/press": { "value": "{Colors.Light/Red/80}" }, + "text/notice/default": { "value": "{Colors.Light/Yellow/60}" }, + "text/notice/hover": { "value": "{Colors.Light/Yellow/70}" }, + "text/notice/press": { "value": "{Colors.Light/Yellow/80}" }, + "text/positive/default": { "value": "{Colors.Light/Green/60}" }, + "text/positive/hover": { "value": "{Colors.Light/Green/70}" }, + "text/positive/press": { "value": "{Colors.Light/Green/80}" }, "text/on-primary/default": { "value": "{Colors.Light/Neutral/0}" }, "text/on-on-img/default": { "value": "{Colors.Light/Neutral/0}" }, "text/on-on-img/hover": { "value": "{Colors.Light/Neutral/0}" },