From 9261edf3ed3cdfb5745404b390684b473743847b Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sat, 26 Aug 2023 17:01:09 +0800
Subject: ...

---
 FrontEnd/src/views/common/input/InputGroup.css | 18 +++++++++---------
 FrontEnd/src/views/common/input/InputGroup.tsx |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

(limited to 'FrontEnd/src/views/common/input')

diff --git a/FrontEnd/src/views/common/input/InputGroup.css b/FrontEnd/src/views/common/input/InputGroup.css
index 1763ea53..7e905b1e 100644
--- a/FrontEnd/src/views/common/input/InputGroup.css
+++ b/FrontEnd/src/views/common/input/InputGroup.css
@@ -8,7 +8,7 @@
 
 .cru-input-label {
   display: block;
-  color: var(--cru-key-color);
+  color: var(--cru-clickable-normal-color);
   font-size: 0.9em;
   margin-bottom: 0.3em;
 }
@@ -20,24 +20,24 @@
 .cru-input-type-text input {
   appearance: none;
   display: block;
-  border: 1px solid var(--cru-surface-outline-color);
-  color: var(--cru-surface-on-color);
-  background-color: var(--cru-surface-color);
+  border: 1px solid;
+  /* color: var(--cru-surface-on-color); */
+  /* background-color: var(--cru-surface-color); */
   margin: 0;
-  padding: 0;
-  font-size: 1.2em;
+  font-size: 1em;
+  padding: 0.2em;
 }
 
 .cru-input-type-text input:hover {
-  border-color: var(--cru-key-color);
+  border-color: var(--cru-clickable-hover-color);
 }
 
 .cru-input-type-text input:focus {
-  border-color: var(--cru-key-color);
+  border-color: var(--cru-clickable-focus-color);
 }
 
 .cru-input-type-text input:disabled {
-  border-color: var(--cru-surface-on-color);
+  border-color: var(--cru-clickable-disabled-color);
 }
 
 .cru-input-error {
diff --git a/FrontEnd/src/views/common/input/InputGroup.tsx b/FrontEnd/src/views/common/input/InputGroup.tsx
index 5714411c..d95bb29e 100644
--- a/FrontEnd/src/views/common/input/InputGroup.tsx
+++ b/FrontEnd/src/views/common/input/InputGroup.tsx
@@ -360,7 +360,7 @@ export function InputGroup({
       ref={containerRef}
       className={classNames(
         "cru-input-group",
-        `cru-${color ?? "primary"}`,
+        `cru-clickable-${color ?? "primary"}`,
         containerClassName,
       )}
     >
-- 
cgit v1.2.3