@onereach/styles 2.9.3-beta.623.0 → 2.9.3-beta.646.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -2
- package/dist/index.css +29 -29
- package/dist/index.min.css +1 -1
- package/main.css +1 -2
- package/package.json +1 -1
- package/src/variables/tokens/design-tokens.scss +5 -5
- package/tailwind.config.js +1 -1
- package/tailwind.config.preset.js +50 -189
- package/tw-color-variables.css +0 -211
package/README.md
CHANGED
|
@@ -44,7 +44,7 @@ $ pnpm build
|
|
|
44
44
|
"font-weights": {
|
|
45
45
|
"level-0": 400,
|
|
46
46
|
"level-1": 600,
|
|
47
|
-
"level-2":
|
|
47
|
+
"level-2": 700
|
|
48
48
|
},
|
|
49
49
|
"line-heights": {
|
|
50
50
|
"level-0": 18,
|
|
@@ -150,4 +150,3 @@ import '@onereach/styles';
|
|
|
150
150
|
// or
|
|
151
151
|
import '@onereach/styles/src/main.scss';
|
|
152
152
|
```
|
|
153
|
-
|
package/dist/index.css
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
:root,
|
|
2
2
|
[data-theme=light] {
|
|
3
|
-
--c-primary: #
|
|
4
|
-
--c-primary-darken-3: #
|
|
5
|
-
--c-primary-darken-5: #
|
|
6
|
-
--c-primary-darken-20: #
|
|
7
|
-
--c-primary-darken-25: #
|
|
8
|
-
--c-primary-lighten-20: #
|
|
9
|
-
--c-primary-lighten-45: #
|
|
10
|
-
--c-error: #
|
|
11
|
-
--c-error-darken-3: #
|
|
12
|
-
--c-error-darken-5: #
|
|
13
|
-
--c-error-darken-20: #
|
|
14
|
-
--c-error-darken-25: #
|
|
15
|
-
--c-error-lighten-20: #
|
|
16
|
-
--c-error-lighten-45: #
|
|
17
|
-
--c-warning: #
|
|
18
|
-
--c-warning-darken-3: #
|
|
19
|
-
--c-warning-darken-5: #
|
|
20
|
-
--c-warning-darken-20: #
|
|
21
|
-
--c-warning-darken-25: #
|
|
22
|
-
--c-warning-lighten-20: #
|
|
23
|
-
--c-warning-lighten-45: #
|
|
24
|
-
--c-success: #
|
|
25
|
-
--c-success-darken-3: #
|
|
26
|
-
--c-success-darken-5: #
|
|
27
|
-
--c-success-darken-20: #
|
|
28
|
-
--c-success-darken-25: #
|
|
29
|
-
--c-success-lighten-20: #
|
|
30
|
-
--c-success-lighten-45: #
|
|
3
|
+
--c-primary: #178ae7;
|
|
4
|
+
--c-primary-darken-3: #1682d9;
|
|
5
|
+
--c-primary-darken-5: #157cd0;
|
|
6
|
+
--c-primary-darken-20: #0e538a;
|
|
7
|
+
--c-primary-darken-25: #0b4573;
|
|
8
|
+
--c-primary-lighten-20: #73b9f1;
|
|
9
|
+
--c-primary-lighten-45: #e7f3fd;
|
|
10
|
+
--c-error: #da1e28;
|
|
11
|
+
--c-error-darken-3: #cd1c26;
|
|
12
|
+
--c-error-darken-5: #c41b24;
|
|
13
|
+
--c-error-darken-20: #801218;
|
|
14
|
+
--c-error-darken-25: #6a0f13;
|
|
15
|
+
--c-error-lighten-20: #ec7279;
|
|
16
|
+
--c-error-lighten-45: #fbe2e4;
|
|
17
|
+
--c-warning: #fcbc05;
|
|
18
|
+
--c-warning-darken-3: #efb203;
|
|
19
|
+
--c-warning-darken-5: #e5aa03;
|
|
20
|
+
--c-warning-darken-20: #997202;
|
|
21
|
+
--c-warning-darken-25: #805f02;
|
|
22
|
+
--c-warning-lighten-20: #fdd76a;
|
|
23
|
+
--c-warning-lighten-45: #fff9e8;
|
|
24
|
+
--c-success: #4ec00f;
|
|
25
|
+
--c-success-darken-3: #48b20e;
|
|
26
|
+
--c-success-darken-5: #44a80d;
|
|
27
|
+
--c-success-darken-20: #286108;
|
|
28
|
+
--c-success-darken-25: #1e4a06;
|
|
29
|
+
--c-success-lighten-20: #82f045;
|
|
30
|
+
--c-success-lighten-45: #d1fabb;
|
|
31
31
|
--c-neutral-0: #fff;
|
|
32
32
|
--c-neutral-0-darken-3: #f7f7f7;
|
|
33
33
|
--c-neutral-0-darken-5: #f2f2f2;
|
|
@@ -256,7 +256,7 @@
|
|
|
256
256
|
--fs-3: 1.375rem;
|
|
257
257
|
--fw-0: 400;
|
|
258
258
|
--fw-1: 600;
|
|
259
|
-
--fw-2:
|
|
259
|
+
--fw-2: 700;
|
|
260
260
|
--lh-0: 1.125rem;
|
|
261
261
|
--lh-1: 1.3125rem;
|
|
262
262
|
--lh-2: 1.625rem;
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,[data-theme=light]{--c-primary:#
|
|
1
|
+
:root,[data-theme=light]{--c-primary:#178ae7;--c-primary-darken-3:#1682d9;--c-primary-darken-5:#157cd0;--c-primary-darken-20:#0e538a;--c-primary-darken-25:#0b4573;--c-primary-lighten-20:#73b9f1;--c-primary-lighten-45:#e7f3fd;--c-error:#da1e28;--c-error-darken-3:#cd1c26;--c-error-darken-5:#c41b24;--c-error-darken-20:#801218;--c-error-darken-25:#6a0f13;--c-error-lighten-20:#ec7279;--c-error-lighten-45:#fbe2e4;--c-warning:#fcbc05;--c-warning-darken-3:#efb203;--c-warning-darken-5:#e5aa03;--c-warning-darken-20:#997202;--c-warning-darken-25:#805f02;--c-warning-lighten-20:#fdd76a;--c-warning-lighten-45:#fff9e8;--c-success:#4ec00f;--c-success-darken-3:#48b20e;--c-success-darken-5:#44a80d;--c-success-darken-20:#286108;--c-success-darken-25:#1e4a06;--c-success-lighten-20:#82f045;--c-success-lighten-45:#d1fabb;--c-neutral-0:#fff;--c-neutral-0-darken-3:#f7f7f7;--c-neutral-0-darken-5:#f2f2f2;--c-neutral-0-darken-20:#cccccc;--c-neutral-0-darken-25:#bfbfbf;--c-neutral-0-lighten-20:white;--c-neutral-1:#f6f6f6;--c-neutral-1-darken-3:#eeeeee;--c-neutral-1-darken-5:#e9e9e9;--c-neutral-1-darken-20:#c3c3c3;--c-neutral-1-darken-25:#b6b6b6;--c-neutral-1-lighten-20:white;--c-neutral-2:#dfdfdf;--c-neutral-2-darken-3:#d7d7d7;--c-neutral-2-darken-5:#d2d2d2;--c-neutral-2-darken-20:#acacac;--c-neutral-2-darken-25:#9f9f9f;--c-neutral-2-lighten-20:white;--c-neutral-3:#c6c6c6;--c-neutral-3-darken-3:#bebebe;--c-neutral-3-darken-5:#b9b9b9;--c-neutral-3-darken-20:#939393;--c-neutral-3-darken-25:#868686;--c-neutral-3-lighten-20:#f9f9f9;--c-neutral-4:#91969d;--c-neutral-4-darken-3:#898e96;--c-neutral-4-darken-5:#848991;--c-neutral-4-darken-20:#5e636a;--c-neutral-4-darken-25:#52565c;--c-neutral-4-lighten-20:#c7c9cd;--c-neutral-5:#6c747d;--c-neutral-5-darken-3:#656c75;--c-neutral-5-darken-5:#60676f;--c-neutral-5-darken-20:#3d4146;--c-neutral-5-darken-25:#313539;--c-neutral-5-lighten-20:#a1a7ae;--c-neutral-6:#1e232b;--c-neutral-6-darken-3:#181c22;--c-neutral-6-darken-5:#14171c;--c-neutral-6-darken-20:black;--c-neutral-6-darken-25:black;--c-neutral-6-lighten-20:#485467;--c-body-bg:#fff;--c-white:#fff;--c-black:#000}[data-theme=dark]{--c-primary:#c94277;--c-primary-darken-3:#c4386f;--c-primary-darken-5:#bc366a;--c-primary-darken-20:#802549;--c-primary-darken-25:#6d1f3d;--c-primary-lighten-20:#e091b0;--c-primary-lighten-45:#fcf5f7;--c-error:#2f0a28;--c-error-darken-3:#22071d;--c-error-darken-5:#1a0616;--c-error-darken-20:black;--c-error-darken-25:black;--c-error-lighten-20:#831c70;--c-error-lighten-45:#d847bc;--c-warning:#A27E6F;--c-warning-darken-3:#9c7666;--c-warning-darken-5:#967161;--c-warning-darken-20:#684e43;--c-warning-darken-25:#584239;--c-warning-lighten-20:#cab6ad;--c-warning-lighten-45:#fcfbfa;--c-success:#cadbc0;--c-success-darken-3:#c2d5b6;--c-success-darken-5:#bcd2b0;--c-success-darken-20:#93b67f;--c-success-darken-25:#86ad6f;--c-success-lighten-20:white;--c-success-lighten-45:white;--c-neutral-0:#A27E6F;--c-neutral-0-darken-3:#9c7666;--c-neutral-0-darken-5:#967161;--c-neutral-0-darken-20:#684e43;--c-neutral-0-darken-25:#584239;--c-neutral-0-lighten-20:#cab6ad;--c-neutral-1:#9F7366;--c-neutral-1-darken-3:#976c5f;--c-neutral-1-darken-5:#91675b;--c-neutral-1-darken-20:#62463d;--c-neutral-1-darken-25:#523a33;--c-neutral-1-lighten-20:#c6aca5;--c-neutral-2:#94524A;--c-neutral-2-darken-3:#8a4c45;--c-neutral-2-darken-5:#834942;--c-neutral-2-darken-20:#502c28;--c-neutral-2-darken-25:#3f2320;--c-neutral-2-lighten-20:#c18a83;--c-neutral-3:#7B4042;--c-neutral-3-darken-3:#713b3d;--c-neutral-3-darken-5:#6a3739;--c-neutral-3-darken-20:#381d1e;--c-neutral-3-darken-25:#271415;--c-neutral-3-lighten-20:#b36e70;--c-neutral-4:#622E39;--c-neutral-4-darken-3:#582933;--c-neutral-4-darken-5:#51262f;--c-neutral-4-darken-20:#1d0d11;--c-neutral-4-darken-25:#0b0507;--c-neutral-4-lighten-20:#a74f61;--c-neutral-5:#491C31;--c-neutral-5-darken-3:#3e182a;--c-neutral-5-darken-5:#371525;--c-neutral-5-darken-20:black;--c-neutral-5-darken-25:black;--c-neutral-5-lighten-20:#933862;--c-neutral-6:#B6AD98;--c-neutral-6-darken-3:#b0a68f;--c-neutral-6-darken-5:#aba189;--c-neutral-6-darken-20:#887c60;--c-neutral-6-darken-25:#796e56;--c-neutral-6-lighten-20:#e0ddd4;--c-c-body-bg:#fff;--c-c-body-bg-darken-3:#f7f7f7;--c-c-body-bg-darken-5:#f2f2f2;--c-c-body-bg-darken-20:#cccccc;--c-c-body-bg-darken-25:#bfbfbf;--c-c-body-bg-lighten-20:white;--c-white:#fff;--c-black:#000}[data-theme=custom]{--c-primary:rgb(236, 0, 140);--c-primary-darken-3:#dd0083;--c-primary-darken-5:#d3007d;--c-primary-darken-20:#86004f;--c-primary-darken-25:#6d0040;--c-primary-lighten-20:#ff53b9;--c-primary-lighten-45:#ffd3ed;--c-error:rgb(232, 17, 35);--c-error-darken-3:#da1021;--c-error-darken-5:#d00f1f;--c-error-darken-20:#890a15;--c-error-darken-25:#710811;--c-error-lighten-20:#f46b76;--c-error-lighten-45:#fde2e4;--c-warning:rgb(255, 241, 0);--c-warning-darken-3:#f0e300;--c-warning-darken-5:#e6d900;--c-warning-darken-20:#999100;--c-warning-darken-25:#807900;--c-warning-lighten-20:#fff766;--c-warning-lighten-45:#fffee6;--c-success:rgb(186, 216, 10);--c-success-darken-3:#adc909;--c-success-darken-5:#a5c009;--c-success-darken-20:#667705;--c-success-darken-25:#515e04;--c-success-lighten-20:#dff751;--c-success-lighten-45:#f5fdcb;--c-neutral-0:rgb(255, 140, 0);--c-neutral-0-darken-3:#f08400;--c-neutral-0-darken-5:#e67e00;--c-neutral-0-darken-20:#995400;--c-neutral-0-darken-25:#804600;--c-neutral-0-lighten-20:#ffba66;--c-neutral-1:rgb(236, 0, 140);--c-neutral-1-darken-3:#dd0083;--c-neutral-1-darken-5:#d3007d;--c-neutral-1-darken-20:#86004f;--c-neutral-1-darken-25:#6d0040;--c-neutral-1-lighten-20:#ff53b9;--c-neutral-2:rgb(104, 33, 122);--c-neutral-2-darken-3:#5e1e6e;--c-neutral-2-darken-5:#571c66;--c-neutral-2-darken-20:#240b2a;--c-neutral-2-darken-25:#120616;--c-neutral-2-lighten-20:#ac38c9;--c-neutral-3:rgb(0, 24, 143);--c-neutral-3-darken-3:#001580;--c-neutral-3-darken-5:#001476;--c-neutral-3-darken-20:#000729;--c-neutral-3-darken-25:#000310;--c-neutral-3-lighten-20:#0029f5;--c-neutral-4:rgb(0, 188, 242);--c-neutral-4-darken-3:#00b0e3;--c-neutral-4-darken-5:#00a8d9;--c-neutral-4-darken-20:#006d8c;--c-neutral-4-darken-25:#005973;--c-neutral-4-lighten-20:#59daff;--c-neutral-5:rgb(0, 178, 148);--c-neutral-5-darken-3:#00a387;--c-neutral-5-darken-5:#00997f;--c-neutral-5-darken-20:#004c3f;--c-neutral-5-darken-25:#00332a;--c-neutral-5-lighten-20:#19ffd8;--c-neutral-6:rgb(0, 158, 73);--c-neutral-6-darken-3:#008f42;--c-neutral-6-darken-5:#00853d;--c-neutral-6-darken-20:#00381a;--c-neutral-6-darken-25:#001f0e;--c-neutral-6-lighten-20:#05ff79;--c-c-body-bg:#fff;--c-c-body-bg-darken-3:#f7f7f7;--c-c-body-bg-darken-5:#f2f2f2;--c-c-body-bg-darken-20:#cccccc;--c-c-body-bg-darken-25:#bfbfbf;--c-c-body-bg-lighten-20:white;--c-white:#fff;--c-black:#000}:root{--s-0:0;--s-1:0.125rem;--s-2:0.25rem;--s-3:0.5rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:8rem;--t-func:cubic-bezier(0.12, 0.39, 0.5, 0.93);--t-duration:0.25s;--fs-0:0.75rem;--fs-1:0.875rem;--fs-2:1.125rem;--fs-3:1.375rem;--fw-0:400;--fw-1:600;--fw-2:700;--lh-0:1.125rem;--lh-1:1.3125rem;--lh-2:1.625rem}
|
package/main.css
CHANGED
package/package.json
CHANGED
|
@@ -21,7 +21,7 @@ $design-tokens: (
|
|
|
21
21
|
font-weights: (
|
|
22
22
|
level-0: 400,
|
|
23
23
|
level-1: 600,
|
|
24
|
-
level-2:
|
|
24
|
+
level-2: 700
|
|
25
25
|
),
|
|
26
26
|
line-heights: (
|
|
27
27
|
level-0: 18,
|
|
@@ -35,10 +35,10 @@ $design-tokens: (
|
|
|
35
35
|
),
|
|
36
36
|
themes: (
|
|
37
37
|
light: (
|
|
38
|
-
primary: #
|
|
39
|
-
error: #
|
|
40
|
-
warning: #
|
|
41
|
-
success: #
|
|
38
|
+
primary: #178ae7,
|
|
39
|
+
error: #da1e28,
|
|
40
|
+
warning: #fcbc05,
|
|
41
|
+
success: #4ec00f,
|
|
42
42
|
neutral-0: #fff,
|
|
43
43
|
neutral-1: #f6f6f6,
|
|
44
44
|
neutral-2: #dfdfdf,
|
package/tailwind.config.js
CHANGED
|
@@ -6,215 +6,77 @@ const plugin = require('tailwindcss/plugin');
|
|
|
6
6
|
module.exports = {
|
|
7
7
|
darkMode: ['class', '[data-theme="dark-mode"]'],
|
|
8
8
|
theme: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
backgroundColor: {
|
|
10
|
+
// Base Colors
|
|
11
|
+
'white': 'var(--or-color--white)',
|
|
12
|
+
'black': 'var(--or-color--black)',
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
// General Colors
|
|
15
|
+
'primary': 'var(--or-color--primary)',
|
|
16
|
+
'primary-container': 'var(--or-color--primary-container)',
|
|
16
17
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
99: 'rgba(var(--tw-c-primary-99), <alpha-value>)',
|
|
20
|
-
95: 'rgba(var(--tw-c-primary-95), <alpha-value>)',
|
|
21
|
-
90: 'rgba(var(--tw-c-primary-90), <alpha-value>)',
|
|
22
|
-
80: 'rgba(var(--tw-c-primary-80), <alpha-value>)',
|
|
23
|
-
70: 'rgba(var(--tw-c-primary-70), <alpha-value>)',
|
|
24
|
-
60: 'rgba(var(--tw-c-primary-60), <alpha-value>)',
|
|
25
|
-
50: 'rgba(var(--tw-c-primary-50), <alpha-value>)',
|
|
26
|
-
40: 'rgba(var(--tw-c-primary-40), <alpha-value>)',
|
|
27
|
-
30: 'rgba(var(--tw-c-primary-30), <alpha-value>)',
|
|
28
|
-
20: 'rgba(var(--tw-c-primary-20), <alpha-value>)',
|
|
29
|
-
10: 'rgba(var(--tw-c-primary-10), <alpha-value>)',
|
|
30
|
-
0: 'rgba(var(--tw-c-primary-0), <alpha-value>)',
|
|
31
|
-
'DEFAULT': 'rgba(var(--tw-c-primary), <alpha-value>)',
|
|
32
|
-
},
|
|
33
|
-
|
|
34
|
-
'on-primary': 'rgba(var(--tw-c-on-primary), <alpha-value>)',
|
|
35
|
-
'primary-container': 'rgba(var(--tw-c-primary-container), <alpha-value>)',
|
|
36
|
-
'on-primary-container': 'rgba(var(--tw-c-on-primary-container), <alpha-value>)',
|
|
18
|
+
'secondary': 'var(--or-color--secondary)',
|
|
19
|
+
'secondary-container': 'var(--or-color--secondary-container)',
|
|
37
20
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
99: 'rgba(var(--tw-c-secondary-99), <alpha-value>)',
|
|
41
|
-
95: 'rgba(var(--tw-c-secondary-95), <alpha-value>)',
|
|
42
|
-
90: 'rgba(var(--tw-c-secondary-90), <alpha-value>)',
|
|
43
|
-
80: 'rgba(var(--tw-c-secondary-80), <alpha-value>)',
|
|
44
|
-
70: 'rgba(var(--tw-c-secondary-70), <alpha-value>)',
|
|
45
|
-
60: 'rgba(var(--tw-c-secondary-60), <alpha-value>)',
|
|
46
|
-
50: 'rgba(var(--tw-c-secondary-50), <alpha-value>)',
|
|
47
|
-
40: 'rgba(var(--tw-c-secondary-40), <alpha-value>)',
|
|
48
|
-
30: 'rgba(var(--tw-c-secondary-30), <alpha-value>)',
|
|
49
|
-
20: 'rgba(var(--tw-c-secondary-20), <alpha-value>)',
|
|
50
|
-
10: 'rgba(var(--tw-c-secondary-10), <alpha-value>)',
|
|
51
|
-
0: 'rgba(var(--tw-c-secondary-0), <alpha-value>)',
|
|
52
|
-
'DEFAULT': 'rgba(var(--tw-c-secondary), <alpha-value>)',
|
|
53
|
-
},
|
|
21
|
+
'tertiary': 'var(--or-color--tertiary)',
|
|
22
|
+
'tertiary-container': 'var(--or-color--tertiary-container)',
|
|
54
23
|
|
|
55
|
-
'
|
|
56
|
-
'
|
|
57
|
-
'on-secondary-container': 'rgba(var(--tw-c-on-secondary-container), <alpha-value>)',
|
|
24
|
+
'success': 'var(--or-color--success)',
|
|
25
|
+
'success-container': 'var(--or-color--success-container)',
|
|
58
26
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
99: 'rgba(var(--tw-c-tertiary-99), <alpha-value>)',
|
|
62
|
-
95: 'rgba(var(--tw-c-tertiary-95), <alpha-value>)',
|
|
63
|
-
90: 'rgba(var(--tw-c-tertiary-90), <alpha-value>)',
|
|
64
|
-
80: 'rgba(var(--tw-c-tertiary-80), <alpha-value>)',
|
|
65
|
-
70: 'rgba(var(--tw-c-tertiary-70), <alpha-value>)',
|
|
66
|
-
60: 'rgba(var(--tw-c-tertiary-60), <alpha-value>)',
|
|
67
|
-
50: 'rgba(var(--tw-c-tertiary-50), <alpha-value>)',
|
|
68
|
-
40: 'rgba(var(--tw-c-tertiary-40), <alpha-value>)',
|
|
69
|
-
30: 'rgba(var(--tw-c-tertiary-30), <alpha-value>)',
|
|
70
|
-
20: 'rgba(var(--tw-c-tertiary-20), <alpha-value>)',
|
|
71
|
-
10: 'rgba(var(--tw-c-tertiary-10), <alpha-value>)',
|
|
72
|
-
0: 'rgba(var(--tw-c-tertiary-0), <alpha-value>)',
|
|
73
|
-
'DEFAULT': 'rgba(var(--tw-c-tertiary), <alpha-value>)',
|
|
74
|
-
},
|
|
27
|
+
'warning': 'var(--or-color--warning)',
|
|
28
|
+
'warning-container': 'var(--or-color--warning-container)',
|
|
75
29
|
|
|
76
|
-
'
|
|
77
|
-
'
|
|
78
|
-
'on-tertiary-container': 'rgba(var(--tw-c-on-tertiary-container), <alpha-value>)',
|
|
30
|
+
'error': 'var(--or-color--error)',
|
|
31
|
+
'error-container': 'var(--or-color--error-container)',
|
|
79
32
|
|
|
80
|
-
|
|
81
|
-
100: 'rgba(var(--tw-c-error-100), <alpha-value>)',
|
|
82
|
-
99: 'rgba(var(--tw-c-error-99), <alpha-value>)',
|
|
83
|
-
95: 'rgba(var(--tw-c-error-95), <alpha-value>)',
|
|
84
|
-
90: 'rgba(var(--tw-c-error-90), <alpha-value>)',
|
|
85
|
-
80: 'rgba(var(--tw-c-error-80), <alpha-value>)',
|
|
86
|
-
70: 'rgba(var(--tw-c-error-70), <alpha-value>)',
|
|
87
|
-
60: 'rgba(var(--tw-c-error-60), <alpha-value>)',
|
|
88
|
-
50: 'rgba(var(--tw-c-error-50), <alpha-value>)',
|
|
89
|
-
40: 'rgba(var(--tw-c-error-40), <alpha-value>)',
|
|
90
|
-
30: 'rgba(var(--tw-c-error-30), <alpha-value>)',
|
|
91
|
-
20: 'rgba(var(--tw-c-error-20), <alpha-value>)',
|
|
92
|
-
10: 'rgba(var(--tw-c-error-10), <alpha-value>)',
|
|
93
|
-
0: 'rgba(var(--tw-c-error-0), <alpha-value>)',
|
|
94
|
-
'DEFAULT': 'rgba(var(--tw-c-error), <alpha-value>)',
|
|
95
|
-
},
|
|
33
|
+
'background': 'var(--or-color--background)',
|
|
96
34
|
|
|
97
|
-
'
|
|
98
|
-
'
|
|
99
|
-
'on-error-container': 'rgba(var(--tw-c-on-error-container), <alpha-value>)',
|
|
35
|
+
'surface': 'var(--or-color--surface)',
|
|
36
|
+
'surface-variant': 'var(--or-color--surface-variant)',
|
|
100
37
|
|
|
101
|
-
|
|
102
|
-
100: 'rgba(var(--tw-c-neutral-100), <alpha-value>)',
|
|
103
|
-
99: 'rgba(var(--tw-c-neutral-99), <alpha-value>)',
|
|
104
|
-
95: 'rgba(var(--tw-c-neutral-95), <alpha-value>)',
|
|
105
|
-
90: 'rgba(var(--tw-c-neutral-90), <alpha-value>)',
|
|
106
|
-
80: 'rgba(var(--tw-c-neutral-80), <alpha-value>)',
|
|
107
|
-
70: 'rgba(var(--tw-c-neutral-70), <alpha-value>)',
|
|
108
|
-
60: 'rgba(var(--tw-c-neutral-60), <alpha-value>)',
|
|
109
|
-
50: 'rgba(var(--tw-c-neutral-50), <alpha-value>)',
|
|
110
|
-
40: 'rgba(var(--tw-c-neutral-40), <alpha-value>)',
|
|
111
|
-
30: 'rgba(var(--tw-c-neutral-30), <alpha-value>)',
|
|
112
|
-
20: 'rgba(var(--tw-c-neutral-20), <alpha-value>)',
|
|
113
|
-
10: 'rgba(var(--tw-c-neutral-10), <alpha-value>)',
|
|
114
|
-
0: 'rgba(var(--tw-c-neutral-0), <alpha-value>)',
|
|
115
|
-
},
|
|
38
|
+
'disabled': 'var(--or-color--disabled)',
|
|
116
39
|
|
|
117
|
-
|
|
118
|
-
'
|
|
40
|
+
// Extra Colors
|
|
41
|
+
'surface-1': 'var(--or-color--surface-1)',
|
|
42
|
+
'surface-2': 'var(--or-color--surface-2)',
|
|
43
|
+
'surface-3': 'var(--or-color--surface-3)',
|
|
44
|
+
'surface-4': 'var(--or-color--surface-4)',
|
|
45
|
+
'surface-5': 'var(--or-color--surface-5)',
|
|
46
|
+
},
|
|
119
47
|
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
3: 'rgba(var(--tw-c-surface-3), <alpha-value>)',
|
|
125
|
-
4: 'rgba(var(--tw-c-surface-4), <alpha-value>)',
|
|
126
|
-
5: 'rgba(var(--tw-c-surface-5), <alpha-value>)',
|
|
127
|
-
'DEFAULT': 'rgba(var(--tw-c-surface), <alpha-value>)',
|
|
128
|
-
},
|
|
48
|
+
textColor: {
|
|
49
|
+
// Base Colors
|
|
50
|
+
'white': 'var(--or-color--white)',
|
|
51
|
+
'black': 'var(--or-color--black)',
|
|
129
52
|
|
|
130
|
-
|
|
53
|
+
// General Colors
|
|
54
|
+
'on-primary': 'var(--or-color--on-primary)',
|
|
55
|
+
'on-primary-container': 'var(--or-color--on-primary-container)',
|
|
131
56
|
|
|
132
|
-
'
|
|
133
|
-
|
|
134
|
-
99: 'rgba(var(--tw-c-neutral-variant-99), <alpha-value>)',
|
|
135
|
-
95: 'rgba(var(--tw-c-neutral-variant-95), <alpha-value>)',
|
|
136
|
-
90: 'rgba(var(--tw-c-neutral-variant-90), <alpha-value>)',
|
|
137
|
-
80: 'rgba(var(--tw-c-neutral-variant-80), <alpha-value>)',
|
|
138
|
-
70: 'rgba(var(--tw-c-neutral-variant-70), <alpha-value>)',
|
|
139
|
-
60: 'rgba(var(--tw-c-neutral-variant-60), <alpha-value>)',
|
|
140
|
-
50: 'rgba(var(--tw-c-neutral-variant-50), <alpha-value>)',
|
|
141
|
-
40: 'rgba(var(--tw-c-neutral-variant-40), <alpha-value>)',
|
|
142
|
-
30: 'rgba(var(--tw-c-neutral-variant-30), <alpha-value>)',
|
|
143
|
-
20: 'rgba(var(--tw-c-neutral-variant-20), <alpha-value>)',
|
|
144
|
-
10: 'rgba(var(--tw-c-neutral-variant-10), <alpha-value>)',
|
|
145
|
-
0: 'rgba(var(--tw-c-neutral-variant-0), <alpha-value>)',
|
|
146
|
-
},
|
|
57
|
+
'on-secondary': 'var(--or-color--on-secondary)',
|
|
58
|
+
'on-secondary-container': 'var(--or-color--on-secondary-container)',
|
|
147
59
|
|
|
148
|
-
'
|
|
149
|
-
'on-
|
|
150
|
-
'outline': 'rgba(var(--tw-c-outline), <alpha-value>)',
|
|
151
|
-
'disable': 'rgba(var(--tw-c-disable), 0.3)',
|
|
60
|
+
'on-tertiary': 'var(--or-color--on-tertiary)',
|
|
61
|
+
'on-tertiary-container': 'var(--or-color--on-tertiary-container)',
|
|
152
62
|
|
|
153
|
-
success:
|
|
154
|
-
|
|
155
|
-
99: 'rgba(var(--tw-c-success-99), <alpha-value>)',
|
|
156
|
-
95: 'rgba(var(--tw-c-success-95), <alpha-value>)',
|
|
157
|
-
90: 'rgba(var(--tw-c-success-90), <alpha-value>)',
|
|
158
|
-
80: 'rgba(var(--tw-c-success-80), <alpha-value>)',
|
|
159
|
-
70: 'rgba(var(--tw-c-success-70), <alpha-value>)',
|
|
160
|
-
60: 'rgba(var(--tw-c-success-60), <alpha-value>)',
|
|
161
|
-
50: 'rgba(var(--tw-c-success-50), <alpha-value>)',
|
|
162
|
-
40: 'rgba(var(--tw-c-success-40), <alpha-value>)',
|
|
163
|
-
30: 'rgba(var(--tw-c-success-30), <alpha-value>)',
|
|
164
|
-
20: 'rgba(var(--tw-c-success-20), <alpha-value>)',
|
|
165
|
-
10: 'rgba(var(--tw-c-success-10), <alpha-value>)',
|
|
166
|
-
0: 'rgba(var(--tw-c-success-0), <alpha-value>)',
|
|
167
|
-
'DEFAULT': 'rgba(var(--tw-c-success), <alpha-value>)',
|
|
168
|
-
},
|
|
63
|
+
'on-success': 'var(--or-color--on-success)',
|
|
64
|
+
'on-success-container': 'var(--or-color--on-success-container)',
|
|
169
65
|
|
|
170
|
-
'on-
|
|
171
|
-
'
|
|
172
|
-
'on-success-container': 'rgba(var(--tw-c-on-success-container), <alpha-value>)',
|
|
66
|
+
'on-warning': 'var(--or-color--on-warning)',
|
|
67
|
+
'on-warning-container': 'var(--or-color--on-warning-container)',
|
|
173
68
|
|
|
69
|
+
'on-error': 'var(--or-color--on-error)',
|
|
70
|
+
'on-error-container': 'var(--or-color--on-error-container)',
|
|
174
71
|
|
|
175
|
-
|
|
176
|
-
100: 'rgba(var(--tw-c-warning-100), <alpha-value>)',
|
|
177
|
-
99: 'rgba(var(--tw-c-warning-99), <alpha-value>)',
|
|
178
|
-
95: 'rgba(var(--tw-c-warning-95), <alpha-value>)',
|
|
179
|
-
90: 'rgba(var(--tw-c-warning-90), <alpha-value>)',
|
|
180
|
-
80: 'rgba(var(--tw-c-warning-80), <alpha-value>)',
|
|
181
|
-
70: 'rgba(var(--tw-c-warning-70), <alpha-value>)',
|
|
182
|
-
60: 'rgba(var(--tw-c-warning-60), <alpha-value>)',
|
|
183
|
-
50: 'rgba(var(--tw-c-warning-50), <alpha-value>)',
|
|
184
|
-
40: 'rgba(var(--tw-c-warning-40), <alpha-value>)',
|
|
185
|
-
30: 'rgba(var(--tw-c-warning-30), <alpha-value>)',
|
|
186
|
-
20: 'rgba(var(--tw-c-warning-20), <alpha-value>)',
|
|
187
|
-
10: 'rgba(var(--tw-c-warning-10), <alpha-value>)',
|
|
188
|
-
0: 'rgba(var(--tw-c-warning-0), <alpha-value>)',
|
|
189
|
-
'DEFAULT': 'rgba(var(--tw-c-warning), <alpha-value>)',
|
|
190
|
-
},
|
|
72
|
+
'on-background': 'var(--or-color--on-background)',
|
|
191
73
|
|
|
192
|
-
'on-
|
|
193
|
-
'
|
|
194
|
-
'on-warning-container': 'rgba(var(--tw-c-on-warning-container), <alpha-value>)',
|
|
74
|
+
'on-surface': 'var(--or-color--on-surface)',
|
|
75
|
+
'on-surface-variant': 'var(--or-color--on-surface-variant)',
|
|
195
76
|
},
|
|
196
77
|
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
current: 'currentColor',
|
|
200
|
-
transparent: 'transparent',
|
|
201
|
-
|
|
202
|
-
'primary': 'rgba(var(--tw-c-on-primary), <alpha-value>)',
|
|
203
|
-
'primary-container': 'rgba(var(--tw-c-on-primary-container), <alpha-value>)',
|
|
204
|
-
'secondary': 'rgba(var(--tw-c-on-secondary), <alpha-value>)',
|
|
205
|
-
'secondary-container': 'rgba(var(--tw-c-on-secondary-container), <alpha-value>)',
|
|
206
|
-
'tertiary': 'rgba(var(--tw-c-on-tertiary), <alpha-value>)',
|
|
207
|
-
'tertiary-container': 'rgba(var(--tw-c-on-tertiary-container), <alpha-value>)',
|
|
208
|
-
'error': 'rgba(var(--tw-c-on-error), <alpha-value>)',
|
|
209
|
-
'error-container': 'rgba(var(--tw-c-on-error-container), <alpha-value>)',
|
|
210
|
-
'background': 'rgba(var(--tw-c-on-background), <alpha-value>)',
|
|
211
|
-
'surface': 'rgba(var(--tw-c-on-surface), <alpha-value>)',
|
|
212
|
-
'surface-variant': 'rgba(var(--tw-c-on-surface-variant), <alpha-value>)',
|
|
213
|
-
'success': 'rgba(var(--tw-c-on-success), <alpha-value>)',
|
|
214
|
-
'success-container': 'rgba(var(--tw-c-on-success-container), <alpha-value>)',
|
|
215
|
-
'warning': 'rgba(var(--tw-c-on-warning), <alpha-value>)',
|
|
216
|
-
'warning-container': 'rgba(var(--tw-c-on-warning-container), <alpha-value>)',
|
|
217
|
-
'disable': 'rgba(var(--tw-c-disable), 0.3)',
|
|
78
|
+
borderColor: {
|
|
79
|
+
'outline': 'var(--or-color--outline)',
|
|
218
80
|
},
|
|
219
81
|
|
|
220
82
|
extend: {
|
|
@@ -309,4 +171,3 @@ module.exports = {
|
|
|
309
171
|
}),
|
|
310
172
|
],
|
|
311
173
|
};
|
|
312
|
-
|
package/tw-color-variables.css
DELETED
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
:root {
|
|
3
|
-
--tw-c-primary-100: 255, 255, 255;
|
|
4
|
-
--tw-c-primary-99: 253, 252, 255;
|
|
5
|
-
--tw-c-primary-95: 234, 241, 255;
|
|
6
|
-
--tw-c-primary-90: 211, 227, 255;
|
|
7
|
-
--tw-c-primary-80: 164, 200, 255;
|
|
8
|
-
--tw-c-primary-70: 111, 174, 255;
|
|
9
|
-
--tw-c-primary-60: 53, 146, 248;
|
|
10
|
-
--tw-c-primary-50: 0, 119, 220;
|
|
11
|
-
--tw-c-primary-40: 0, 95, 177;
|
|
12
|
-
--tw-c-primary-30: 0, 71, 136;
|
|
13
|
-
--tw-c-primary-20: 0, 48, 95;
|
|
14
|
-
--tw-c-primary-10: 0, 28, 59;
|
|
15
|
-
--tw-c-primary-0: 0, 0, 0;
|
|
16
|
-
|
|
17
|
-
--tw-c-primary: var(--tw-c-primary-40);
|
|
18
|
-
--tw-c-on-primary: var(--tw-c-primary-100);
|
|
19
|
-
--tw-c-primary-container: var(--tw-c-primary-90);
|
|
20
|
-
--tw-c-on-primary-container: var(--tw-c-primary-10);
|
|
21
|
-
|
|
22
|
-
--tw-c-secondary-100: 255, 255, 255;
|
|
23
|
-
--tw-c-secondary-99: 253, 252, 255;
|
|
24
|
-
--tw-c-secondary-95: 234, 241, 255;
|
|
25
|
-
--tw-c-secondary-90: 216, 227, 248;
|
|
26
|
-
--tw-c-secondary-80: 188, 199, 220;
|
|
27
|
-
--tw-c-secondary-70: 161, 172, 192;
|
|
28
|
-
--tw-c-secondary-60: 134, 145, 164;
|
|
29
|
-
--tw-c-secondary-50: 109, 119, 138;
|
|
30
|
-
--tw-c-secondary-40: 84, 95, 113;
|
|
31
|
-
--tw-c-secondary-30: 61, 71, 88;
|
|
32
|
-
--tw-c-secondary-20: 38, 49, 65;
|
|
33
|
-
--tw-c-secondary-10: 18, 28, 43;
|
|
34
|
-
--tw-c-secondary-0: 0, 0, 0;
|
|
35
|
-
|
|
36
|
-
--tw-c-secondary: var(--tw-c-secondary-40);
|
|
37
|
-
--tw-c-on-secondary: var(--tw-c-secondary-100);
|
|
38
|
-
--tw-c-secondary-container: var(--tw-c-secondary-90);
|
|
39
|
-
--tw-c-on-secondary-container: var(--tw-c-secondary-10);
|
|
40
|
-
|
|
41
|
-
--tw-c-tertiary-100: 255, 255, 255;
|
|
42
|
-
--tw-c-tertiary-99: 252, 252, 252;
|
|
43
|
-
--tw-c-tertiary-95: 255, 235, 255;
|
|
44
|
-
--tw-c-tertiary-90: 247, 217, 255;
|
|
45
|
-
--tw-c-tertiary-80: 218, 189, 226;
|
|
46
|
-
--tw-c-tertiary-70: 190, 162, 199;
|
|
47
|
-
--tw-c-tertiary-60: 162, 136, 170;
|
|
48
|
-
--tw-c-tertiary-50: 135, 110, 144;
|
|
49
|
-
--tw-c-tertiary-40: 109, 86, 118;
|
|
50
|
-
--tw-c-tertiary-30: 85, 63, 94;
|
|
51
|
-
--tw-c-tertiary-20: 61, 40, 70;
|
|
52
|
-
--tw-c-tertiary-10: 39, 19, 48;
|
|
53
|
-
--tw-c-tertiary-0: 0, 0, 0;
|
|
54
|
-
|
|
55
|
-
--tw-c-tertiary: var(--tw-c-tertiary-40);
|
|
56
|
-
--tw-c-on-tertiary: var(--tw-c-tertiary-100);
|
|
57
|
-
--tw-c-tertiary-container: var(--tw-c-tertiary-90);
|
|
58
|
-
--tw-c-on-tertiary-container: var(--tw-c-tertiary-10);
|
|
59
|
-
|
|
60
|
-
--tw-c-error-100: 255, 255, 255;
|
|
61
|
-
--tw-c-error-99: 252, 252, 252;
|
|
62
|
-
--tw-c-error-95: 255, 237, 233;
|
|
63
|
-
--tw-c-error-90: 255, 218, 212;
|
|
64
|
-
--tw-c-error-80: 255, 180, 169;
|
|
65
|
-
--tw-c-error-70: 255, 137, 122;
|
|
66
|
-
--tw-c-error-60: 255, 84, 73;
|
|
67
|
-
--tw-c-error-50: 221, 55, 48;
|
|
68
|
-
--tw-c-error-40: 186, 27, 27;
|
|
69
|
-
--tw-c-error-30: 147, 0, 6;
|
|
70
|
-
--tw-c-error-20: 104, 0, 3;
|
|
71
|
-
--tw-c-error-10: 65, 0, 1;
|
|
72
|
-
--tw-c-error-0: 0, 0, 0;
|
|
73
|
-
|
|
74
|
-
--tw-c-error: var(--tw-c-error-40);
|
|
75
|
-
--tw-c-on-error: var(--tw-c-error-100);
|
|
76
|
-
--tw-c-error-container: var(--tw-c-error-95);
|
|
77
|
-
--tw-c-on-error-container: var(--tw-c-error-30);
|
|
78
|
-
|
|
79
|
-
--tw-c-neutral-100: 255, 255, 255;
|
|
80
|
-
--tw-c-neutral-99: 253, 251, 255;
|
|
81
|
-
--tw-c-neutral-95: 241, 240, 244;
|
|
82
|
-
--tw-c-neutral-90: 227, 226, 230;
|
|
83
|
-
--tw-c-neutral-80: 198, 198, 202;
|
|
84
|
-
--tw-c-neutral-70: 171, 171, 175;
|
|
85
|
-
--tw-c-neutral-60: 144, 144, 148;
|
|
86
|
-
--tw-c-neutral-50: 118, 119, 122;
|
|
87
|
-
--tw-c-neutral-40: 93, 94, 98;
|
|
88
|
-
--tw-c-neutral-30: 70, 71, 74;
|
|
89
|
-
--tw-c-neutral-20: 47, 48, 51;
|
|
90
|
-
--tw-c-neutral-10: 27, 27, 29;
|
|
91
|
-
--tw-c-neutral-0: 0, 0, 0;
|
|
92
|
-
|
|
93
|
-
--tw-c-background: var(--tw-c-neutral-100);
|
|
94
|
-
--tw-c-on-background: var(--tw-c-neutral-10);
|
|
95
|
-
--tw-c-surface: var(--tw-c-neutral-99);
|
|
96
|
-
--tw-c-on-surface: var(--tw-c-neutral-10);
|
|
97
|
-
|
|
98
|
-
--tw-c-neutral-variant-100: 255, 255, 255;
|
|
99
|
-
--tw-c-neutral-variant-99: 253, 252, 255;
|
|
100
|
-
--tw-c-neutral-variant-95: 238, 240, 249;
|
|
101
|
-
--tw-c-neutral-variant-90: 223, 226, 235;
|
|
102
|
-
--tw-c-neutral-variant-80: 195, 198, 207;
|
|
103
|
-
--tw-c-neutral-variant-70: 168, 171, 180;
|
|
104
|
-
--tw-c-neutral-variant-60: 142, 145, 153;
|
|
105
|
-
--tw-c-neutral-variant-50: 116, 119, 127;
|
|
106
|
-
--tw-c-neutral-variant-40: 91, 94, 102;
|
|
107
|
-
--tw-c-neutral-variant-30: 67, 71, 78;
|
|
108
|
-
--tw-c-neutral-variant-20: 45, 48, 55;
|
|
109
|
-
--tw-c-neutral-variant-10: 24, 28, 34;
|
|
110
|
-
--tw-c-neutral-variant-0: 0, 0, 0;
|
|
111
|
-
|
|
112
|
-
--tw-c-surface-variant: var(--tw-c-neutral-variant-90);
|
|
113
|
-
--tw-c-on-surface-variant: var(--tw-c-neutral-variant-30);
|
|
114
|
-
--tw-c-outline: var(--tw-c-neutral-variant-50);
|
|
115
|
-
--tw-c-disable: var(--tw-c-neutral-10);
|
|
116
|
-
|
|
117
|
-
--tw-c-success-100: 255, 255, 255;
|
|
118
|
-
--tw-c-success-99: 246, 255, 232;
|
|
119
|
-
--tw-c-success-95: 204, 255, 170;
|
|
120
|
-
--tw-c-success-90: 136, 253, 82;
|
|
121
|
-
--tw-c-success-80: 108, 224, 54;
|
|
122
|
-
--tw-c-success-70: 81, 195, 20;
|
|
123
|
-
--tw-c-success-60: 56, 166, 0;
|
|
124
|
-
--tw-c-success-50: 44, 137, 0;
|
|
125
|
-
--tw-c-success-40: 33, 109, 0;
|
|
126
|
-
--tw-c-success-30: 22, 82, 0;
|
|
127
|
-
--tw-c-success-20: 12, 57, 0;
|
|
128
|
-
--tw-c-success-10: 4, 33, 0;
|
|
129
|
-
--tw-c-success-0: 0, 0, 0;
|
|
130
|
-
|
|
131
|
-
--tw-c-success: var(--tw-c-success-50);
|
|
132
|
-
--tw-c-on-success: var(--tw-c-success-100);
|
|
133
|
-
--tw-c-success-container: var(--tw-c-success-95);
|
|
134
|
-
--tw-c-on-success-container: var(--tw-c-success-30);
|
|
135
|
-
|
|
136
|
-
--tw-c-warning-100: 255, 255, 255;
|
|
137
|
-
--tw-c-warning-99: 255, 251, 248;
|
|
138
|
-
--tw-c-warning-95: 255, 239, 209;
|
|
139
|
-
--tw-c-warning-90: 255, 223, 156;
|
|
140
|
-
--tw-c-warning-80: 251, 188, 12;
|
|
141
|
-
--tw-c-warning-70: 219, 162, 0;
|
|
142
|
-
--tw-c-warning-60: 186, 137, 0;
|
|
143
|
-
--tw-c-warning-50: 153, 112, 0;
|
|
144
|
-
--tw-c-warning-40: 122, 89, 0;
|
|
145
|
-
--tw-c-warning-30: 92, 66, 0;
|
|
146
|
-
--tw-c-warning-20: 64, 45, 0;
|
|
147
|
-
--tw-c-warning-10: 38, 25, 0;
|
|
148
|
-
--tw-c-warning-0: 0, 0, 0;
|
|
149
|
-
|
|
150
|
-
--tw-c-warning: var(--tw-c-warning-40);
|
|
151
|
-
--tw-c-on-warning: var(--tw-c-warning-100);
|
|
152
|
-
--tw-c-warning-container: var(--tw-c-warning-95);
|
|
153
|
-
--tw-c-on-warning-container: var(--tw-c-warning-30);
|
|
154
|
-
|
|
155
|
-
--tw-c-surface-1: 239, 243, 251;
|
|
156
|
-
--tw-c-surface-2: 233, 239, 249;
|
|
157
|
-
--tw-c-surface-3: 224, 234, 246;
|
|
158
|
-
--tw-c-surface-4: 222, 232, 246;
|
|
159
|
-
--tw-c-surface-5: 218, 229, 243;
|
|
160
|
-
|
|
161
|
-
--tw-c-white: var(--tw-c-neutral-100);
|
|
162
|
-
--tw-c-black: var(--tw-c-neutral-0);
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
.dark {
|
|
166
|
-
--tw-c-primary: var(--tw-c-primary-80);
|
|
167
|
-
--tw-c-on-primary: var(--tw-c-primary-20);
|
|
168
|
-
--tw-c-primary-container: var(--tw-c-primary-30);
|
|
169
|
-
--tw-c-on-primary-container: var(--tw-c-primary-90);
|
|
170
|
-
|
|
171
|
-
--tw-c-secondary: var(--tw-c-secondary-80);
|
|
172
|
-
--tw-c-on-secondary: var(--tw-c-secondary-20);
|
|
173
|
-
--tw-c-secondary-container: var(--tw-c-secondary-30);
|
|
174
|
-
--tw-c-on-secondary-container: var(--tw-c-secondary-90);
|
|
175
|
-
|
|
176
|
-
--tw-c-tertiary: var(--tw-c-tertiary-80);
|
|
177
|
-
--tw-c-on-tertiary: var(--tw-c-tertiary-20);
|
|
178
|
-
--tw-c-tertiary-container: var(--tw-c-tertiary-30);
|
|
179
|
-
--tw-c-on-tertiary-container: var(--tw-c-tertiary-90);
|
|
180
|
-
|
|
181
|
-
--tw-c-error: var(--tw-c-error-80);
|
|
182
|
-
--tw-c-on-error: var(--tw-c-error-20);
|
|
183
|
-
--tw-c-error-container: var(--tw-c-error-30);
|
|
184
|
-
--tw-c-on-error-container: var(--tw-c-error-90);
|
|
185
|
-
|
|
186
|
-
--tw-c-background: var(--tw-c-neutral-10);
|
|
187
|
-
--tw-c-on-background: var(--tw-c-neutral-90);
|
|
188
|
-
--tw-c-surface: var(--tw-c-neutral-10);
|
|
189
|
-
--tw-c-on-surface: var(--tw-c-neutral-80);
|
|
190
|
-
|
|
191
|
-
--tw-c-surface-variant: var(--tw-c-neutral-variant-30);
|
|
192
|
-
--tw-c-on-surface-variant: var(--tw-c-neutral-variant-80);
|
|
193
|
-
--tw-c-outline: var(--tw-c-neutral-variant-60);
|
|
194
|
-
--tw-c-disable: var(--tw-c-neutral-90);
|
|
195
|
-
|
|
196
|
-
--tw-c-success: var(--tw-c-success-80);
|
|
197
|
-
--tw-c-on-success: var(--tw-c-success-20);
|
|
198
|
-
--tw-c-success-container: var(--tw-c-success-30);
|
|
199
|
-
--tw-c-on-success-container: var(--tw-c-success-90);
|
|
200
|
-
|
|
201
|
-
--tw-c-warning: var(--tw-c-warning-80);
|
|
202
|
-
--tw-c-on-warning: var(--tw-c-warning-20);
|
|
203
|
-
--tw-c-warning-container: var(--tw-c-warning-30);
|
|
204
|
-
--tw-c-on-warning-container: var(--tw-c-warning-90);
|
|
205
|
-
|
|
206
|
-
--tw-c-surface-1: 34, 36, 40;
|
|
207
|
-
--tw-c-surface-2: 37, 41, 47;
|
|
208
|
-
--tw-c-surface-3: 42, 46, 54;
|
|
209
|
-
--tw-c-surface-4: 43, 48, 56;
|
|
210
|
-
--tw-c-surface-5: 46, 51, 61;
|
|
211
|
-
}
|