@medyll/cssfabric 0.0.10 → 0.0.14
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/.idea/cssfabric.iml +1 -4
- package/lib/scripts/index.d.ts +2 -0
- package/lib/scripts/index.js +6 -0
- package/lib/styles/core/animation/animation.css +215 -0
- package/lib/styles/core/animation/animation.min.css +1 -0
- package/lib/styles/core/overflow/overflow.css +83 -59
- package/lib/styles/core/overflow/overflow.min.css +1 -1
- package/lib/styles/core/overflow/overflow.responsive.css +486 -366
- package/lib/styles/core/table/table.css +70 -71
- package/lib/styles/core/vars.css +11 -11
- package/lib/styles/core/vars.min.css +1 -1
- package/lib/styles/core/zindex/zindex.css +348 -278
- package/lib/styles/cssfabric.css +20 -20
- package/lib/styles/cssfabric.min.css +1 -1
- package/package.json +4 -4
- package/src/_generated/export.variables.json +3 -3
- package/src/_generated/readme.md +0 -0
- package/src/cssfabric/_utils.scss +3 -15
- package/src/cssfabric/modules/_cssfabric-config.scss +9 -7
- package/src/cssfabric/modules/base/_base-vars.scss +4 -2
- package/src/cssfabric/modules/box/box-responsive.scss +1 -1
- package/src/cssfabric/modules/color/color-responsive.scss +1 -1
- package/src/cssfabric/modules/color/color.scss +8 -2
- package/src/cssfabric/modules/grid/grid-responsive.scss +1 -1
- package/src/cssfabric/modules/grid/grid.scss +4 -1
- package/src/cssfabric/modules/menu/menu-responsive.scss +1 -1
- package/src/cssfabric/modules/menu/menu.scss +5 -2
- package/src/cssfabric/modules/overflow/overflow-responsive.scss +1 -1
- package/src/cssfabric/modules/overflow/overflow.scss +2 -0
- package/src/cssfabric/modules/scale/scale-responsive.scss +1 -1
- package/src/cssfabric/modules/scale/scale.scss +5 -0
- package/src/cssfabric/modules/table/table-responsive.scss +1 -1
- package/src/cssfabric/modules/table/table.scss +7 -2
- package/src/cssfabric/modules/text/text-responsive.scss +1 -1
- package/src/cssfabric/modules/text/text.scss +3 -2
- package/src/cssfabric/modules/theme/_theme-build.scss +4 -7
- package/src/cssfabric/modules/theme/_theme-vars.scss +11 -3
- package/src/cssfabric/modules/theme/theme.scss +2 -1
- package/src/cssfabric/modules/vars.scss +1 -2
- package/src/cssfabric/modules/zindex/zindex.scss +1 -0
- package/src/scripts/index.d.ts +2 -0
- package/src/scripts/index.ts +8 -0
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/src/cssfabric/modules/animation/_animation-build.scss +0 -121
|
@@ -1,72 +1,71 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
border-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
.table thead
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
.table thead tr th
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
.table tbody tr td
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
.table.tbl-h-line
|
|
27
|
-
.table.tbl-h-line
|
|
28
|
-
.table.tbl-h-line .
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
.table.tbl-sticky thead tr
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
.table.tbl-sticky thead tr th,
|
|
66
|
-
.table.tbl-sticky thead tr
|
|
67
|
-
.table.tbl-sticky .thead .tr th
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
top: 0;
|
|
1
|
+
.table {
|
|
2
|
+
border-collapse: collapse;
|
|
3
|
+
border-spacing: 0;
|
|
4
|
+
}
|
|
5
|
+
.table thead,
|
|
6
|
+
.table .thead {
|
|
7
|
+
position: relative;
|
|
8
|
+
margin-bottom: 2rem;
|
|
9
|
+
}
|
|
10
|
+
.table.tbl-head thead tr th {
|
|
11
|
+
background-color: table_bg_color_head;
|
|
12
|
+
}
|
|
13
|
+
.table thead tr th,
|
|
14
|
+
.table .thead .tr .th {
|
|
15
|
+
padding: 0.5rem 0.25rem;
|
|
16
|
+
font-weight: normal;
|
|
17
|
+
}
|
|
18
|
+
.table tbody tr td,
|
|
19
|
+
.table .tbody .tr .td {
|
|
20
|
+
padding: 0.25em;
|
|
21
|
+
}
|
|
22
|
+
.table.tbl-layout {
|
|
23
|
+
table-layout: fixed;
|
|
24
|
+
}
|
|
25
|
+
.table.tbl-h-line th,
|
|
26
|
+
.table.tbl-h-line td,
|
|
27
|
+
.table.tbl-h-line .th,
|
|
28
|
+
.table.tbl-h-line .td {
|
|
29
|
+
border-bottom: 1px solid #ededed;
|
|
30
|
+
}
|
|
31
|
+
.table.tbl-h-line:last-child {
|
|
32
|
+
border-bottom: none;
|
|
33
|
+
}
|
|
34
|
+
.table.tbl-v-line tr th, .table.tbl-v-line tr td {
|
|
35
|
+
border-right: 1px solid #ededed;
|
|
36
|
+
}
|
|
37
|
+
.table.tbl-v-line tr th:last-child, .table.tbl-v-line tr td:last-child {
|
|
38
|
+
border-right: none;
|
|
39
|
+
}
|
|
40
|
+
.table.tbl-border {
|
|
41
|
+
border: 1px solid #ededed;
|
|
42
|
+
}
|
|
43
|
+
.table.tbl-shad thead tr th {
|
|
44
|
+
box-shadow: 4px 4px 8px #ccc;
|
|
45
|
+
z-index: 11;
|
|
46
|
+
}
|
|
47
|
+
.table.tbl-shad thead tr th:last-child {
|
|
48
|
+
box-shadow: 4px 4px 8px #ccc;
|
|
49
|
+
z-index: -1;
|
|
50
|
+
}
|
|
51
|
+
.table.tbl-bg-strip-2 tr:nth-child(2n+2) td {
|
|
52
|
+
background-color: #ededed;
|
|
53
|
+
}
|
|
54
|
+
.table.tbl-bg-strip-5 tr:nth-child(5n+5) td {
|
|
55
|
+
background-color: #ededed;
|
|
56
|
+
}
|
|
57
|
+
.table.tbl-sticky {
|
|
58
|
+
position: relative;
|
|
59
|
+
}
|
|
60
|
+
.table.tbl-sticky thead tr,
|
|
61
|
+
.table.tbl-sticky .thead .tr {
|
|
62
|
+
position: static;
|
|
63
|
+
}
|
|
64
|
+
.table.tbl-sticky thead tr th,
|
|
65
|
+
.table.tbl-sticky thead tr .th,
|
|
66
|
+
.table.tbl-sticky .thead .tr th,
|
|
67
|
+
.table.tbl-sticky .thead .tr .th {
|
|
68
|
+
background-color: #ededed;
|
|
69
|
+
position: sticky;
|
|
70
|
+
top: 0;
|
|
72
71
|
}
|
package/lib/styles/core/vars.css
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
--theme-color-primary-alpha-mid: rgba(2, 136, 209, 0.3);
|
|
13
13
|
--theme-color-primary-alpha-high: rgba(2, 136, 209, 0.1);
|
|
14
14
|
/* theme secondary colors*/
|
|
15
|
-
--theme-color-secondary: #
|
|
15
|
+
--theme-color-secondary: #D14B02;
|
|
16
16
|
--theme-color-secondary-light: #fd7023;
|
|
17
17
|
--theme-color-secondary-lighter: #fea16e;
|
|
18
18
|
--theme-color-secondary-dark: #9e3902;
|
|
@@ -23,16 +23,16 @@
|
|
|
23
23
|
--theme-color-secondary-alpha-mid: rgba(209, 75, 2, 0.3);
|
|
24
24
|
--theme-color-secondary-alpha-high: rgba(209, 75, 2, 0.1);
|
|
25
25
|
/* theme tertiary colors*/
|
|
26
|
-
--theme-color-tertiary: #
|
|
27
|
-
--theme-color-tertiary-light: #
|
|
28
|
-
--theme-color-tertiary-lighter: #
|
|
29
|
-
--theme-color-tertiary-dark: #
|
|
30
|
-
--theme-color-tertiary-darker: #
|
|
31
|
-
--theme-color-tertiary-complement: #
|
|
32
|
-
--theme-color-tertiary-invert: #
|
|
33
|
-
--theme-color-tertiary-alpha-low: rgba(
|
|
34
|
-
--theme-color-tertiary-alpha-mid: rgba(
|
|
35
|
-
--theme-color-tertiary-alpha-high: rgba(
|
|
26
|
+
--theme-color-tertiary: #88D102;
|
|
27
|
+
--theme-color-tertiary-light: #b0fd23;
|
|
28
|
+
--theme-color-tertiary-lighter: #cbfe6e;
|
|
29
|
+
--theme-color-tertiary-dark: #679e02;
|
|
30
|
+
--theme-color-tertiary-darker: #466c01;
|
|
31
|
+
--theme-color-tertiary-complement: #4b02d1;
|
|
32
|
+
--theme-color-tertiary-invert: #772efd;
|
|
33
|
+
--theme-color-tertiary-alpha-low: rgba(136, 209, 2, 0.8);
|
|
34
|
+
--theme-color-tertiary-alpha-mid: rgba(136, 209, 2, 0.3);
|
|
35
|
+
--theme-color-tertiary-alpha-high: rgba(136, 209, 2, 0.1);
|
|
36
36
|
--theme-color-foreground: #282230;
|
|
37
37
|
--theme-color-text: #282230;
|
|
38
38
|
--theme-color-background: #f1f1f1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--theme-color-primary:#0288d1;--theme-color-primary-light:#23b0fd;--theme-color-primary-lighter:#6ecbfe;--theme-color-primary-dark:#02679e;--theme-color-primary-darker:#01466c;--theme-color-primary-complement:#d14b02;--theme-color-primary-invert:#fd772e;--theme-color-primary-alpha-low:rgba(2, 136, 209, 0.8);--theme-color-primary-alpha-mid:rgba(2, 136, 209, 0.3);--theme-color-primary-alpha-high:rgba(2, 136, 209, 0.1);--theme-color-secondary:#
|
|
1
|
+
:root{--theme-color-primary:#0288d1;--theme-color-primary-light:#23b0fd;--theme-color-primary-lighter:#6ecbfe;--theme-color-primary-dark:#02679e;--theme-color-primary-darker:#01466c;--theme-color-primary-complement:#d14b02;--theme-color-primary-invert:#fd772e;--theme-color-primary-alpha-low:rgba(2, 136, 209, 0.8);--theme-color-primary-alpha-mid:rgba(2, 136, 209, 0.3);--theme-color-primary-alpha-high:rgba(2, 136, 209, 0.1);--theme-color-secondary:#D14B02;--theme-color-secondary-light:#fd7023;--theme-color-secondary-lighter:#fea16e;--theme-color-secondary-dark:#9e3902;--theme-color-secondary-darker:#6c2701;--theme-color-secondary-complement:#0288d1;--theme-color-secondary-invert:#2eb4fd;--theme-color-secondary-alpha-low:rgba(209, 75, 2, 0.8);--theme-color-secondary-alpha-mid:rgba(209, 75, 2, 0.3);--theme-color-secondary-alpha-high:rgba(209, 75, 2, 0.1);--theme-color-tertiary:#88D102;--theme-color-tertiary-light:#b0fd23;--theme-color-tertiary-lighter:#cbfe6e;--theme-color-tertiary-dark:#679e02;--theme-color-tertiary-darker:#466c01;--theme-color-tertiary-complement:#4b02d1;--theme-color-tertiary-invert:#772efd;--theme-color-tertiary-alpha-low:rgba(136, 209, 2, 0.8);--theme-color-tertiary-alpha-mid:rgba(136, 209, 2, 0.3);--theme-color-tertiary-alpha-high:rgba(136, 209, 2, 0.1);--theme-color-foreground:#282230;--theme-color-text:#282230;--theme-color-background:#f1f1f1;--theme-color-paper:#ededed;--theme-color-border:var(--theme-color-primary-alpha-mid);--theme-color-overlay:"";--color-scheme-discrete:#ccc;--color-scheme-discrete-light:#f2f2f2;--color-scheme-discrete-dark:#b3b3b3;--color-scheme-success:green;--color-scheme-success-light:#00cd00;--color-scheme-success-dark:#004d00;--color-scheme-info:#ffdd57;--color-scheme-info-light:#ffeda3;--color-scheme-info-dark:#ffd324;--color-scheme-warning:#e6b905;--color-scheme-warning-light:#fbd53c;--color-scheme-warning-dark:#b49104;--color-scheme-alert:#ff7300;--color-scheme-alert-light:#ff9d4d;--color-scheme-alert-dark:#cc5c00;--color-scheme-error:red;--color-scheme-error-light:#ff4d4d;--color-scheme-error-dark:#cc0000;--color-palette-yellow:#ffb900;--color-palette-yellow-lighter:#ffe399;--color-palette-yellow-light:#ffce4d;--color-palette-yellow-dark:#cc9400;--color-palette-yellow-darker:#996f00;--color-palette-yellow-complement:#0046ff;--color-palette-yellow-invert:#0046ff;--color-palette-yellow-alpha-low:rgba(255, 185, 0, 0.8);--color-palette-yellow-alpha-mid:rgba(255, 185, 0, 0.3);--color-palette-yellow-alpha-high:rgba(255, 185, 0, 0.1);--color-palette-orange:#d83b01;--color-palette-orange-lighter:#fe9974;--color-palette-orange-light:#fe6127;--color-palette-orange-dark:#a52d01;--color-palette-orange-darker:#721f01;--color-palette-orange-complement:#019ed8;--color-palette-orange-invert:#27c4fe;--color-palette-orange-alpha-low:rgba(216, 59, 1, 0.8);--color-palette-orange-alpha-mid:rgba(216, 59, 1, 0.3);--color-palette-orange-alpha-high:rgba(216, 59, 1, 0.1);--color-palette-red:#d13438;--color-palette-red-lighter:#edb1b2;--color-palette-red-light:#df7275;--color-palette-red-dark:#ab272a;--color-palette-red-darker:#821d20;--color-palette-red-complement:#34d1cd;--color-palette-red-invert:#2ecbc7;--color-palette-red-alpha-low:rgba(209, 52, 56, 0.8);--color-palette-red-alpha-mid:rgba(209, 52, 56, 0.3);--color-palette-red-alpha-high:rgba(209, 52, 56, 0.1);--color-palette-magenta:#b4009e;--color-palette-magenta-lighter:#ff4ee9;--color-palette-magenta-light:#ff02e0;--color-palette-magenta-dark:#810071;--color-palette-magenta-darker:#4e0044;--color-palette-magenta-complement:#00b416;--color-palette-magenta-invert:#4bff61;--color-palette-magenta-alpha-low:rgba(180, 0, 158, 0.8);--color-palette-magenta-alpha-mid:rgba(180, 0, 158, 0.3);--color-palette-magenta-alpha-high:rgba(180, 0, 158, 0.1);--color-palette-purple:#5c2d91;--color-palette-purple-lighter:#a980d7;--color-palette-purple-light:#8145c5;--color-palette-purple-dark:#43216a;--color-palette-purple-darker:#2b1543;--color-palette-purple-complement:#62912d;--color-palette-purple-invert:#a3d26e;--color-palette-purple-alpha-low:rgba(92, 45, 145, 0.8);--color-palette-purple-alpha-mid:rgba(92, 45, 145, 0.3);--color-palette-purple-alpha-high:rgba(92, 45, 145, 0.1);--color-palette-green:#107c10;--color-palette-green-lighter:#3fe63f;--color-palette-green-light:#19c019;--color-palette-green-dark:#0a4f0a;--color-palette-green-darker:#042204;--color-palette-green-complement:#7c107c;--color-palette-green-invert:#ef83ef;--color-palette-green-alpha-low:rgba(16, 124, 16, 0.8);--color-palette-green-alpha-mid:rgba(16, 124, 16, 0.3);--color-palette-green-alpha-high:rgba(16, 124, 16, 0.1);--color-palette-teal:#008272;--color-palette-teal-lighter:#1cffe3;--color-palette-teal-light:#00cfb5;--color-palette-teal-dark:#004f45;--color-palette-teal-darker:#001c19;--color-palette-teal-complement:#820010;--color-palette-teal-invert:#ff7d8d;--color-palette-teal-alpha-low:rgba(0, 130, 114, 0.8);--color-palette-teal-alpha-mid:rgba(0, 130, 114, 0.3);--color-palette-teal-alpha-high:rgba(0, 130, 114, 0.1);--color-palette-blue:#0078d4;--color-palette-blue-lighter:#6ec0ff;--color-palette-blue-light:#229fff;--color-palette-blue-dark:#005ba1;--color-palette-blue-darker:#003e6e;--color-palette-blue-complement:#d45c00;--color-palette-blue-invert:#ff872b;--color-palette-blue-alpha-low:rgba(0, 120, 212, 0.8);--color-palette-blue-alpha-mid:rgba(0, 120, 212, 0.3);--color-palette-blue-alpha-high:rgba(0, 120, 212, 0.1);--color-palette-dark:#323232;--color-palette-dark-lighter:#7f7f7f;--color-palette-dark-light:#585858;--color-palette-dark-dark:#191919;--color-palette-dark-darker:black;--color-palette-dark-complement:#323232;--color-palette-dark-invert:#cdcdcd;--color-palette-dark-alpha-low:rgba(50, 50, 50, 0.8);--color-palette-dark-alpha-mid:rgba(50, 50, 50, 0.3);--color-palette-dark-alpha-high:rgba(50, 50, 50, 0.1);--color-gray-100:#f4f4f4;--color-gray-100-alpha-low:rgba(244, 244, 244, 0.8);--color-gray-200:#e9e9e9;--color-gray-200-alpha-low:rgba(233, 233, 233, 0.8);--color-gray-300:#dddddd;--color-gray-300-alpha-low:rgba(221, 221, 221, 0.8);--color-gray-400:#d2d2d2;--color-gray-400-alpha-low:rgba(210, 210, 210, 0.8);--color-gray-500:#c7c7c7;--color-gray-500-alpha-low:rgba(199, 199, 199, 0.8);--color-gray-600:#bbbbbb;--color-gray-600-alpha-low:rgba(187, 187, 187, 0.8);--color-gray-700:#b0b0b0;--color-gray-700-alpha-low:rgba(176, 176, 176, 0.8);--color-gray-800:#a4a4a4;--color-gray-800-alpha-low:rgba(164, 164, 164, 0.8);--color-gray-900:#999999;--color-gray-900-alpha-low:rgba(153, 153, 153, 0.8);--box-shad-1:0 0.8333333333px 1.724137931px 0 rgba(0, 0, 0, 0.15),0 0.1526717557px 0.4651162791px 0 rgba(0, 0, 0, 0.1);--box-shad-2:0 1.6666666667px 3.4482758621px 0 rgba(0, 0, 0, 0.15),0 0.3053435115px 0.9302325581px 0 rgba(0, 0, 0, 0.1);--box-shad-3:0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15),0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);--box-shad-4:0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15),0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);--box-shad-5:0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15),0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);--box-shad-6:0 5px 10.3448275862px 0 rgba(0, 0, 0, 0.15),0 0.9160305344px 2.7906976744px 0 rgba(0, 0, 0, 0.1);--box-shad-7:0 5.8333333333px 12.0689655172px 0 rgba(0, 0, 0, 0.15),0 1.0687022901px 3.2558139535px 0 rgba(0, 0, 0, 0.1);--box-shad-8:0 6.6666666667px 13.7931034483px 0 rgba(0, 0, 0, 0.15),0 1.2213740458px 3.7209302326px 0 rgba(0, 0, 0, 0.1);--box-shad-9:0 7.5px 15.5172413793px 0 rgba(0, 0, 0, 0.15),0 1.3740458015px 4.1860465116px 0 rgba(0, 0, 0, 0.1);--box-shad-10:0 8.3333333333px 17.2413793103px 0 rgba(0, 0, 0, 0.15),0 1.5267175573px 4.6511627907px 0 rgba(0, 0, 0, 0.1);--box-sp-1:0.5rem;--box-sp-2:1rem;--box-sp-3:1.5rem;--box-sp-4:2rem;--box-sp-5:2.5rem;--box-sp-6:3rem;--box-sp-7:3.5rem;--box-sp-8:4rem;--box-sp-9:4.5rem;--box-sp-10:5rem;--box-sp-11:5.5rem;--box-sp-12:6rem;--box-sp-13:6.5rem;--box-sp-14:7rem;--box-sp-15:7.5rem;--box-sp-16:8rem;--box-sp-17:8.5rem;--box-sp-18:9rem;--box-sp-19:9.5rem;--box-sp-20:10rem;--box-sp-21:10.5rem;--box-sp-22:11rem;--box-sp-23:11.5rem;--box-sp-24:12rem;--box-sp-25:12.5rem;--box-sp-26:13rem;--box-sp-27:13.5rem;--box-sp-28:14rem;--box-sp-29:14.5rem;--box-sp-30:15rem;--box-sp-31:15.5rem;--box-sp-32:16rem;--font-size-h1:3.1rem;--font-size-h2:2.68rem;--font-size-h3:2.26rem;--font-size-h4:1.84rem;--font-size-h5:1.42rem;--font-size-h6:1rem;--font-weight-50:50;--font-weight-100:100;--font-weight-300:400;--font-weight-500:500;--font-weight-900:900;--font-weight-light:lighter;--font-weight-cap:normal;--font-weight-bold:bold;--font-weight-bolder:bolder;--text-shadow-discrete:0 0 0.125em #ccc;--text-shadow-success:0 0 0.125em green;--text-shadow-info:0 0 0.125em #ffdd57;--text-shadow-warning:0 0 0.125em #e6b905;--text-shadow-alert:0 0 0.125em #ff7300;--text-shadow-error:0 0 0.125em red;--text-shadow-yellow:0 0 0.125em #ffb900;--text-shadow-orange:0 0 0.125em #d83b01;--text-shadow-red:0 0 0.125em #d13438;--text-shadow-magenta:0 0 0.125em #b4009e;--text-shadow-purple:0 0 0.125em #5c2d91;--text-shadow-green:0 0 0.125em #107c10;--text-shadow-teal:0 0 0.125em #008272;--text-shadow-blue:0 0 0.125em #0078d4;--text-shadow-dark:0 0 0.125em #323232}[data-theme=dark]{--theme-color-foreground:#f1f1f1;--theme-color-text:#f1f1f1;--theme-color-background:#27323a;--theme-color-paper:#3a3b3b;--theme-color-border:var(--theme-color-primary-alpha-mid);--theme-color-overlay:""}
|