Skip to content

Commit

Permalink
fix(plasma-themes): Update themes
Browse files Browse the repository at this point in the history
  • Loading branch information
@neretin-trike
neretin-trike committed Nov 11, 2024
1 parent 069aceb commit 021d7f0
Show file tree
Hide file tree
Showing 18 changed files with 4,271 additions and 74 deletions.
390 changes: 381 additions & 9 deletions packages/themes/plasma-themes/src/css/plasma_b2c.module.css
View file

Large diffs are not rendered by default.

203 changes: 196 additions & 7 deletions packages/themes/plasma-themes/src/css/plasma_b2c__dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,6 +143,36 @@
--inverse-text-tertiary-active: #08080856;
--inverse-text-paragraph-hover: #0808087A;
--inverse-text-paragraph-active: #080808A3;
--inverse-text-accent-hover: #79A7FBFF;
--inverse-text-accent-active: #0D5FF8FF;
--inverse-text-positive-hover: #1EB83AFF;
--inverse-text-positive-active: #15842AFF;
--inverse-text-warning-hover: #FB7223FF;
--inverse-text-warning-active: #DC5304FF;
--inverse-text-negative-hover: #F5384BFF;
--inverse-text-negative-active: #E40C22FF;
--inverse-text-accent-minor-hover: #DCE8FEFF;
--inverse-text-accent-minor-active: #6FA0FBFF;
--inverse-text-accent: #2A72F8;
--inverse-text-accent-minor: #8BB2FC;
--inverse-text-positive: #1A9E32;
--inverse-text-warning: #FA5F05;
--inverse-text-negative: #F31B31;
--inverse-text-info: #2A72F8;
--inverse-text-info-hover: #79A7FBFF;
--inverse-text-info-active: #0D5FF8FF;
--inverse-text-positive-minor: #28D247;
--inverse-text-positive-minor-hover: #3EDA5BFF;
--inverse-text-positive-minor-active: #23B83EFF;
--inverse-text-warning-minor: #FD9C68;
--inverse-text-warning-minor-hover: #FDB086FF;
--inverse-text-warning-minor-active: #FC884AFF;
--inverse-text-negative-minor: #FF8F9A;
--inverse-text-negative-minor-hover: #FFADB6FF;
--inverse-text-negative-minor-active: #FF707EFF;
--inverse-text-info-minor: #8BB2FC;
--inverse-text-info-minor-hover: #DCE8FEFF;
--inverse-text-info-minor-active: #6FA0FBFF;
--surface-solid-primary: #171717;
--surface-solid-primary-brightness: #262626FF;
--surface-solid-secondary: #262626;
Expand Down Expand Up @@ -380,10 +410,93 @@
--on-light-surface-negative-active: #F31228FF;
--on-light-surface-transparent-deep-hover: #080808C2;
--on-light-surface-transparent-deep-active: #08080894;
--inverse-surface-solid-primary-brightness: #FFFFFFFF;
--inverse-surface-solid-card-brightness: #FFFFFFFF;
--inverse-surface-transparent-card-brightness: #FFFFFFFF;
--inverse-surface-positive: #1A9E32;
--inverse-surface-warning: #FA5F05;
--inverse-surface-negative: #F31B31;
--inverse-surface-solid-default-hover: #0D0D0DFF;
--inverse-surface-solid-default-active: #030303FF;
--inverse-surface-solid-primary-hover: #FAFAFAFF;
--inverse-surface-solid-primary-active: #F0F0F0FF;
--inverse-surface-solid-secondary-hover: #F7F7F7FF;
--inverse-surface-solid-secondary-active: #E8E8E8FF;
--inverse-surface-solid-tertiary-hover: #E8E8E8FF;
--inverse-surface-solid-tertiary-active: #D9D9D9FF;
--inverse-surface-solid-card-hover: #FFFFFFFF;
--inverse-surface-solid-card-active: #FFFFFFFF;
--inverse-surface-transparent-primary-hover: #08080812;
--inverse-surface-transparent-primary-active: #08080803;
--inverse-surface-transparent-secondary-hover: #0808081F;
--inverse-surface-transparent-secondary-active: #0808080A;
--inverse-surface-transparent-tertiary-hover: #0808083D;
--inverse-surface-transparent-tertiary-active: #0808080F;
--inverse-surface-transparent-card-hover: #FFFFFFFF;
--inverse-surface-transparent-card-active: #FFFFFFFF;
--inverse-surface-accent-hover: #4886F9FF;
--inverse-surface-accent-active: #206CF8FF;
--inverse-surface-positive-hover: #1DAF37FF;
--inverse-surface-positive-active: #18952FFF;
--inverse-surface-warning-hover: #FB7223FF;
--inverse-surface-warning-active: #F05B05FF;
--inverse-surface-negative-hover: #F5384BFF;
--inverse-surface-negative-active: #F31228FF;
--inverse-surface-clear-hover: #FFFFFFFF;
--inverse-surface-clear-active: #FFFFFFFF;
--inverse-surface-solid-card: #FFFFFFFF;
--inverse-surface-solid-primary: #F5F5F5;
--inverse-surface-solid-secondary: #ECECEC;
--inverse-surface-solid-tertiary: #DDDDDD;
--inverse-surface-solid-default: #080808;
--inverse-surface-transparent-card: #FFFFFFFF;
--inverse-surface-transparent-primary: #08080808;
--inverse-surface-transparent-secondary: #0808080F;
--inverse-surface-transparent-tertiary: #0808081F;
--inverse-surface-transparent-deep: #080808A3;
--inverse-surface-transparent-deep-hover: #080808C2;
--inverse-surface-transparent-deep-active: #08080894;
--inverse-surface-clear: #00000000;
--inverse-surface-accent: #2A72F8;
--inverse-surface-accent-minor: #DEE9FF;
--inverse-surface-accent-minor-hover: #EBF1FFFF;
--inverse-surface-accent-minor-active: #D6E4FFFF;
--inverse-surface-transparent-accent: #2A72F81F;
--inverse-surface-transparent-accent-hover: #2A72F83D;
--inverse-surface-transparent-accent-active: #2A72F80F;
--inverse-surface-info: #2A72F8;
--inverse-surface-info-hover: #4886F9FF;
--inverse-surface-info-active: #206CF8FF;
--inverse-surface-positive-minor: #9EFAAF;
--inverse-surface-positive-minor-hover: #B1FBBFFF;
--inverse-surface-positive-minor-active: #94F9A7FF;
--inverse-surface-warning-minor: #FEE2D2;
--inverse-surface-warning-minor-hover: #FEE9DCFF;
--inverse-surface-warning-minor-active: #FEDCC8FF;
--inverse-surface-negative-minor: #FFE0E3;
--inverse-surface-negative-minor-hover: #FFEBEDFF;
--inverse-surface-negative-minor-active: #FFD6DAFF;
--inverse-surface-info-minor: #DEE9FF;
--inverse-surface-info-minor-hover: #EBF1FFFF;
--inverse-surface-info-minor-active: #D6E4FFFF;
--inverse-surface-transparent-positive: #1A9E321F;
--inverse-surface-transparent-positive-hover: #1A9E323D;
--inverse-surface-transparent-positive-active: #1A9E320F;
--inverse-surface-transparent-warning: #FA5F051F;
--inverse-surface-transparent-warning-hover: #FA5F053D;
--inverse-surface-transparent-warning-active: #FA5F050F;
--inverse-surface-transparent-negative: #F31B311F;
--inverse-surface-transparent-negative-hover: #F31B313D;
--inverse-surface-transparent-negative-active: #F31B310F;
--inverse-surface-transparent-info: #2A72F81F;
--inverse-surface-transparent-info-hover: #2A72F83D;
--inverse-surface-transparent-info-active: #2A72F80F;
--background-primary: #080808;
--background-primary-brightness: #171717FF;
--dark-background-primary: #080808;
--light-background-primary: #F9F9F9;
--inverse-background-primary-brightness: #FFFFFFFF;
--inverse-background-primary: #F9F9F9;
--overlay-soft: #0808088F;
--overlay-hard: #080808F5;
--overlay-blur: #08080847;
Expand All @@ -393,6 +506,9 @@
--on-light-overlay-soft: #F9F9F98F;
--on-light-overlay-hard: #F9F9F9F5;
--on-light-overlay-blur: #F9F9F947;
--inverse-overlay-soft: #F9F9F98F;
--inverse-overlay-hard: #F9F9F9F5;
--inverse-overlay-blur: #F9F9F947;
--outline-primary: #262626;
--outline-primary-hover: #303030FF;
--outline-primary-active: #212121FF;
Expand Down Expand Up @@ -596,8 +712,75 @@
--on-light-outline-info: #3F81FD;
--on-light-outline-info-minor: #8BB2FC;
--on-light-outline-transparent-info: #2A72F833;
--inverse-outline-primary-hover: #CCCCCCFF;
--inverse-outline-primary-active: #E6E6E6FF;
--inverse-outline-primary-hover: #ABABABFF;
--inverse-outline-primary-active: #C4C4C4FF;
--inverse-outline-primary: #DDDDDD;
--inverse-outline-secondary: #949494;
--inverse-outline-secondary-hover: #FFFFFFFF;
--inverse-outline-secondary-active: #575757FF;
--inverse-outline-tertiary: #707070;
--inverse-outline-tertiary-hover: #FFFFFFFF;
--inverse-outline-tertiary-active: #737373FF;
--inverse-outline-default: #080808;
--inverse-outline-default-hover: #FFFFFFFF;
--inverse-outline-default-active: #C7C7C7FF;
--inverse-outline-transparent-primary: #08080833;
--inverse-outline-transparent-primary-hover: #080808FF;
--inverse-outline-transparent-primary-active: #0808083D;
--inverse-outline-transparent-secondary: #08080866;
--inverse-outline-transparent-secondary-hover: #080808FF;
--inverse-outline-transparent-secondary-active: #0808087A;
--inverse-outline-transparent-tertiary: #0808088F;
--inverse-outline-transparent-tertiary-hover: #080808FF;
--inverse-outline-transparent-tertiary-active: #080808AB;
--inverse-outline-transparent-clear: #FFFFFF00;
--inverse-outline-transparent-clear-hover: #FFFFFFFF;
--inverse-outline-transparent-clear-active: #FFFFFFFF;
--inverse-outline-accent: #2A72F8;
--inverse-outline-accent-hover: #79A7FBFF;
--inverse-outline-accent-active: #0D5FF8FF;
--inverse-outline-accent-minor: #8BB2FC;
--inverse-outline-accent-minor-hover: #DCE8FEFF;
--inverse-outline-accent-minor-active: #6FA0FBFF;
--inverse-outline-transparent-accent: #2A72F833;
--inverse-outline-transparent-accent-hover: #2A72F8FF;
--inverse-outline-transparent-accent-active: #2A72F83D;
--inverse-outline-positive: #1A9E32;
--inverse-outline-positive-hover: #1EB83AFF;
--inverse-outline-positive-active: #15842AFF;
--inverse-outline-warning: #FA5F05;
--inverse-outline-warning-hover: #FB7223FF;
--inverse-outline-warning-active: #DC5304FF;
--inverse-outline-negative: #F31B31;
--inverse-outline-negative-hover: #F5384BFF;
--inverse-outline-negative-active: #E40C22FF;
--inverse-outline-info: #2A72F8;
--inverse-outline-info-hover: #79A7FBFF;
--inverse-outline-info-active: #0D5FF8FF;
--inverse-outline-positive-minor: #28D247;
--inverse-outline-positive-minor-hover: #3EDA5BFF;
--inverse-outline-positive-minor-active: #23B83EFF;
--inverse-outline-warning-minor: #FD9C68;
--inverse-outline-warning-minor-hover: #FDB086FF;
--inverse-outline-warning-minor-active: #FC884AFF;
--inverse-outline-negative-minor: #FF8F9A;
--inverse-outline-negative-minor-hover: #FFADB6FF;
--inverse-outline-negative-minor-active: #FF707EFF;
--inverse-outline-info-minor: #8BB2FC;
--inverse-outline-info-minor-hover: #DCE8FEFF;
--inverse-outline-info-minor-active: #6FA0FBFF;
--inverse-outline-transparent-positive: #1A9E3233;
--inverse-outline-transparent-positive-hover: #1A9E32FF;
--inverse-outline-transparent-positive-active: #1A9E323D;
--inverse-outline-transparent-warning: #FA5F0533;
--inverse-outline-transparent-warning-hover: #FA5F05FF;
--inverse-outline-transparent-warning-active: #FA5F053D;
--inverse-outline-transparent-negative: #F31B3133;
--inverse-outline-transparent-negative-hover: #F31B31FF;
--inverse-outline-transparent-negative-active: #F31B313D;
--inverse-outline-transparent-info: #2A72F833;
--inverse-outline-transparent-info-hover: #2A72F8FF;
--inverse-outline-transparent-info-active: #2A72F83D;
color: var(--text-primary);
background-color: var(--background-primary);
--plasma-colors-white-primary: var(--on-dark-text-primary);
Expand Down Expand Up @@ -645,6 +828,9 @@
--on-light-text-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%);
--on-light-text-accent-gradient-hover: #CCCCCCFF;
--on-light-text-accent-gradient-active: #E6E6E6FF;
--inverse-text-accent-gradient-hover: #CCCCCCFF;
--inverse-text-accent-gradient-active: #E6E6E6FF;
--inverse-text-accent-gradient: linear-gradient(94deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%);
--surface-accent-gradient: linear-gradient(93.97deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%),linear-gradient(89.83deg, #5E94FFFF 0%, #43DBFAFF 100%);
--surface-accent-gradient-hover: #FFFFFFFF;
--surface-accent-gradient-active: #FFFFFFFF;
Expand Down Expand Up @@ -672,6 +858,9 @@
--on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
--on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
--on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
--inverse-surface-accent-gradient-hover: #FFFFFFFF;
--inverse-surface-accent-gradient-active: #FFFFFFFF;
--inverse-surface-accent-gradient: linear-gradient(94deg, #3E79F0FF 6.49%, #27C6E5FF 93.51%);
--inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
--inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
--inverse-surface-skeleton-gradient-active: #FFFFFFFF;
Expand All @@ -697,11 +886,11 @@

:root {
--border-radius-xxs: 4px;
--border-radius-xs: 8px;
--border-radius-s: 12px;
--border-radius-m: 16px;
--border-radius-l: 20px;
--border-radius-xl: 24px;
--border-radius-xs: 6px;
--border-radius-s: 8px;
--border-radius-m: 12px;
--border-radius-l: 16px;
--border-radius-xl: 20px;
--border-radius-xxl: 32px;
}

Expand Down
Loading

0 comments on commit 021d7f0

Please sign in to comment.