feat: add more color variables (#8861)

* style: add --van-warning-color

* style: add --van-success-color

* feat: add more color variables

src/circle/README.md

@@ -150,7 +150,7 @@ The component provides the following CSS variables, which can be used to customi
 | Name                          | Default Value                 | Description |
 | ----------------------------- | ----------------------------- | ----------- |
 | --van-circle-size             | _100px_                       | -           |
-| --van-circle-color            | _var(--van-blue)_             | -           |
+| --van-circle-color            | _var(--van-primary-color)_    | -           |
 | --van-circle-layer-color      | _var(--van-white)_            | -           |
 | --van-circle-text-color       | _var(--van-text-color)_       | -           |
 | --van-circle-text-font-weight | _var(--van-font-weight-bold)_ | -           |

src/circle/README.zh-CN.md

@@ -162,7 +162,7 @@ export default {
 | 名称                          | 默认值                        | 描述 |
 | ----------------------------- | ----------------------------- | ---- |
 | --van-circle-size             | _100px_                       | -    |
-| --van-circle-color            | _var(--van-blue)_             | -    |
+| --van-circle-color            | _var(--van-primary-color)_    | -    |
 | --van-circle-layer-color      | _var(--van-white)_            | -    |
 | --van-circle-text-color       | _var(--van-text-color)_       | -    |
 | --van-circle-text-font-weight | _var(--van-font-weight-bold)_ | -    |

src/circle/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @circle-size: 100px;
-@circle-color: var(--van-blue);
+@circle-color: var(--van-primary-color);
 @circle-layer-color: var(--van-white);
 @circle-text-color: var(--van-text-color);
 @circle-text-font-weight: var(--van-font-weight-bold);