fix(divider): [divider] modify theme (#3191)

* fix: modify theme

* fix: modify test-e2e

Author: James-9696

examples/sites/demos/pc/app/divider/basic-usage.spec.ts

@@ -3,6 +3,7 @@ import { test, expect } from '@playwright/test'
 test('基本用法', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('divider#basic-usage')
-  const dividerCss = page.locator('.tiny-divider .tiny-divider--default, .tiny-divider.tiny-divider--default')
-  await expect(dividerCss).toHaveCSS('border-color', 'rgb(219, 219, 219)')
+  const demo = page.locator('#basic-usage')
+  const dividerClass = demo.locator('.tiny-divider .tiny-divider--default, .tiny-divider.tiny-divider--default')
+  await expect(dividerClass).toHaveCSS('border-color', 'rgb(240, 240, 240)')
 })

examples/sites/demos/pc/app/divider/content-position.spec.ts

@@ -3,7 +3,8 @@ import { test, expect } from '@playwright/test'
 test('分割线文案位置', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('divider#content-position')
-  const left = page.locator('.tiny-divider__text')
+  const demo = page.locator('#content-position')
+  const left = demo.locator('.tiny-divider__text')
   await expect(left.first()).toHaveText('左侧且偏移20%')
   await expect(left.nth(1)).toHaveText('中间')
   await expect(left.nth(2)).toHaveCSS('right', '80px')

examples/sites/demos/pc/app/divider/custom-style.spec.ts

@@ -4,9 +4,10 @@ import { test, expect } from '@playwright/test'
 test('自定义样式', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('divider#custom-style')
-  const dividerText = page.locator('.tiny-divider__text')
-  const dividerMargin = page.locator('.tiny-divider')
-  const dividerLine = page.locator('.tiny-divider-line').first()
+  const demo = page.locator('#custom-style')
+  const dividerText = demo.locator('.tiny-divider__text')
+  const dividerMargin = demo.locator('.tiny-divider')
+  const dividerLine = demo.locator('.tiny-divider-line').first()
   await expect(dividerLine.first()).toHaveCSS('border-color', 'rgb(20, 118, 255)')
   await expect(dividerText.first()).toHaveCSS('color', 'rgb(20, 118, 255)')
   await expect(dividerText.nth(1)).toHaveCSS('background-color', 'rgb(20, 118, 255)')

examples/sites/demos/pc/app/divider/direction.spec.ts

@@ -4,7 +4,8 @@ import { test, expect } from '@playwright/test'
 test('垂直分割线', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('divider#direction')
-  const dividerCss = page.locator('.tiny-divider--vertical')
+  const demo = page.locator('#direction')
+  const dividerCss = demo.locator('.tiny-divider--vertical')
   await expect(dividerCss.first()).toHaveCSS('vertical-align', 'middle')
-  await expect(dividerCss.first()).toHaveCSS('border-left', '1px solid rgb(219, 219, 219)')
+  await expect(dividerCss.first()).toHaveCSS('border-left', '1px solid rgb(240, 240, 240)')
 })

examples/sites/demos/pc/app/divider/divider-type.spec.ts

@@ -3,7 +3,8 @@ import { test, expect } from '@playwright/test'
 test('分割线类型', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('divider#divider-type')
-  const dividerText = page.locator('.tiny-divider--default')
+  const demo = page.locator('#divider-type')
+  const dividerText = demo.locator('.tiny-divider--default')
   await expect(dividerText.first()).toHaveCSS('border-top-style', 'solid')
   await expect(dividerText.nth(1)).toHaveCSS('border-top-style', 'dashed')
   await expect(dividerText.nth(2)).toHaveCSS('border-top-style', 'dotted')

examples/sites/demos/pc/app/divider/status.spec.ts

@@ -3,7 +3,8 @@ import { test, expect } from '@playwright/test'
 test('分割线状态', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('divider#status')
-  const dividerText = page.locator('.tiny-divider-line')
+  const demo = page.locator('#status')
+  const dividerText = demo.locator('.tiny-divider-line')
   await expect(dividerText.first()).toHaveClass(/tiny-divider--default/)
   await expect(dividerText.nth(1)).toHaveClass(/tiny-divider--success/)
   await expect(dividerText.nth(2)).toHaveClass(/tiny-divider--error/)

packages/theme/src/divider/vars.less

@@ -8,7 +8,7 @@
   // 成功颜色
   --tv-Divider-success-color: var(--tv-color-success-border, #5cb300);
   // 默认颜色
-  --tv-Divider-default-color: var(--tv-color-border-divider-short, #dbdbdb);
+  --tv-Divider-default-color: var(--tv-color-border-divider);
   // 告警颜色
   --tv-Divider-warning-color: var(--tv-color-warn-border, #ff8800);
   // 信息颜色