[fix] fixed issue with the token management style (#4083)

Author: Duansg

web-app/src/app/routes/setting/settings/token-management/token-management.component.html

@@ -124,18 +124,7 @@
           {{ 'common.button.copy' | i18n }}
         </button>
       </div>
-      <div
-        style="
-          padding: 12px;
-          border: 1px solid #d9d9d9;
-          border-radius: 4px;
-          word-wrap: break-word;
-          word-break: break-all;
-          font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
-          font-size: 13px;
-          background: #fafafa;
-        "
-      >
+      <div class="token-display">
         {{ generatedToken }}
       </div>
     </div>

web-app/src/styles/index.less

@@ -151,3 +151,21 @@ html {
 [data-theme='dark'] ::-webkit-scrollbar-thumb:hover {
   background: rgba(255, 255, 255, 0.3);
 }
+
+/* Token display styling in modal */
+.token-display {
+  padding: 12px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  word-wrap: break-word;
+  word-break: break-all;
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-size: 13px;
+  background: #fafafa;
+}
+
+[data-theme='dark'] .token-display {
+  background: #1f1f1f;
+  border-color: #434343;
+  color: rgba(255, 255, 255, 0.85);
+}