增加印章

src/components/tools/CryptoTools.vue

@@ -10,7 +10,7 @@
           :class="[
             'px-3 py-2 text-sm font-medium rounded transition-all',
             activeAlgorithm === algorithm.type 
-              ? 'bg-primary text-white shadow-sm' 
+              ? 'bg-primary-500 text-white shadow-sm'
               : 'bg-block text-secondary border hover:bg-hover'
           ]"
           @click="setActiveAlgorithm(algorithm.type)"
@@ -27,7 +27,7 @@
         <button
           :class="[
             'flex-1 px-4 py-2 text-sm font-medium rounded transition-all',
-            !isDecoding ? 'bg-primary text-white' : 'bg-block text-secondary border'
+            !isDecoding ? 'bg-primary-500 text-white' : 'bg-block text-secondary border'
           ]"
           @click="isDecoding = false"
         >
@@ -36,7 +36,7 @@
         <button
           :class="[
             'flex-1 px-4 py-2 text-sm font-medium rounded transition-all',
-            isDecoding ? 'bg-primary text-white' : 'bg-block text-secondary border'
+            isDecoding ? 'bg-primary-500 text-white' : 'bg-block text-secondary border'
           ]"
           @click="isDecoding = true"
         >

src/components/tools/DateCalculator.vue

@@ -5,8 +5,8 @@
       <div class="flex items-center bg-card rounded-md p-1 border">
         <button
           :class="[
-            'px-4 py-2 text-sm font-medium transition-all rounded-l-md',
-            mode === 'diff' ? 'bg-primary text-white shadow-sm' : 'text-secondary hover:text-primary'
+            'px-4 py-2 text-sm font-medium rounded-l transition-all',
+            mode === 'diff' ? 'bg-primary-500 text-white shadow-sm' : 'text-secondary hover:text-primary'
           ]"
           @click="mode = 'diff'"
         >
@@ -14,8 +14,8 @@
         </button>
         <button
           :class="[
-            'px-4 py-2 text-sm font-medium transition-all rounded-r-md',
-            mode === 'add' ? 'bg-primary text-white shadow-sm' : 'text-secondary hover:text-primary'
+            'px-4 py-2 text-sm font-medium rounded-r transition-all',
+            mode === 'add' ? 'bg-primary-500 text-white shadow-sm' : 'text-secondary hover:text-primary'
           ]"
           @click="mode = 'add'"
         >

src/components/tools/NumberBaseConverter.vue

@@ -14,7 +14,7 @@
               :key="'from-' + base.id"
               :class="[
                 'px-3 py-2 text-sm rounded transition-all',
-                fromBase === base.id ? 'bg-primary text-white' : 'btn-secondary'
+                fromBase === base.id ? 'bg-primary-500 text-white' : 'btn-secondary'
               ]"
               @click="setFromBase(base.id)"
             >
@@ -44,7 +44,7 @@
               :key="'to-' + base.id"
               :class="[
                 'px-3 py-2 text-sm rounded transition-all',
-                toBase === base.id ? 'bg-primary text-white' : 'btn-secondary'
+                toBase === base.id ? 'bg-primary-500 text-white' : 'btn-secondary'
               ]"
               @click="setToBase(base.id)"
             >

src/components/tools/RegexTester.vue

@@ -176,7 +176,7 @@
                   <div class="space-y-1">
                     <div class="flex items-start gap-2">
                       <span class="text-xs text-tertiary min-w-[40px]">完整:</span>
-                      <code class="text-sm text-primary bg-primary/10 px-1 rounded break-all">
+                      <code class="text-sm text-primary-600 bg-primary-100 px-1 rounded break-all">
                         {{ match[0] || '' }}
                       </code>
                     </div>
@@ -187,7 +187,7 @@
                       class="flex items-start gap-2"
                     >
                       <span class="text-xs text-tertiary min-w-[40px]">组 {{ group }}:</span>
-                      <code class="text-sm text-primary bg-primary/10 px-1 rounded break-all">
+                      <code class="text-sm text-primary-600 bg-primary-100 px-1 rounded break-all">
                         {{ match[group] || '(空)' }}
                       </code>
                     </div>