fix default button text color (#370)

This commit is contained in:
Red J Adaya 2024-09-13 08:49:57 +08:00 committed by GitHub
parent 174cf3d39d
commit b3f7e7a2b9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 10 additions and 9 deletions

View File

@ -29,8 +29,8 @@
white-space: nowrap; white-space: nowrap;
user-select: none; user-select: none;
font-size: 14px; font-size: 14px;
color: var(--button-text-color);
color: var(--main-text-color); font-weight: normal;
i { i {
fill: var(--main-text-color); fill: var(--main-text-color);
@ -38,7 +38,6 @@
&.primary, &.primary,
&.secondary { &.secondary {
color: var(--main-text-color);
background: var(--accent-color); background: var(--accent-color);
i { i {
@ -52,7 +51,6 @@
&.primary.warning { &.primary.warning {
background: #e6ba1e; background: #e6ba1e;
color: #000000;
} }
&.primary.ghost { &.primary.ghost {
@ -196,4 +194,8 @@
.font-weight-500 { .font-weight-500 {
font-weight: 500; font-weight: 500;
} }
.font-weight-600 {
font-weight: 500;
}
} }

View File

@ -124,8 +124,6 @@
button { button {
font-size: 14px; font-size: 14px;
margin-bottom: 28px; margin-bottom: 28px;
color: #000;
font-weight: 600;
} }
button.disabled-button { button.disabled-button {

View File

@ -112,7 +112,9 @@ const TosModal = () => {
</div> </div>
<footer className="unselectable"> <footer className="unselectable">
<div className="button-wrapper"> <div className="button-wrapper">
<Button onClick={acceptTos}>Get Started</Button> <Button className="font-weight-600" onClick={acceptTos}>
Get Started
</Button>
</div> </div>
<div className="content-section-text"> <div className="content-section-text">
By continuing, I accept the&nbsp; By continuing, I accept the&nbsp;

View File

@ -83,9 +83,8 @@
/* button colors */ /* button colors */
--button-primary-color: #58c142; --button-primary-color: #58c142;
--button-secondary-color: rgba(255, 255, 255, 0.1);
--button-danger-color: #d43434;
--button-focus-border-color: rgba(88, 193, 66, 0.8); --button-focus-border-color: rgba(88, 193, 66, 0.8);
--button-text-color: #000000;
/* form colors */ /* form colors */
--form-element-border-color: rgba(241, 246, 243, 0.15); --form-element-border-color: rgba(241, 246, 243, 0.15);