...

2 files changed, 19 insertions, 13 deletions

diff --git a/FrontEnd/src/pages/setting/index.css b/FrontEnd/src/pages/setting/index.css
index d9cba24f..c1950f9c 100644
--- a/FrontEnd/src/pages/setting/index.css
+++ b/FrontEnd/src/pages/setting/index.css
@@ -17,29 +17,39 @@
 

 .setting-section-title {

   padding: 0 1em;

+  color: white;

 }

 

 .setting-section-item-area {

   margin-top: 1em;

-  border-top: 1px solid var(--cru-key-container-color);

+  border-top: 1px solid var(--cru-secondary-color);

 }

 

 .setting-item-container {

   padding: 0.5em 1em;

   transition: background-color 0.3s;

-  color: var(--cru-surface-on-color);

-  background-color: var(--cru-surface-color);

-  border-bottom: 1px solid var(--cru-key-container-color);

+  background-color: var(--cru-background-color);

+  border-bottom: 1px solid var(--cru-secondary-color);

   display: flex;

   align-items: center;

 }

 

 .setting-item-container:hover {

-  background-color: var(--cru-key-container-1-color);

+  color: white;

+  background-color: var(--cru-secondary-color);

+}

+

+.setting-item-container.danger {

+  color: var(--cru-danger-color);

+}

+

+.setting-item-container.danger:hover {

+  color: white;

+  background-color: var(--cru-danger-color);

 }

 

 .setting-item-label-sub {

-  color: var(--cru-secondary-text-color);

+  color: var(--cru-text-secondary-color);

 }

 

 .setting-item-value-area {

@@ -50,10 +60,6 @@
   cursor: pointer;

 }

 

-.setting-item-container.setting-type-button.danger {

-  color: var(--cru-danger-color);

-}

-

 .register-code {

   background: var(--cru-surface-container-highest-color);

   border: 1px solid var(--cru-surface-container-highest-color);

diff --git a/FrontEnd/src/pages/setting/index.tsx b/FrontEnd/src/pages/setting/index.tsx
index 8e8ae488..8673d55a 100644
--- a/FrontEnd/src/pages/setting/index.tsx
+++ b/FrontEnd/src/pages/setting/index.tsx
@@ -172,7 +172,7 @@ function RegisterCodeSettingItem() {
           onClick={(event) => {
             void navigator.clipboard.writeText(registerCode).then(() => {
               pushAlert({
-                type: "success",
+                type: "create",
                 message: "settings.myRegisterCodeCopied",
               });
             });
@@ -249,7 +249,7 @@ export default function SettingPage() {
   return (
     <Page className="cru-primary" noTopPadding>
       {user ? (
-        <SettingSection title="settings.subheader.account">
+        <SettingSection title="settings.subheader.account" color="secondary">
           <RegisterCodeSettingItem />
           <ButtonSettingItem
             title="settings.changeAvatar"
@@ -271,7 +271,7 @@ export default function SettingPage() {
           />
         </SettingSection>
       ) : null}
-      <SettingSection title="settings.subheader.customization">
+      <SettingSection title="settings.subheader.customization" color="secondary">
         <LanguageChangeSettingItem />
       </SettingSection>
       <ChangePasswordDialog {...dialogPropsMap["change-password"]} />