@svgrid/grid 2.0.2 → 2.1.1
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/dist/SvGrid.css +4 -3
- package/dist/SvGridBoard.svelte +1 -1
- package/dist/cdn/svgrid.js +2 -2
- package/dist/cdn/svgrid.svelte-external.js +2 -2
- package/dist/themes/index.d.ts +45 -0
- package/dist/themes/index.js +132 -0
- package/package.json +10 -3
- package/src/SvGrid.css +4 -3
- package/src/SvGridBoard.svelte +1 -1
- package/src/themes/index.ts +159 -0
- package/themes/ag-alpine.css +59 -0
- package/themes/antd.css +59 -0
- package/themes/atlassian.css +59 -0
- package/themes/bootstrap.css +59 -0
- package/themes/carbon.css +59 -0
- package/themes/catppuccin.css +59 -0
- package/themes/dracula.css +59 -0
- package/themes/excel.css +59 -0
- package/themes/fluent.css +59 -0
- package/themes/github.css +59 -0
- package/themes/linear.css +59 -0
- package/themes/material.css +59 -0
- package/themes/nord.css +59 -0
- package/themes/notion.css +59 -0
- package/themes/salesforce.css +59 -0
- package/themes/sap.css +59 -0
- package/themes/shadcn.css +59 -0
- package/themes/tailwind.css +59 -0
- package/themes/vercel.css +59 -0
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* Fluent 2 - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #ffffff;
|
|
4
|
+
--sg-fg: #242424;
|
|
5
|
+
--sg-muted: #616161;
|
|
6
|
+
--sg-border: #e0e0e0;
|
|
7
|
+
--sg-header-bg: #f5f5f5;
|
|
8
|
+
--sg-header-fg: #242424;
|
|
9
|
+
--sg-bg-subtle: #f5f5f5;
|
|
10
|
+
--sg-row-alt-bg: #fafafa;
|
|
11
|
+
--sg-row-hover-bg: #f0f0f0;
|
|
12
|
+
--sg-selection-bg: #ebebeb;
|
|
13
|
+
--sg-input-bg: #ffffff;
|
|
14
|
+
--sg-input-border: #e0e0e0;
|
|
15
|
+
--sg-accent: #0f6cbd;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 4px;
|
|
18
|
+
--sg-font: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #f5f5f5;
|
|
20
|
+
--sg-scrollbar-border: #e0e0e0;
|
|
21
|
+
--sg-scrollbar-thumb: #616161;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #242424;
|
|
23
|
+
--sg-scrollbar-thumb-active: #242424;
|
|
24
|
+
--sg-scrollbar-arrow: #616161;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #242424;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #f0f0f0;
|
|
27
|
+
--sg-scrollbar-arrow-active: #242424;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #ebebeb;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #e0e0e0;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #1f1f1f;
|
|
33
|
+
--sg-fg: #ffffff;
|
|
34
|
+
--sg-muted: #d6d6d6;
|
|
35
|
+
--sg-border: #666666;
|
|
36
|
+
--sg-header-bg: #141414;
|
|
37
|
+
--sg-header-fg: #ffffff;
|
|
38
|
+
--sg-bg-subtle: #141414;
|
|
39
|
+
--sg-row-alt-bg: #1a1a1a;
|
|
40
|
+
--sg-row-hover-bg: #3d3d3d;
|
|
41
|
+
--sg-selection-bg: #383838;
|
|
42
|
+
--sg-input-bg: #1f1f1f;
|
|
43
|
+
--sg-input-border: #666666;
|
|
44
|
+
--sg-accent: #479ef5;
|
|
45
|
+
--sg-on-accent: #ffffff;
|
|
46
|
+
--sg-radius: 4px;
|
|
47
|
+
--sg-font: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #141414;
|
|
49
|
+
--sg-scrollbar-border: #666666;
|
|
50
|
+
--sg-scrollbar-thumb: #d6d6d6;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #ffffff;
|
|
52
|
+
--sg-scrollbar-thumb-active: #ffffff;
|
|
53
|
+
--sg-scrollbar-arrow: #d6d6d6;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #ffffff;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #3d3d3d;
|
|
56
|
+
--sg-scrollbar-arrow-active: #ffffff;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: #383838;
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #666666;
|
|
59
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* GitHub - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #ffffff;
|
|
4
|
+
--sg-fg: #1f2328;
|
|
5
|
+
--sg-muted: #59636e;
|
|
6
|
+
--sg-border: #d1d9e0;
|
|
7
|
+
--sg-header-bg: #f6f8fa;
|
|
8
|
+
--sg-header-fg: #59636e;
|
|
9
|
+
--sg-bg-subtle: #f6f8fa;
|
|
10
|
+
--sg-row-alt-bg: #ffffff;
|
|
11
|
+
--sg-row-hover-bg: #f6f8fa;
|
|
12
|
+
--sg-selection-bg: #ddf4ff;
|
|
13
|
+
--sg-input-bg: #ffffff;
|
|
14
|
+
--sg-input-border: #d1d9e0;
|
|
15
|
+
--sg-accent: #0969da;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 6px;
|
|
18
|
+
--sg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #f6f8fa;
|
|
20
|
+
--sg-scrollbar-border: #d1d9e0;
|
|
21
|
+
--sg-scrollbar-thumb: #59636e;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #1f2328;
|
|
23
|
+
--sg-scrollbar-thumb-active: #1f2328;
|
|
24
|
+
--sg-scrollbar-arrow: #59636e;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #1f2328;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #f6f8fa;
|
|
27
|
+
--sg-scrollbar-arrow-active: #1f2328;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #ddf4ff;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #d1d9e0;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #0d1117;
|
|
33
|
+
--sg-fg: #f0f6fc;
|
|
34
|
+
--sg-muted: #9198a1;
|
|
35
|
+
--sg-border: #3d444d;
|
|
36
|
+
--sg-header-bg: #151b23;
|
|
37
|
+
--sg-header-fg: #9198a1;
|
|
38
|
+
--sg-bg-subtle: #151b23;
|
|
39
|
+
--sg-row-alt-bg: #0d1117;
|
|
40
|
+
--sg-row-hover-bg: #151b23;
|
|
41
|
+
--sg-selection-bg: rgba(56, 139, 253, 0.10);
|
|
42
|
+
--sg-input-bg: #0d1117;
|
|
43
|
+
--sg-input-border: #3d444d;
|
|
44
|
+
--sg-accent: #4493f8;
|
|
45
|
+
--sg-on-accent: #ffffff;
|
|
46
|
+
--sg-radius: 6px;
|
|
47
|
+
--sg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #151b23;
|
|
49
|
+
--sg-scrollbar-border: #3d444d;
|
|
50
|
+
--sg-scrollbar-thumb: #9198a1;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #f0f6fc;
|
|
52
|
+
--sg-scrollbar-thumb-active: #f0f6fc;
|
|
53
|
+
--sg-scrollbar-arrow: #9198a1;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #f0f6fc;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #151b23;
|
|
56
|
+
--sg-scrollbar-arrow-active: #f0f6fc;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: rgba(56, 139, 253, 0.10);
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #3d444d;
|
|
59
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* Linear - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #ffffff;
|
|
4
|
+
--sg-fg: #282a30;
|
|
5
|
+
--sg-muted: #6b6f76;
|
|
6
|
+
--sg-border: #e9e9eb;
|
|
7
|
+
--sg-header-bg: #f7f8f8;
|
|
8
|
+
--sg-header-fg: #6b6f76;
|
|
9
|
+
--sg-bg-subtle: #f7f8f8;
|
|
10
|
+
--sg-row-alt-bg: #fbfbfc;
|
|
11
|
+
--sg-row-hover-bg: #f4f4f5;
|
|
12
|
+
--sg-selection-bg: #e8eafd;
|
|
13
|
+
--sg-input-bg: #ffffff;
|
|
14
|
+
--sg-input-border: #e9e9eb;
|
|
15
|
+
--sg-accent: #5e6ad2;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 6px;
|
|
18
|
+
--sg-font: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #f7f8f8;
|
|
20
|
+
--sg-scrollbar-border: #e9e9eb;
|
|
21
|
+
--sg-scrollbar-thumb: #6b6f76;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #282a30;
|
|
23
|
+
--sg-scrollbar-thumb-active: #282a30;
|
|
24
|
+
--sg-scrollbar-arrow: #6b6f76;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #282a30;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #f4f4f5;
|
|
27
|
+
--sg-scrollbar-arrow-active: #282a30;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #e8eafd;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #e9e9eb;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #08090a;
|
|
33
|
+
--sg-fg: #f7f8f8;
|
|
34
|
+
--sg-muted: #8a8f98;
|
|
35
|
+
--sg-border: #23252a;
|
|
36
|
+
--sg-header-bg: #0f1011;
|
|
37
|
+
--sg-header-fg: #8a8f98;
|
|
38
|
+
--sg-bg-subtle: #0f1011;
|
|
39
|
+
--sg-row-alt-bg: #0f1011;
|
|
40
|
+
--sg-row-hover-bg: #1a1b1e;
|
|
41
|
+
--sg-selection-bg: #2a2d4a;
|
|
42
|
+
--sg-input-bg: #08090a;
|
|
43
|
+
--sg-input-border: #23252a;
|
|
44
|
+
--sg-accent: #5e6ad2;
|
|
45
|
+
--sg-on-accent: #ffffff;
|
|
46
|
+
--sg-radius: 6px;
|
|
47
|
+
--sg-font: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #0f1011;
|
|
49
|
+
--sg-scrollbar-border: #23252a;
|
|
50
|
+
--sg-scrollbar-thumb: #8a8f98;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #f7f8f8;
|
|
52
|
+
--sg-scrollbar-thumb-active: #f7f8f8;
|
|
53
|
+
--sg-scrollbar-arrow: #8a8f98;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #f7f8f8;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #1a1b1e;
|
|
56
|
+
--sg-scrollbar-arrow-active: #f7f8f8;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: #2a2d4a;
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #23252a;
|
|
59
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* Material 3 - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #fef7ff;
|
|
4
|
+
--sg-fg: #1d1b20;
|
|
5
|
+
--sg-muted: #49454f;
|
|
6
|
+
--sg-border: #cac4d0;
|
|
7
|
+
--sg-header-bg: #f3edf7;
|
|
8
|
+
--sg-header-fg: #1d1b20;
|
|
9
|
+
--sg-bg-subtle: #f3edf7;
|
|
10
|
+
--sg-row-alt-bg: #fffbfe;
|
|
11
|
+
--sg-row-hover-bg: #ece6f0;
|
|
12
|
+
--sg-selection-bg: #e8def8;
|
|
13
|
+
--sg-input-bg: #fef7ff;
|
|
14
|
+
--sg-input-border: #cac4d0;
|
|
15
|
+
--sg-accent: #6750a4;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 8px;
|
|
18
|
+
--sg-font: "Roboto Flex", Roboto, "Segoe UI", system-ui, sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #f3edf7;
|
|
20
|
+
--sg-scrollbar-border: #cac4d0;
|
|
21
|
+
--sg-scrollbar-thumb: #49454f;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #1d1b20;
|
|
23
|
+
--sg-scrollbar-thumb-active: #1d1b20;
|
|
24
|
+
--sg-scrollbar-arrow: #49454f;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #1d1b20;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #ece6f0;
|
|
27
|
+
--sg-scrollbar-arrow-active: #1d1b20;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #e8def8;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #cac4d0;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #141218;
|
|
33
|
+
--sg-fg: #e6e0e9;
|
|
34
|
+
--sg-muted: #cac4d0;
|
|
35
|
+
--sg-border: #49454f;
|
|
36
|
+
--sg-header-bg: #211f26;
|
|
37
|
+
--sg-header-fg: #e6e0e9;
|
|
38
|
+
--sg-bg-subtle: #211f26;
|
|
39
|
+
--sg-row-alt-bg: #141218;
|
|
40
|
+
--sg-row-hover-bg: #2b2930;
|
|
41
|
+
--sg-selection-bg: #4a4458;
|
|
42
|
+
--sg-input-bg: #141218;
|
|
43
|
+
--sg-input-border: #49454f;
|
|
44
|
+
--sg-accent: #d0bcff;
|
|
45
|
+
--sg-on-accent: #18181b;
|
|
46
|
+
--sg-radius: 8px;
|
|
47
|
+
--sg-font: "Roboto Flex", Roboto, "Segoe UI", system-ui, sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #211f26;
|
|
49
|
+
--sg-scrollbar-border: #49454f;
|
|
50
|
+
--sg-scrollbar-thumb: #cac4d0;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #e6e0e9;
|
|
52
|
+
--sg-scrollbar-thumb-active: #e6e0e9;
|
|
53
|
+
--sg-scrollbar-arrow: #cac4d0;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #e6e0e9;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #2b2930;
|
|
56
|
+
--sg-scrollbar-arrow-active: #e6e0e9;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: #4a4458;
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #49454f;
|
|
59
|
+
}
|
package/themes/nord.css
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* Nord - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #eceff4;
|
|
4
|
+
--sg-fg: #2e3440;
|
|
5
|
+
--sg-muted: #4c566a;
|
|
6
|
+
--sg-border: #d8dee9;
|
|
7
|
+
--sg-header-bg: #e5e9f0;
|
|
8
|
+
--sg-header-fg: #2e3440;
|
|
9
|
+
--sg-bg-subtle: #e5e9f0;
|
|
10
|
+
--sg-row-alt-bg: #e5e9f0;
|
|
11
|
+
--sg-row-hover-bg: #dde3ec;
|
|
12
|
+
--sg-selection-bg: #d8dee9;
|
|
13
|
+
--sg-input-bg: #eceff4;
|
|
14
|
+
--sg-input-border: #d8dee9;
|
|
15
|
+
--sg-accent: #5e81ac;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 4px;
|
|
18
|
+
--sg-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #e5e9f0;
|
|
20
|
+
--sg-scrollbar-border: #d8dee9;
|
|
21
|
+
--sg-scrollbar-thumb: #4c566a;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #2e3440;
|
|
23
|
+
--sg-scrollbar-thumb-active: #2e3440;
|
|
24
|
+
--sg-scrollbar-arrow: #4c566a;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #2e3440;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #dde3ec;
|
|
27
|
+
--sg-scrollbar-arrow-active: #2e3440;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #d8dee9;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #d8dee9;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #2e3440;
|
|
33
|
+
--sg-fg: #d8dee9;
|
|
34
|
+
--sg-muted: #4c566a;
|
|
35
|
+
--sg-border: #434c5e;
|
|
36
|
+
--sg-header-bg: #3b4252;
|
|
37
|
+
--sg-header-fg: #e5e9f0;
|
|
38
|
+
--sg-bg-subtle: #3b4252;
|
|
39
|
+
--sg-row-alt-bg: #333b48;
|
|
40
|
+
--sg-row-hover-bg: #3b4252;
|
|
41
|
+
--sg-selection-bg: #434c5e;
|
|
42
|
+
--sg-input-bg: #2e3440;
|
|
43
|
+
--sg-input-border: #434c5e;
|
|
44
|
+
--sg-accent: #88c0d0;
|
|
45
|
+
--sg-on-accent: #18181b;
|
|
46
|
+
--sg-radius: 4px;
|
|
47
|
+
--sg-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #3b4252;
|
|
49
|
+
--sg-scrollbar-border: #434c5e;
|
|
50
|
+
--sg-scrollbar-thumb: #4c566a;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #d8dee9;
|
|
52
|
+
--sg-scrollbar-thumb-active: #d8dee9;
|
|
53
|
+
--sg-scrollbar-arrow: #4c566a;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #d8dee9;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #3b4252;
|
|
56
|
+
--sg-scrollbar-arrow-active: #d8dee9;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: #434c5e;
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #434c5e;
|
|
59
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* Notion - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #ffffff;
|
|
4
|
+
--sg-fg: #37352f;
|
|
5
|
+
--sg-muted: #787774;
|
|
6
|
+
--sg-border: #e9e9e7;
|
|
7
|
+
--sg-header-bg: #f7f6f3;
|
|
8
|
+
--sg-header-fg: #787774;
|
|
9
|
+
--sg-bg-subtle: #f7f6f3;
|
|
10
|
+
--sg-row-alt-bg: #fbfbfa;
|
|
11
|
+
--sg-row-hover-bg: #f1f1ef;
|
|
12
|
+
--sg-selection-bg: #d9eaf7;
|
|
13
|
+
--sg-input-bg: #ffffff;
|
|
14
|
+
--sg-input-border: #e9e9e7;
|
|
15
|
+
--sg-accent: #2383e2;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 4px;
|
|
18
|
+
--sg-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #f7f6f3;
|
|
20
|
+
--sg-scrollbar-border: #e9e9e7;
|
|
21
|
+
--sg-scrollbar-thumb: #787774;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #37352f;
|
|
23
|
+
--sg-scrollbar-thumb-active: #37352f;
|
|
24
|
+
--sg-scrollbar-arrow: #787774;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #37352f;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #f1f1ef;
|
|
27
|
+
--sg-scrollbar-arrow-active: #37352f;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #d9eaf7;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #e9e9e7;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #191919;
|
|
33
|
+
--sg-fg: #d4d4d4;
|
|
34
|
+
--sg-muted: #9b9b9b;
|
|
35
|
+
--sg-border: #2f2f2f;
|
|
36
|
+
--sg-header-bg: #202020;
|
|
37
|
+
--sg-header-fg: #9b9b9b;
|
|
38
|
+
--sg-bg-subtle: #202020;
|
|
39
|
+
--sg-row-alt-bg: #1c1c1c;
|
|
40
|
+
--sg-row-hover-bg: #252525;
|
|
41
|
+
--sg-selection-bg: #20415c;
|
|
42
|
+
--sg-input-bg: #191919;
|
|
43
|
+
--sg-input-border: #2f2f2f;
|
|
44
|
+
--sg-accent: #529cca;
|
|
45
|
+
--sg-on-accent: #ffffff;
|
|
46
|
+
--sg-radius: 4px;
|
|
47
|
+
--sg-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #202020;
|
|
49
|
+
--sg-scrollbar-border: #2f2f2f;
|
|
50
|
+
--sg-scrollbar-thumb: #9b9b9b;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #d4d4d4;
|
|
52
|
+
--sg-scrollbar-thumb-active: #d4d4d4;
|
|
53
|
+
--sg-scrollbar-arrow: #9b9b9b;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #d4d4d4;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #252525;
|
|
56
|
+
--sg-scrollbar-arrow-active: #d4d4d4;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: #20415c;
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #2f2f2f;
|
|
59
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* Salesforce - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #ffffff;
|
|
4
|
+
--sg-fg: #181818;
|
|
5
|
+
--sg-muted: #757575;
|
|
6
|
+
--sg-border: #c9c9c9;
|
|
7
|
+
--sg-header-bg: #f3f3f3;
|
|
8
|
+
--sg-header-fg: #181818;
|
|
9
|
+
--sg-bg-subtle: #f3f3f3;
|
|
10
|
+
--sg-row-alt-bg: #ffffff;
|
|
11
|
+
--sg-row-hover-bg: #f3f3f3;
|
|
12
|
+
--sg-selection-bg: #ecebea;
|
|
13
|
+
--sg-input-bg: #ffffff;
|
|
14
|
+
--sg-input-border: #c9c9c9;
|
|
15
|
+
--sg-accent: #0176d3;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 4px;
|
|
18
|
+
--sg-font: "Salesforce Sans", "SF Pro", Helvetica, Arial, sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #f3f3f3;
|
|
20
|
+
--sg-scrollbar-border: #c9c9c9;
|
|
21
|
+
--sg-scrollbar-thumb: #757575;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #181818;
|
|
23
|
+
--sg-scrollbar-thumb-active: #181818;
|
|
24
|
+
--sg-scrollbar-arrow: #757575;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #181818;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #f3f3f3;
|
|
27
|
+
--sg-scrollbar-arrow-active: #181818;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #ecebea;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #c9c9c9;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #181818;
|
|
33
|
+
--sg-fg: #ffffff;
|
|
34
|
+
--sg-muted: #c9c9c9;
|
|
35
|
+
--sg-border: #3e3e3c;
|
|
36
|
+
--sg-header-bg: #2e2e2e;
|
|
37
|
+
--sg-header-fg: #ffffff;
|
|
38
|
+
--sg-bg-subtle: #2e2e2e;
|
|
39
|
+
--sg-row-alt-bg: #181818;
|
|
40
|
+
--sg-row-hover-bg: #2e2e2e;
|
|
41
|
+
--sg-selection-bg: #1e4d8e;
|
|
42
|
+
--sg-input-bg: #181818;
|
|
43
|
+
--sg-input-border: #3e3e3c;
|
|
44
|
+
--sg-accent: #1b96ff;
|
|
45
|
+
--sg-on-accent: #ffffff;
|
|
46
|
+
--sg-radius: 4px;
|
|
47
|
+
--sg-font: "Salesforce Sans", "SF Pro", Helvetica, Arial, sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #2e2e2e;
|
|
49
|
+
--sg-scrollbar-border: #3e3e3c;
|
|
50
|
+
--sg-scrollbar-thumb: #c9c9c9;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #ffffff;
|
|
52
|
+
--sg-scrollbar-thumb-active: #ffffff;
|
|
53
|
+
--sg-scrollbar-arrow: #c9c9c9;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #ffffff;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #2e2e2e;
|
|
56
|
+
--sg-scrollbar-arrow-active: #ffffff;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: #1e4d8e;
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #3e3e3c;
|
|
59
|
+
}
|
package/themes/sap.css
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* SAP Fiori - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #f5f6f7;
|
|
4
|
+
--sg-fg: #131e29;
|
|
5
|
+
--sg-muted: #556b82;
|
|
6
|
+
--sg-border: #e5e5e5;
|
|
7
|
+
--sg-header-bg: #ffffff;
|
|
8
|
+
--sg-header-fg: #131e29;
|
|
9
|
+
--sg-bg-subtle: #ffffff;
|
|
10
|
+
--sg-row-alt-bg: #f5f6f7;
|
|
11
|
+
--sg-row-hover-bg: #eaecee;
|
|
12
|
+
--sg-selection-bg: #ebf8ff;
|
|
13
|
+
--sg-input-bg: #f5f6f7;
|
|
14
|
+
--sg-input-border: #e5e5e5;
|
|
15
|
+
--sg-accent: #0070f2;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 6px;
|
|
18
|
+
--sg-font: "72", "72full", "Arial", sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #ffffff;
|
|
20
|
+
--sg-scrollbar-border: #e5e5e5;
|
|
21
|
+
--sg-scrollbar-thumb: #556b82;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #131e29;
|
|
23
|
+
--sg-scrollbar-thumb-active: #131e29;
|
|
24
|
+
--sg-scrollbar-arrow: #556b82;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #131e29;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #eaecee;
|
|
27
|
+
--sg-scrollbar-arrow-active: #131e29;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #ebf8ff;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #e5e5e5;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #12171c;
|
|
33
|
+
--sg-fg: #f5f6f7;
|
|
34
|
+
--sg-muted: #8396a8;
|
|
35
|
+
--sg-border: #2e3742;
|
|
36
|
+
--sg-header-bg: #1d232a;
|
|
37
|
+
--sg-header-fg: #f5f6f7;
|
|
38
|
+
--sg-bg-subtle: #1d232a;
|
|
39
|
+
--sg-row-alt-bg: #12171c;
|
|
40
|
+
--sg-row-hover-bg: #222b35;
|
|
41
|
+
--sg-selection-bg: #1d2d3e;
|
|
42
|
+
--sg-input-bg: #12171c;
|
|
43
|
+
--sg-input-border: #2e3742;
|
|
44
|
+
--sg-accent: #4db1ff;
|
|
45
|
+
--sg-on-accent: #18181b;
|
|
46
|
+
--sg-radius: 6px;
|
|
47
|
+
--sg-font: "72", "72full", "Arial", sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #1d232a;
|
|
49
|
+
--sg-scrollbar-border: #2e3742;
|
|
50
|
+
--sg-scrollbar-thumb: #8396a8;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #f5f6f7;
|
|
52
|
+
--sg-scrollbar-thumb-active: #f5f6f7;
|
|
53
|
+
--sg-scrollbar-arrow: #8396a8;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #f5f6f7;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #222b35;
|
|
56
|
+
--sg-scrollbar-arrow-active: #f5f6f7;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: #1d2d3e;
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #2e3742;
|
|
59
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* shadcn/ui - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #ffffff;
|
|
4
|
+
--sg-fg: #09090b;
|
|
5
|
+
--sg-muted: #71717a;
|
|
6
|
+
--sg-border: #e4e4e7;
|
|
7
|
+
--sg-header-bg: #fafafa;
|
|
8
|
+
--sg-header-fg: #71717a;
|
|
9
|
+
--sg-bg-subtle: #fafafa;
|
|
10
|
+
--sg-row-alt-bg: #ffffff;
|
|
11
|
+
--sg-row-hover-bg: #f4f4f5;
|
|
12
|
+
--sg-selection-bg: #f4f4f5;
|
|
13
|
+
--sg-input-bg: #ffffff;
|
|
14
|
+
--sg-input-border: #e4e4e7;
|
|
15
|
+
--sg-accent: #18181b;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 6px;
|
|
18
|
+
--sg-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #fafafa;
|
|
20
|
+
--sg-scrollbar-border: #e4e4e7;
|
|
21
|
+
--sg-scrollbar-thumb: #71717a;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #09090b;
|
|
23
|
+
--sg-scrollbar-thumb-active: #09090b;
|
|
24
|
+
--sg-scrollbar-arrow: #71717a;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #09090b;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #f4f4f5;
|
|
27
|
+
--sg-scrollbar-arrow-active: #09090b;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #f4f4f5;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #e4e4e7;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #0a0a0a;
|
|
33
|
+
--sg-fg: #fafafa;
|
|
34
|
+
--sg-muted: #a1a1aa;
|
|
35
|
+
--sg-border: #27272a;
|
|
36
|
+
--sg-header-bg: #18181b;
|
|
37
|
+
--sg-header-fg: #a1a1aa;
|
|
38
|
+
--sg-bg-subtle: #18181b;
|
|
39
|
+
--sg-row-alt-bg: #0a0a0a;
|
|
40
|
+
--sg-row-hover-bg: #18181b;
|
|
41
|
+
--sg-selection-bg: #27272a;
|
|
42
|
+
--sg-input-bg: #0a0a0a;
|
|
43
|
+
--sg-input-border: #27272a;
|
|
44
|
+
--sg-accent: #fafafa;
|
|
45
|
+
--sg-on-accent: #18181b;
|
|
46
|
+
--sg-radius: 6px;
|
|
47
|
+
--sg-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #18181b;
|
|
49
|
+
--sg-scrollbar-border: #27272a;
|
|
50
|
+
--sg-scrollbar-thumb: #a1a1aa;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #fafafa;
|
|
52
|
+
--sg-scrollbar-thumb-active: #fafafa;
|
|
53
|
+
--sg-scrollbar-arrow: #a1a1aa;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #fafafa;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #18181b;
|
|
56
|
+
--sg-scrollbar-arrow-active: #fafafa;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: #27272a;
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #27272a;
|
|
59
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* Tailwind - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #ffffff;
|
|
4
|
+
--sg-fg: #0f172a;
|
|
5
|
+
--sg-muted: #64748b;
|
|
6
|
+
--sg-border: #e2e8f0;
|
|
7
|
+
--sg-header-bg: #f8fafc;
|
|
8
|
+
--sg-header-fg: #0f172a;
|
|
9
|
+
--sg-bg-subtle: #f8fafc;
|
|
10
|
+
--sg-row-alt-bg: #ffffff;
|
|
11
|
+
--sg-row-hover-bg: #f1f5f9;
|
|
12
|
+
--sg-selection-bg: #e0e7ff;
|
|
13
|
+
--sg-input-bg: #ffffff;
|
|
14
|
+
--sg-input-border: #e2e8f0;
|
|
15
|
+
--sg-accent: #4f46e5;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 6px;
|
|
18
|
+
--sg-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #f8fafc;
|
|
20
|
+
--sg-scrollbar-border: #e2e8f0;
|
|
21
|
+
--sg-scrollbar-thumb: #64748b;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #0f172a;
|
|
23
|
+
--sg-scrollbar-thumb-active: #0f172a;
|
|
24
|
+
--sg-scrollbar-arrow: #64748b;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #0f172a;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #f1f5f9;
|
|
27
|
+
--sg-scrollbar-arrow-active: #0f172a;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #e0e7ff;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #e2e8f0;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #0f172a;
|
|
33
|
+
--sg-fg: #f8fafc;
|
|
34
|
+
--sg-muted: #94a3b8;
|
|
35
|
+
--sg-border: #334155;
|
|
36
|
+
--sg-header-bg: #1e293b;
|
|
37
|
+
--sg-header-fg: #f8fafc;
|
|
38
|
+
--sg-bg-subtle: #1e293b;
|
|
39
|
+
--sg-row-alt-bg: #0f172a;
|
|
40
|
+
--sg-row-hover-bg: #1e293b;
|
|
41
|
+
--sg-selection-bg: #312e81;
|
|
42
|
+
--sg-input-bg: #0f172a;
|
|
43
|
+
--sg-input-border: #334155;
|
|
44
|
+
--sg-accent: #818cf8;
|
|
45
|
+
--sg-on-accent: #ffffff;
|
|
46
|
+
--sg-radius: 6px;
|
|
47
|
+
--sg-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #1e293b;
|
|
49
|
+
--sg-scrollbar-border: #334155;
|
|
50
|
+
--sg-scrollbar-thumb: #94a3b8;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #f8fafc;
|
|
52
|
+
--sg-scrollbar-thumb-active: #f8fafc;
|
|
53
|
+
--sg-scrollbar-arrow: #94a3b8;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #f8fafc;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #1e293b;
|
|
56
|
+
--sg-scrollbar-arrow-active: #f8fafc;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: #312e81;
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #334155;
|
|
59
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* Vercel - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
|
|
2
|
+
:root {
|
|
3
|
+
--sg-bg: #ffffff;
|
|
4
|
+
--sg-fg: #000000;
|
|
5
|
+
--sg-muted: #666666;
|
|
6
|
+
--sg-border: #eaeaea;
|
|
7
|
+
--sg-header-bg: #fafafa;
|
|
8
|
+
--sg-header-fg: #666666;
|
|
9
|
+
--sg-bg-subtle: #fafafa;
|
|
10
|
+
--sg-row-alt-bg: #fafafa;
|
|
11
|
+
--sg-row-hover-bg: #f5f5f5;
|
|
12
|
+
--sg-selection-bg: #e8f0fe;
|
|
13
|
+
--sg-input-bg: #ffffff;
|
|
14
|
+
--sg-input-border: #eaeaea;
|
|
15
|
+
--sg-accent: #0070f3;
|
|
16
|
+
--sg-on-accent: #ffffff;
|
|
17
|
+
--sg-radius: 6px;
|
|
18
|
+
--sg-font: "Geist", "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
19
|
+
--sg-scrollbar-bg: #fafafa;
|
|
20
|
+
--sg-scrollbar-border: #eaeaea;
|
|
21
|
+
--sg-scrollbar-thumb: #666666;
|
|
22
|
+
--sg-scrollbar-thumb-hover: #000000;
|
|
23
|
+
--sg-scrollbar-thumb-active: #000000;
|
|
24
|
+
--sg-scrollbar-arrow: #666666;
|
|
25
|
+
--sg-scrollbar-arrow-hover: #000000;
|
|
26
|
+
--sg-scrollbar-arrow-hover-bg: #f5f5f5;
|
|
27
|
+
--sg-scrollbar-arrow-active: #000000;
|
|
28
|
+
--sg-scrollbar-arrow-active-bg: #e8f0fe;
|
|
29
|
+
--sg-scrollbar-arrow-disabled: #eaeaea;
|
|
30
|
+
}
|
|
31
|
+
:root[data-theme='dark'] {
|
|
32
|
+
--sg-bg: #000000;
|
|
33
|
+
--sg-fg: #ffffff;
|
|
34
|
+
--sg-muted: #888888;
|
|
35
|
+
--sg-border: #333333;
|
|
36
|
+
--sg-header-bg: #111111;
|
|
37
|
+
--sg-header-fg: #888888;
|
|
38
|
+
--sg-bg-subtle: #111111;
|
|
39
|
+
--sg-row-alt-bg: #0a0a0a;
|
|
40
|
+
--sg-row-hover-bg: #1a1a1a;
|
|
41
|
+
--sg-selection-bg: #0d2847;
|
|
42
|
+
--sg-input-bg: #000000;
|
|
43
|
+
--sg-input-border: #333333;
|
|
44
|
+
--sg-accent: #3291ff;
|
|
45
|
+
--sg-on-accent: #ffffff;
|
|
46
|
+
--sg-radius: 6px;
|
|
47
|
+
--sg-font: "Geist", "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
48
|
+
--sg-scrollbar-bg: #111111;
|
|
49
|
+
--sg-scrollbar-border: #333333;
|
|
50
|
+
--sg-scrollbar-thumb: #888888;
|
|
51
|
+
--sg-scrollbar-thumb-hover: #ffffff;
|
|
52
|
+
--sg-scrollbar-thumb-active: #ffffff;
|
|
53
|
+
--sg-scrollbar-arrow: #888888;
|
|
54
|
+
--sg-scrollbar-arrow-hover: #ffffff;
|
|
55
|
+
--sg-scrollbar-arrow-hover-bg: #1a1a1a;
|
|
56
|
+
--sg-scrollbar-arrow-active: #ffffff;
|
|
57
|
+
--sg-scrollbar-arrow-active-bg: #0d2847;
|
|
58
|
+
--sg-scrollbar-arrow-disabled: #333333;
|
|
59
|
+
}
|