feat(divider): modify smb theme

Author: James-9696

examples/sites/demos/pc/app/divider/customStyle-composition-api.vue

@@ -1,12 +1,12 @@
 <template>
   <p>自定义分隔线颜色</p>
-  <tiny-divider color="#7693f5"></tiny-divider>
+  <tiny-divider color="#1476ff"></tiny-divider>
   <p>自定义分隔线的样式</p>
   <tiny-divider border-style="dashed"></tiny-divider>
   <p>自定义文案的颜色</p>
-  <tiny-divider content-color="#7693f5">文案</tiny-divider>
+  <tiny-divider content-color="#1476ff">文案</tiny-divider>
   <p>文案的背景颜色</p>
-  <tiny-divider content-color="#ffffff" content-background-color="#7693f5">文案</tiny-divider>
+  <tiny-divider content-color="#ffffff" content-background-color="#1476ff">文案</tiny-divider>
 </template>
 
 <script setup>

examples/sites/demos/pc/app/divider/customStyle.vue

@@ -1,13 +1,13 @@
 <template>
   <div>
     <p>自定义分隔线颜色</p>
-    <tiny-divider color="#7693f5"></tiny-divider>
+    <tiny-divider color="#1476ff"></tiny-divider>
     <p>自定义分隔线的样式</p>
     <tiny-divider border-style="dashed"></tiny-divider>
     <p>自定义文案的颜色</p>
-    <tiny-divider content-color="#7693f5">文案</tiny-divider>
+    <tiny-divider content-color="#1476ff">文案</tiny-divider>
     <p>文案的背景颜色</p>
-    <tiny-divider content-color="#ffffff" content-background-color="#7693f5">文案</tiny-divider>
+    <tiny-divider content-color="#ffffff" content-background-color="#1476ff">文案</tiny-divider>
   </div>
 </template>
 

packages/theme/src/divider/index.less

@@ -9,9 +9,8 @@
 
   &&--horizontal {
     display: block;
-    height: 1px;
     margin: 24px 0;
-    border-top: var(--ti-divider-dividing-line);
+    border-top: 1px solid var(--ti-divider-dividing-line);
     opacity: var(--ti-divider-horizontal-opacity);
   }
 
@@ -21,13 +20,12 @@
     height: 1em;
     margin: 0 8px;
     vertical-align: middle;
-    border-left: var(--ti-divider-dividing-line);
+    border-left: 1px solid var(--ti-divider-dividing-line);
     opacity: var(--ti-divider-vertical-opacity);
   }
 
   &__text {
     position: absolute;
-    padding: 0 20px;
     font-size: 14px;
     font-weight: 500;
     color: var(--ti-divider-text-color);

packages/theme/src/divider/vars.less

@@ -6,7 +6,7 @@
   // 文案文本色
   --ti-divider-text-color: var(--ti-common-color-text-primary);
   //分割线横向透明度
-  --ti-divider-horizontal-opacity: 0.5;
+  --ti-divider-horizontal-opacity: 1;
   //分割线纵向透明度
-  --ti-divider-vertical-opacity: 0.5;
+  --ti-divider-vertical-opacity: 1;
 }