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;
> 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;
&:nth-child(1) {
color: var(--color-text-secondary);
color: var(--color-icon);
}
&:nth-child(2) {

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

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

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

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

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

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

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

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

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

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

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

@ -20,7 +20,7 @@
}
&::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 {
margin-right: _.unit(2);
fill: var(--color-text-secondary);
fill: var(--color-icon);
}
.content {

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

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

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

@ -36,6 +36,6 @@
:global(body.desktop) {
.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 {
text-align: center;
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 {
margin-bottom: _.unit(6);
color: var(--color-text-secondary);
color: var(--color-caption);
}
:global(body.mobile) {

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

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

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

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