fix: element theme adjustment

packages/@core/base/design/src/design-tokens/dark/index.css

@@ -56,7 +56,7 @@
   --heavy-foreground: var(--accent-foreground);
 
   /* Default border color */
-  --border: 240 3.7% 15.9%;
+  --border: 240 3.7% 22%;
 
   /* Border color for inputs such as <Input />, <Select />, <Textarea /> */
   --input: 0deg 0% 100% / 10%;

packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue

@@ -165,7 +165,7 @@ function scrollIntoView() {
                   />
 
                   <span
-                    class="tabs-chrome__label ml-[var(--gap)] flex-1 overflow-hidden whitespace-nowrap"
+                    class="tabs-chrome__label ml-[var(--gap)] flex-1 overflow-hidden whitespace-nowrap text-sm"
                   >
                     {{ tab.title }}
                   </span>

packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue

@@ -139,7 +139,9 @@ function scrollIntoView() {
                     fallback
                   />
 
-                  <span class="flex-1 overflow-hidden whitespace-nowrap">
+                  <span
+                    class="flex-1 overflow-hidden whitespace-nowrap text-sm"
+                  >
                     {{ tab.title }}
                   </span>
                 </div>