feat: add more color variables (#8861)
* style: add --van-warning-color * style: add --van-success-color * feat: add more color variables
This commit is contained in:
@@ -171,17 +171,17 @@ The component provides the following CSS variables, which can be used to customi
|
||||
| --van-button-default-background-color | _var(--van-white)_ | - |
|
||||
| --van-button-default-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-button-primary-color | _var(--van-white)_ | - |
|
||||
| --van-button-primary-background-color | _var(--van-blue)_ | - |
|
||||
| --van-button-primary-border-color | _var(--van-blue)_ | - |
|
||||
| --van-button-primary-background-color | _var(--van-primary-color)_ | - |
|
||||
| --van-button-primary-border-color | _var(--van-primary-color)_ | - |
|
||||
| --van-button-success-color | _var(--van-white)_ | - |
|
||||
| --van-button-success-background-color | _var(--van-green)_ | - |
|
||||
| --van-button-success-border-color | _var(--van-green)_ | - |
|
||||
| --van-button-success-background-color | _var(--van-success-color)_ | - |
|
||||
| --van-button-success-border-color | _var(--van-success-color)_ | - |
|
||||
| --van-button-danger-color | _var(--van-white)_ | - |
|
||||
| --van-button-danger-background-color | _var(--van-red)_ | - |
|
||||
| --van-button-danger-border-color | _var(--van-red)_ | - |
|
||||
| --van-button-danger-background-color | _var(--van-danger-color)_ | - |
|
||||
| --van-button-danger-border-color | _var(--van-danger-color)_ | - |
|
||||
| --van-button-warning-color | _var(--van-white)_ | - |
|
||||
| --van-button-warning-background-color | _var(--van-orange)_ | - |
|
||||
| --van-button-warning-border-color | _var(--van-orange)_ | - |
|
||||
| --van-button-warning-background-color | _var(--van-warning-color)_ | - |
|
||||
| --van-button-warning-border-color | _var(--van-warning-color)_ | - |
|
||||
| --van-button-border-width | _var(--van-border-width-base)_ | - |
|
||||
| --van-button-border-radius | _var(--van-border-radius-sm)_ | - |
|
||||
| --van-button-round-border-radius | _var(--van-border-radius-max)_ | - |
|
||||
|
||||
@@ -194,14 +194,14 @@ app.use(Button);
|
||||
| --van-button-default-background-color | _var(--van-white)_ | - |
|
||||
| --van-button-default-border-color | _var(--van-border-color)_ | - |
|
||||
| --van-button-primary-color | _var(--van-white)_ | - |
|
||||
| --van-button-primary-background-color | _var(--van-blue)_ | - |
|
||||
| --van-button-primary-border-color | _var(--van-blue)_ | - |
|
||||
| --van-button-primary-background-color | _var(--van-primary-color)_ | - |
|
||||
| --van-button-primary-border-color | _var(--van-primary-color)_ | - |
|
||||
| --van-button-success-color | _var(--van-white)_ | - |
|
||||
| --van-button-success-background-color | _var(--van-green)_ | - |
|
||||
| --van-button-success-border-color | _var(--van-green)_ | - |
|
||||
| --van-button-success-background-color | _var(--van-success-color)_ | - |
|
||||
| --van-button-success-border-color | _var(--van-success-color)_ | - |
|
||||
| --van-button-danger-color | _var(--van-white)_ | - |
|
||||
| --van-button-danger-background-color | _var(--van-red)_ | - |
|
||||
| --van-button-danger-border-color | _var(--van-red)_ | - |
|
||||
| --van-button-danger-background-color | _var(--van-danger-color)_ | - |
|
||||
| --van-button-danger-border-color | _var(--van-danger-color)_ | - |
|
||||
| --van-button-warning-color | _var(--van-white)_ | - |
|
||||
| --van-button-warning-background-color | _var(--van-organge)_ | - |
|
||||
| --van-button-warning-border-color | _var(--van-organge)_ | - |
|
||||
|
||||
+8
-8
@@ -16,17 +16,17 @@
|
||||
@button-default-background-color: var(--van-white);
|
||||
@button-default-border-color: var(--van-border-color);
|
||||
@button-primary-color: var(--van-white);
|
||||
@button-primary-background-color: var(--van-blue);
|
||||
@button-primary-border-color: var(--van-blue);
|
||||
@button-primary-background-color: var(--van-primary-color);
|
||||
@button-primary-border-color: var(--van-primary-color);
|
||||
@button-success-color: var(--van-white);
|
||||
@button-success-background-color: var(--van-green);
|
||||
@button-success-border-color: var(--van-green);
|
||||
@button-success-background-color: var(--van-success-color);
|
||||
@button-success-border-color: var(--van-success-color);
|
||||
@button-danger-color: var(--van-white);
|
||||
@button-danger-background-color: var(--van-red);
|
||||
@button-danger-border-color: var(--van-red);
|
||||
@button-danger-background-color: var(--van-danger-color);
|
||||
@button-danger-border-color: var(--van-danger-color);
|
||||
@button-warning-color: var(--van-white);
|
||||
@button-warning-background-color: var(--van-orange);
|
||||
@button-warning-border-color: var(--van-orange);
|
||||
@button-warning-background-color: var(--van-warning-color);
|
||||
@button-warning-border-color: var(--van-warning-color);
|
||||
@button-border-width: var(--van-border-width-base);
|
||||
@button-border-radius: var(--van-border-radius-sm);
|
||||
@button-round-border-radius: var(--van-border-radius-max);
|
||||
|
||||
Reference in New Issue
Block a user