Skip to content

Commit

Permalink
Merge pull request #672 from pixiv/theme/update/1734094059530
Browse files Browse the repository at this point in the history 
[theme]Update theme Fri Dec 13 2024
  • Loading branch information
@yue4u
yue4u authored Dec 13, 2024
2 parents 74b9bdc + 5123c54 commit e84c589
Show file tree
Hide file tree
Showing 5 changed files with 391 additions and 391 deletions.
238 changes: 119 additions & 119 deletions packages/theme/src/css/_variables_dark.css
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,10 @@
/**
* Do not edit directly
* Generated on Fri, 13 Dec 2024 10:18:27 GMT
* Generated on Fri, 13 Dec 2024 12:47:31 GMT
*/

:root[data-theme='dark'] {
--charcoal-border-width-l: 2px;
--charcoal-border-width-m: 1px;
--charcoal-radius-oval: 999999px;
--charcoal-paragraph-width-l-cozy: 924px;
--charcoal-paragraph-width-m-cozy: 616px;
--charcoal-paragraph-width-s-cozy: 588px;
Expand All @@ -15,68 +14,8 @@
--charcoal-paragraph-width-l: 672px;
--charcoal-paragraph-width-m: 448px;
--charcoal-paragraph-width-s: 320px;
--charcoal-radius-oval: 999999px;
--charcoal-brand-color-factory: rgba(0, 184, 205, 1);
--charcoal-brand-color-booth: rgba(252, 77, 80, 1);
--charcoal-brand-color-comic: rgba(255, 196, 0, 1);
--charcoal-brand-color-premium: rgba(253, 158, 22, 1);
--charcoal-brand-color-pixiv: rgba(0, 150, 250, 1);
--charcoal-text-font-family-sans: Sarasa UI J;
--charcoal-text-line-height-100: 72px;
--charcoal-text-line-height-90: 64px;
--charcoal-text-line-height-80: 56px;
--charcoal-text-line-height-70: 52px;
--charcoal-text-line-height-60: 44px;
--charcoal-text-line-height-50: 40px;
--charcoal-text-line-height-40: 36px;
--charcoal-text-line-height-30: 32px;
--charcoal-text-line-height-20: 28px;
--charcoal-text-line-height-10: 24px;
--charcoal-text-line-height-5: 20px;
--charcoal-text-line-height-1: 18px;
--charcoal-text-font-weight-70: 700px;
--charcoal-text-font-weight-40: 400px;
--charcoal-text-line-height-0: 16px;
--charcoal-text-font-size-120: 60px;
--charcoal-text-font-size-110: 50px;
--charcoal-text-font-size-100: 45px;
--charcoal-text-font-size-90: 40px;
--charcoal-text-font-size-80: 36px;
--charcoal-text-font-size-70: 32px;
--charcoal-text-font-size-60: 28px;
--charcoal-text-font-size-50: 25px;
--charcoal-text-font-size-40: 22px;
--charcoal-text-font-size-30: 20px;
--charcoal-text-font-size-20: 18px;
--charcoal-text-font-size-10: 16px;
--charcoal-text-font-size-5: 14px;
--charcoal-text-font-size-1: 12px;
--charcoal-text-font-size-0: 11px;
--charcoal-space-target-l: 48px;
--charcoal-space-target-m: 40px;
--charcoal-space-target-s: 32px;
--charcoal-space-target-xs: 24px;
--charcoal-space-999: 999999px;
--charcoal-space-100: 440px;
--charcoal-space-90: 272px;
--charcoal-space-80: 168px;
--charcoal-space-70: 104px;
--charcoal-space-66: 96px;
--charcoal-space-63: 80px;
--charcoal-space-60: 64px;
--charcoal-space-55: 48px;
--charcoal-space-50: 40px;
--charcoal-space-46: 32px;
--charcoal-space-43: 28px;
--charcoal-space-40: 24px;
--charcoal-space-35: 20px;
--charcoal-space-30: 16px;
--charcoal-space-25: 12px;
--charcoal-space-20: 8px;
--charcoal-space-15: 6px;
--charcoal-space-10: 4px;
--charcoal-space-1: 2px;
--charcoal-space-0: 0px;
--charcoal-border-width-l: 2px;
--charcoal-border-width-m: 1px;
--charcoal-color-border-focus-legacy: rgba(0, 150, 250, 0.32);
--charcoal-color-container-subtle: rgba(228, 228, 228, 0.02);
--charcoal-color-dark-magenta-90: rgba(253, 217, 233, 1);
Expand Down Expand Up @@ -350,62 +289,76 @@
--charcoal-color-light-neutral-a-5: rgba(0, 0, 0, 0.047);
--charcoal-color-light-neutral-a-0: rgba(0, 0, 0, 0);
--charcoal-color-light-neutral-0: rgba(255, 255, 255, 1);
--charcoal-border-width-focus-2: var(--charcoal-border-width-l);
--charcoal-border-width-focus-1: var(--charcoal-border-width-m);
--charcoal-space-target-l: 48px;
--charcoal-space-target-m: 40px;
--charcoal-space-target-s: 32px;
--charcoal-space-target-xs: 24px;
--charcoal-space-999: 999999px;
--charcoal-space-100: 440px;
--charcoal-space-90: 272px;
--charcoal-space-80: 168px;
--charcoal-space-70: 104px;
--charcoal-space-66: 96px;
--charcoal-space-63: 80px;
--charcoal-space-60: 64px;
--charcoal-space-55: 48px;
--charcoal-space-50: 40px;
--charcoal-space-46: 32px;
--charcoal-space-43: 28px;
--charcoal-space-40: 24px;
--charcoal-space-35: 20px;
--charcoal-space-30: 16px;
--charcoal-space-25: 12px;
--charcoal-space-20: 8px;
--charcoal-space-15: 6px;
--charcoal-space-10: 4px;
--charcoal-space-1: 2px;
--charcoal-space-0: 0px;
--charcoal-brand-color-factory: rgba(0, 184, 205, 1);
--charcoal-brand-color-booth: rgba(252, 77, 80, 1);
--charcoal-brand-color-comic: rgba(255, 196, 0, 1);
--charcoal-brand-color-premium: rgba(253, 158, 22, 1);
--charcoal-brand-color-pixiv: rgba(0, 150, 250, 1);
--charcoal-text-font-family-sans: Sarasa UI J;
--charcoal-text-line-height-100: 72px;
--charcoal-text-line-height-90: 64px;
--charcoal-text-line-height-80: 56px;
--charcoal-text-line-height-70: 52px;
--charcoal-text-line-height-60: 44px;
--charcoal-text-line-height-50: 40px;
--charcoal-text-line-height-40: 36px;
--charcoal-text-line-height-30: 32px;
--charcoal-text-line-height-20: 28px;
--charcoal-text-line-height-10: 24px;
--charcoal-text-line-height-5: 20px;
--charcoal-text-line-height-1: 18px;
--charcoal-text-font-weight-70: 700;
--charcoal-text-font-weight-40: 400;
--charcoal-text-line-height-0: 16px;
--charcoal-text-font-size-120: 60px;
--charcoal-text-font-size-110: 50px;
--charcoal-text-font-size-100: 45px;
--charcoal-text-font-size-90: 40px;
--charcoal-text-font-size-80: 36px;
--charcoal-text-font-size-70: 32px;
--charcoal-text-font-size-60: 28px;
--charcoal-text-font-size-50: 25px;
--charcoal-text-font-size-40: 22px;
--charcoal-text-font-size-30: 20px;
--charcoal-text-font-size-20: 18px;
--charcoal-text-font-size-10: 16px;
--charcoal-text-font-size-5: 14px;
--charcoal-text-font-size-1: 12px;
--charcoal-text-font-size-0: 11px;
--charcoal-radius-xxl: var(--charcoal-space-40);
--charcoal-radius-xl: var(--charcoal-space-30);
--charcoal-radius-l: var(--charcoal-space-25);
--charcoal-radius-m: var(--charcoal-space-20);
--charcoal-radius-s: var(--charcoal-space-10);
--charcoal-radius-xs: var(--charcoal-space-1);
--charcoal-radius-0: var(--charcoal-space-0);
--charcoal-text-font-weight-bold: var(--charcoal-text-font-weight-70);
--charcoal-text-font-weight-regular: var(--charcoal-text-font-weight-40);
--charcoal-text-font-size-caption-s: var(--charcoal-text-font-size-1);
--charcoal-text-font-size-caption-m: var(--charcoal-text-font-size-5);
--charcoal-text-font-size-heading-xxxs: var(--charcoal-text-font-size-5);
--charcoal-text-font-size-heading-xxs: var(--charcoal-text-font-size-20);
--charcoal-text-font-size-heading-xs: var(--charcoal-text-font-size-30);
--charcoal-text-font-size-heading-s: var(--charcoal-text-font-size-40);
--charcoal-text-font-size-heading-m: var(--charcoal-text-font-size-50);
--charcoal-text-font-size-heading-l: var(--charcoal-text-font-size-60);
--charcoal-text-font-size-heading-xl: var(--charcoal-text-font-size-70);
--charcoal-text-font-size-heading-xxl: var(--charcoal-text-font-size-80);
--charcoal-text-font-size-heading-xxxl: var(--charcoal-text-font-size-90);
--charcoal-text-font-size-body: var(--charcoal-text-font-size-10);
--charcoal-text-line-height-caption-s: var(--charcoal-text-line-height-1);
--charcoal-text-line-height-caption-m: var(--charcoal-text-line-height-5);
--charcoal-text-line-height-heading-xxxs: var(--charcoal-text-line-height-5);
--charcoal-text-line-height-heading-xxs: var(--charcoal-text-line-height-10);
--charcoal-text-line-height-heading-xs: var(--charcoal-text-line-height-20);
--charcoal-text-line-height-heading-s: var(--charcoal-text-line-height-20);
--charcoal-text-line-height-heading-m: var(--charcoal-text-line-height-30);
--charcoal-text-line-height-heading-l: var(--charcoal-text-line-height-40);
--charcoal-text-line-height-heading-xl: var(--charcoal-text-line-height-50);
--charcoal-text-line-height-heading-xxl: var(--charcoal-text-line-height-60);
--charcoal-text-line-height-heading-xxxl: var(--charcoal-text-line-height-70);
--charcoal-text-line-height-body: var(--charcoal-text-line-height-10);
--charcoal-text-line-height-paragraph: var(--charcoal-text-line-height-20);
--charcoal-text-font-size-paragraph: var(--charcoal-text-font-size-10);
--charcoal-space-layout-100: var(--charcoal-space-100);
--charcoal-space-layout-90: var(--charcoal-space-90);
--charcoal-space-layout-80: var(--charcoal-space-80);
--charcoal-space-layout-70: var(--charcoal-space-70);
--charcoal-space-layout-60: var(--charcoal-space-60);
--charcoal-space-layout-50: var(--charcoal-space-50);
--charcoal-space-layout-40: var(--charcoal-space-40);
--charcoal-space-layout-30: var(--charcoal-space-30);
--charcoal-space-layout-25: var(--charcoal-space-25);
--charcoal-space-layout-20: var(--charcoal-space-20);
--charcoal-space-layout-10: var(--charcoal-space-10);
--charcoal-space-layout-0: var(--charcoal-space-0);
--charcoal-space-component-50: var(--charcoal-space-50);
--charcoal-space-component-40: var(--charcoal-space-40);
--charcoal-space-component-30: var(--charcoal-space-30);
--charcoal-space-component-25: var(--charcoal-space-25);
--charcoal-space-component-20: var(--charcoal-space-20);
--charcoal-space-component-10: var(--charcoal-space-10);
--charcoal-space-component-0: var(--charcoal-space-0);
--charcoal-border-width-focus-2: var(--charcoal-border-width-l);
--charcoal-border-width-focus-1: var(--charcoal-border-width-m);
--charcoal-color-border-negative: var(--charcoal-color-dark-red-20);
--charcoal-color-border-focus-2: var(--charcoal-color-dark-blue-20);
--charcoal-color-border-disable: var(--charcoal-color-dark-neutral-a-5);
Expand Down Expand Up @@ -514,11 +467,53 @@
--charcoal-color-background-tertiary: var(--charcoal-color-dark-neutral--10);
--charcoal-color-background-secondary: var(--charcoal-color-dark-neutral--5);
--charcoal-color-background-default: var(--charcoal-color-dark-neutral-0);
--charcoal-space-between-checkboxes-horizontal: var(--charcoal-space-layout-25);
--charcoal-space-between-checkboxes-vertical: var(--charcoal-space-layout-0);
--charcoal-space-gap-gap-form-items: var(--charcoal-space-layout-40);
--charcoal-space-padding-padding-card: var(--charcoal-space-layout-40);
--charcoal-space-gap-gap-buttons: var(--charcoal-space-layout-20);
--charcoal-space-layout-100: var(--charcoal-space-100);
--charcoal-space-layout-90: var(--charcoal-space-90);
--charcoal-space-layout-80: var(--charcoal-space-80);
--charcoal-space-layout-70: var(--charcoal-space-70);
--charcoal-space-layout-60: var(--charcoal-space-60);
--charcoal-space-layout-50: var(--charcoal-space-50);
--charcoal-space-layout-40: var(--charcoal-space-40);
--charcoal-space-layout-30: var(--charcoal-space-30);
--charcoal-space-layout-25: var(--charcoal-space-25);
--charcoal-space-layout-20: var(--charcoal-space-20);
--charcoal-space-layout-10: var(--charcoal-space-10);
--charcoal-space-layout-0: var(--charcoal-space-0);
--charcoal-space-component-50: var(--charcoal-space-50);
--charcoal-space-component-40: var(--charcoal-space-40);
--charcoal-space-component-30: var(--charcoal-space-30);
--charcoal-space-component-25: var(--charcoal-space-25);
--charcoal-space-component-20: var(--charcoal-space-20);
--charcoal-space-component-10: var(--charcoal-space-10);
--charcoal-space-component-0: var(--charcoal-space-0);
--charcoal-text-font-weight-bold: var(--charcoal-text-font-weight-70);
--charcoal-text-font-weight-regular: var(--charcoal-text-font-weight-40);
--charcoal-text-font-size-caption-s: var(--charcoal-text-font-size-1);
--charcoal-text-font-size-caption-m: var(--charcoal-text-font-size-5);
--charcoal-text-font-size-heading-xxxs: var(--charcoal-text-font-size-5);
--charcoal-text-font-size-heading-xxs: var(--charcoal-text-font-size-20);
--charcoal-text-font-size-heading-xs: var(--charcoal-text-font-size-30);
--charcoal-text-font-size-heading-s: var(--charcoal-text-font-size-40);
--charcoal-text-font-size-heading-m: var(--charcoal-text-font-size-50);
--charcoal-text-font-size-heading-l: var(--charcoal-text-font-size-60);
--charcoal-text-font-size-heading-xl: var(--charcoal-text-font-size-70);
--charcoal-text-font-size-heading-xxl: var(--charcoal-text-font-size-80);
--charcoal-text-font-size-heading-xxxl: var(--charcoal-text-font-size-90);
--charcoal-text-font-size-body: var(--charcoal-text-font-size-10);
--charcoal-text-line-height-caption-s: var(--charcoal-text-line-height-1);
--charcoal-text-line-height-caption-m: var(--charcoal-text-line-height-5);
--charcoal-text-line-height-heading-xxxs: var(--charcoal-text-line-height-5);
--charcoal-text-line-height-heading-xxs: var(--charcoal-text-line-height-10);
--charcoal-text-line-height-heading-xs: var(--charcoal-text-line-height-20);
--charcoal-text-line-height-heading-s: var(--charcoal-text-line-height-20);
--charcoal-text-line-height-heading-m: var(--charcoal-text-line-height-30);
--charcoal-text-line-height-heading-l: var(--charcoal-text-line-height-40);
--charcoal-text-line-height-heading-xl: var(--charcoal-text-line-height-50);
--charcoal-text-line-height-heading-xxl: var(--charcoal-text-line-height-60);
--charcoal-text-line-height-heading-xxxl: var(--charcoal-text-line-height-70);
--charcoal-text-line-height-body: var(--charcoal-text-line-height-10);
--charcoal-text-line-height-paragraph: var(--charcoal-text-line-height-20);
--charcoal-text-font-size-paragraph: var(--charcoal-text-font-size-10);
--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);
Expand Down Expand Up @@ -555,4 +550,9 @@
--charcoal-color-icon-negative-default: var(--charcoal-color-text-negative-default);
--charcoal-color-icon-tertiary-default: var(--charcoal-color-text-tertiary-default);
--charcoal-color-icon-secondary-default: var(--charcoal-color-text-secondary-default);
--charcoal-space-between-checkboxes-horizontal: var(--charcoal-space-layout-25);
--charcoal-space-between-checkboxes-vertical: var(--charcoal-space-layout-0);
--charcoal-space-gap-gap-form-items: var(--charcoal-space-layout-40);
--charcoal-space-padding-padding-card: var(--charcoal-space-layout-40);
--charcoal-space-gap-gap-buttons: var(--charcoal-space-layout-20);
}
Loading

0 comments on commit e84c589

Please sign in to comment.