2022-05-05 19:57:29 +08:00
|
|
|
```css
|
|
|
|
|
:root {
|
|
|
|
|
/* primary */
|
|
|
|
|
--color-teal-a: rgba(72, 201, 176, 0.35);
|
2022-05-18 18:48:46 +08:00
|
|
|
--color-teal-1: #48c9b0;
|
|
|
|
|
--color-teal-2: #1abc9c;
|
2022-05-05 19:57:29 +08:00
|
|
|
--color-teal-3: rgb(22, 160, 133);
|
|
|
|
|
/* success */
|
|
|
|
|
--color-green-a: rgba(70, 221, 126, 0.35);
|
|
|
|
|
--color-green-1: rgb(70, 221, 126);
|
|
|
|
|
--color-green-2: rgb(47, 208, 105);
|
|
|
|
|
--color-green-3: rgb(26, 196, 88);
|
|
|
|
|
/* info */
|
|
|
|
|
--color-blue-a: rgba(100, 181, 246, 0.35);
|
2022-05-06 12:48:45 +08:00
|
|
|
--color-blue-1: #64b5f6;
|
2022-05-05 19:57:29 +08:00
|
|
|
--color-blue-2: rgb(66, 165, 245);
|
2022-05-06 12:48:45 +08:00
|
|
|
--color-blue-3: #2196f3;
|
2022-05-05 19:57:29 +08:00
|
|
|
/* danger */
|
|
|
|
|
--color-red-a: rgba(252, 118, 97, 0.35);
|
2022-05-06 20:10:37 +08:00
|
|
|
--color-red-1: #fc7661;
|
|
|
|
|
--color-red-2: #ff5f45;
|
|
|
|
|
--color-red-3: #f33e22;
|
2022-05-05 19:57:29 +08:00
|
|
|
/* warning */
|
|
|
|
|
--color-orange-a: rgba(255, 211, 66, 0.35);
|
2022-05-18 18:48:46 +08:00
|
|
|
--color-orange-1: #ffd342;
|
|
|
|
|
--color-orange-2: #fec401;
|
|
|
|
|
--color-orange-3: #f5bd07;
|
2022-05-05 19:57:29 +08:00
|
|
|
/* default1 */
|
|
|
|
|
--color-plain-a: rgba(150, 204, 248, 0.35);
|
2022-05-07 20:25:38 +08:00
|
|
|
--color-plain-a: #96ccf859;
|
2022-05-06 20:10:37 +08:00
|
|
|
--color-plain-1: #f2f5fc;
|
|
|
|
|
--color-plain-2: #e8ebf4;
|
|
|
|
|
--color-plain-3: #dae1e9;
|
2022-05-05 19:57:29 +08:00
|
|
|
/* default2 */
|
|
|
|
|
--color-grey-a: rgba(206, 214, 224, 0.35);
|
2022-05-06 20:10:37 +08:00
|
|
|
--color-grey-1: #ced6e0;
|
2022-05-06 17:08:59 +08:00
|
|
|
--color-grey-2: #a4b0be;
|
|
|
|
|
--color-grey-3: #86909b;
|
2022-05-05 19:57:29 +08:00
|
|
|
/* inverse */
|
|
|
|
|
--color-dark-a: rgba(87, 96, 111, 0.35);
|
2022-05-06 12:48:45 +08:00
|
|
|
--color-dark-1: #57606f;
|
2022-05-07 20:25:38 +08:00
|
|
|
--color-dark-12: #4d535d;
|
|
|
|
|
--color-dark-13: #44484d;
|
2022-05-06 12:48:45 +08:00
|
|
|
--color-dark-2: #3c4d5e;
|
|
|
|
|
--color-dark-3: #323f4d;
|
2022-05-05 19:57:29 +08:00
|
|
|
}
|
|
|
|
|
```
|
