Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-02-24 22:05:56 -05:00
Code Issues Activity

Merge pull request #2186 from logto-io/charles-revert-color-token-updates-in-ui

Browse source 
fix(ui): revert color token changes in ui as it uses different design system
This commit is contained in:
Charles Zhao 2022-10-18 18:53:38 +08:00 • committed by GitHub
commit 2931925f46
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 16 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/ui/src/components/Button/IconButton.module.scss
View file

@ -11,7 +11,7 @@
cursor: pointer; cursor: pointer;
> svg { > svg {
color: var(--color-text-secondary); color: var(--color-icon);
} }
} }

2
packages/ui/src/components/Checkbox/index.module.scss
View file

@ -12,7 +12,7 @@
display: none; display: none;
&:nth-child(1) { &:nth-child(1) {
color: var(--color-text-secondary); color: var(--color-icon);
} }
&:nth-child(2) { &:nth-child(2) {

2
packages/ui/src/components/Divider/index.module.scss
View file

@ -4,7 +4,7 @@
.divider { .divider {
@include _.flex-row; @include _.flex-row;
font: var(--font-body); font: var(--font-body);
color: var(--color-text-secondary); color: var(--color-caption);
.line { .line {
flex: 1; flex: 1;

2
packages/ui/src/components/Drawer/index.module.scss
View file

@ -25,7 +25,7 @@
margin-bottom: _.unit(4); margin-bottom: _.unit(4);
svg { svg {
color: var(--color-text-secondary); color: var(--color-icon);
width: 20px; width: 20px;
height: 20px; height: 20px;
} }

4
packages/ui/src/components/Input/index.module.scss
View file

@ -19,7 +19,7 @@
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
display: none; display: none;
color: var(--color-text-secondary); color: var(--color-icon);
width: 24px; width: 24px;
height: 24px; height: 24px;
} }
@ -34,7 +34,7 @@
align-self: stretch; align-self: stretch;
&::placeholder { &::placeholder {
color: var(--color-placeholder); color: var(--color-caption);
} }
// Overwrite webkit auto-fill style // Overwrite webkit auto-fill style

2
packages/ui/src/components/Input/phoneInput.module.scss
View file

@ -45,7 +45,7 @@
:global(body.desktop) { :global(body.desktop) {
.countryCodeSelector { .countryCodeSelector {
> svg { > svg {
color: var(--color-text-secondary); color: var(--color-icon);
margin-left: _.unit(2); margin-left: _.unit(2);
width: 20px; width: 20px;
height: 20px; height: 20px;

2
packages/ui/src/components/Notification/index.module.scss
View file

@ -17,7 +17,7 @@
} }
.icon { .icon {
color: var(--color-text-secondary); color: var(--color-outline);
width: 20px; width: 20px;
height: 20px; height: 20px;
margin-right: _.unit(3); margin-right: _.unit(3);

2
packages/ui/src/components/Passcode/index.module.scss
View file

@ -20,7 +20,7 @@
} }
&::placeholder { &::placeholder {
color: var(--color-placeholder); color: var(--color-caption);
} }
} }
} }

2
packages/ui/src/components/TermsOfUse/index.module.scss
View file

@ -8,7 +8,7 @@
.checkBox { .checkBox {
margin-right: _.unit(2); margin-right: _.unit(2);
fill: var(--color-text-secondary); fill: var(--color-icon);
} }
.content { .content {

2
packages/ui/src/components/TextLink/index.module.scss
View file

@ -12,7 +12,7 @@
} }
&.secondary { &.secondary {
color: var(--color-text-secondary); color: var(--color-caption);
font: var(--font-body); font: var(--font-body);
text-decoration: underline; text-decoration: underline;
} }

2
packages/ui/src/containers/PasscodeValidation/index.module.scss
View file

@ -36,6 +36,6 @@
:global(body.desktop) { :global(body.desktop) {
.message { .message {
color: var(--color-text-secondary); color: var(--color-caption);
} }
} }

2
packages/ui/src/containers/SocialLanding/index.module.scss
View file

@ -19,5 +19,5 @@
.message { .message {
text-align: center; text-align: center;
font: var(--font-caption); font: var(--font-caption);
color: var(--color-text-secondary); color: var(--color-caption);
} }

2
packages/ui/src/pages/ForgotPassword/index.module.scss
View file

@ -15,7 +15,7 @@
.description { .description {
margin-bottom: _.unit(6); margin-bottom: _.unit(6);
color: var(--color-text-secondary); color: var(--color-caption);
} }
:global(body.mobile) { :global(body.mobile) {

2
packages/ui/src/pages/Passcode/index.module.scss
View file

@ -16,7 +16,7 @@
.detail { .detail {
margin-bottom: _.unit(6); margin-bottom: _.unit(6);
color: var(--color-text-secondary); color: var(--color-caption);
} }
:global(body.mobile) { :global(body.mobile) {

2
packages/ui/src/scss/_underscore.scss
View file

@ -21,7 +21,7 @@
@mixin text-hint { @mixin text-hint {
font: var(--font-caption); font: var(--font-caption);
color: var(--color-text-secondary); color: var(--color-caption);
} }
@mixin title { @mixin title {