From b3f7e7a2b97fad053593b2472de0aae10585341b Mon Sep 17 00:00:00 2001
From: Red J Adaya <red.adaya@gmail.com>
Date: Fri, 13 Sep 2024 08:49:57 +0800
Subject: [PATCH] fix default button text color (#370)

---
 frontend/app/element/button.less | 10 ++++++----
 frontend/app/modals/tos.less     |  2 --
 frontend/app/modals/tos.tsx      |  4 +++-
 frontend/app/theme.less          |  3 +--
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/app/element/button.less b/frontend/app/element/button.less
index 2973a2594..fa2a56d9a 100644
--- a/frontend/app/element/button.less
+++ b/frontend/app/element/button.less
@@ -29,8 +29,8 @@
         white-space: nowrap;
         user-select: none;
         font-size: 14px;
-
-        color: var(--main-text-color);
+        color: var(--button-text-color);
+        font-weight: normal;
 
         i {
             fill: var(--main-text-color);
@@ -38,7 +38,6 @@
 
         &.primary,
         &.secondary {
-            color: var(--main-text-color);
             background: var(--accent-color);
 
             i {
@@ -52,7 +51,6 @@
 
         &.primary.warning {
             background: #e6ba1e;
-            color: #000000;
         }
 
         &.primary.ghost {
@@ -196,4 +194,8 @@
     .font-weight-500 {
         font-weight: 500;
     }
+
+    .font-weight-600 {
+        font-weight: 500;
+    }
 }
diff --git a/frontend/app/modals/tos.less b/frontend/app/modals/tos.less
index bfa4a2566..3e6fbc589 100644
--- a/frontend/app/modals/tos.less
+++ b/frontend/app/modals/tos.less
@@ -124,8 +124,6 @@
                 button {
                     font-size: 14px;
                     margin-bottom: 28px;
-                    color: #000;
-                    font-weight: 600;
                 }
 
                 button.disabled-button {
diff --git a/frontend/app/modals/tos.tsx b/frontend/app/modals/tos.tsx
index 83faa1a03..6d489a2eb 100644
--- a/frontend/app/modals/tos.tsx
+++ b/frontend/app/modals/tos.tsx
@@ -112,7 +112,9 @@ const TosModal = () => {
                 </div>
                 <footer className="unselectable">
                     <div className="button-wrapper">
-                        <Button onClick={acceptTos}>Get Started</Button>
+                        <Button className="font-weight-600" onClick={acceptTos}>
+                            Get Started
+                        </Button>
                     </div>
                     <div className="content-section-text">
                         By continuing, I accept the&nbsp;
diff --git a/frontend/app/theme.less b/frontend/app/theme.less
index 6eeefb252..1883baff2 100644
--- a/frontend/app/theme.less
+++ b/frontend/app/theme.less
@@ -83,9 +83,8 @@
 
     /* button colors */
     --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-text-color: #000000;
 
     /* form colors */
     --form-element-border-color: rgba(241, 246, 243, 0.15);