Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-06 20:40:08 -05:00
Code Issues Activity

style(console): add color token for upsell tags (#4266)

Browse source
This commit is contained in:
Xiao Yijun 2023-07-31 16:27:37 +08:00 committed by GitHub
parent 2aeb575ccd
commit 3e3e446b92
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/console/src/components/CreateTenantModal/SelectTenantPlanModal/PlanCardItem/index.module.scss
View file

@ -89,7 +89,7 @@
font: var(--font-label-3); font: var(--font-label-3);
padding: _.unit(1.5) _.unit(2) _.unit(1.5) _.unit(2.5); padding: _.unit(1.5) _.unit(2) _.unit(1.5) _.unit(2.5);
color: var(--color-white); color: var(--color-white);
background-color: var(--color-primary-50); background-color: var(--color-specific-tag-upsell);
right: -5px; right: -5px;
top: _.unit(6); top: _.unit(6);
width: 64px; width: 64px;

2
packages/console/src/components/ProTag/index.module.scss
View file

@ -3,7 +3,7 @@
.tag { .tag {
@include _.section-head-2; @include _.section-head-2;
display: inline-block; display: inline-block;
background-color: var(--color-primary-50); background-color: var(--color-specific-tag-upsell);
border-radius: 10px; border-radius: 10px;
padding: 0 _.unit(1) 0 _.unit(1.5); padding: 0 _.unit(1) 0 _.unit(1.5);
color: var(--color-white); color: var(--color-white);

2
packages/toolkit/core-kit/scss/_console-themes.scss
View file

@ -177,6 +177,7 @@
--color-guide-dropdown-background: var(--color-white); --color-guide-dropdown-background: var(--color-white);
--color-guide-dropdown-border: var(--color-border); --color-guide-dropdown-border: var(--color-border);
--color-skeleton-shimmer-rgb: 255, 255, 255; // rgb of Layer-1 --color-skeleton-shimmer-rgb: 255, 255, 255; // rgb of Layer-1
--color-specific-tag-upsell: var(--color-primary-50);
} }
@mixin dark { @mixin dark {
@ -358,4 +359,5 @@
--color-guide-dropdown-background: var(--color-neutral-variant-80); --color-guide-dropdown-background: var(--color-neutral-variant-80);
--color-guide-dropdown-border: var(--color-neutral-variant-70); --color-guide-dropdown-border: var(--color-neutral-variant-70);
--color-skeleton-shimmer-rgb: 42, 44, 50; // rgb of Layer-1 --color-skeleton-shimmer-rgb: 42, 44, 50; // rgb of Layer-1
--color-specific-tag-upsell: var(--color-primary-70);
} }