@ashley-shrok/viewmodel-shell 0.2.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/LICENSE +21 -0
- package/README.md +49 -0
- package/package.json +43 -0
- package/src/browser.ts +542 -0
- package/src/index.ts +270 -0
- package/styles/default.css +403 -0
- package/styles/themes/dark-amber.css +6 -0
- package/styles/themes/dark-blue.css +6 -0
- package/styles/themes/dark-green.css +6 -0
- package/styles/themes/dark-rose.css +6 -0
- package/styles/themes/dark-teal.css +6 -0
- package/styles/themes/light-amber.css +21 -0
- package/styles/themes/light-blue.css +21 -0
- package/styles/themes/light-green.css +21 -0
- package/styles/themes/light-purple.css +24 -0
- package/styles/themes/light-rose.css +21 -0
- package/styles/themes/light-teal.css +21 -0
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* Light theme · amber accent. Override on top of styles.css. */
|
|
2
|
+
:root {
|
|
3
|
+
--vms-bg: #f7f7f9;
|
|
4
|
+
--vms-surface: #ffffff;
|
|
5
|
+
--vms-surface-2: #f0f0f4;
|
|
6
|
+
--vms-border: #d8d8e0;
|
|
7
|
+
--vms-accent: #b8830f;
|
|
8
|
+
--vms-accent-glow: rgba(184, 131, 15, 0.10);
|
|
9
|
+
--vms-accent-dim: rgba(184, 131, 15, 0.30);
|
|
10
|
+
--vms-text: #1a1a22;
|
|
11
|
+
--vms-text-muted: #6c6c80;
|
|
12
|
+
--vms-done-bg: #ececf2;
|
|
13
|
+
--vms-done-text: #9090a0;
|
|
14
|
+
--vms-error: #c2453d;
|
|
15
|
+
--vms-error-glow: rgba(194, 69, 61, 0.10);
|
|
16
|
+
--vms-warning: #c89610;
|
|
17
|
+
--vms-priority-high:#d76410;
|
|
18
|
+
--vms-success: #2da359;
|
|
19
|
+
--vms-info: #2277dd;
|
|
20
|
+
--vms-color-scheme: light;
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* Light theme · blue accent. Override on top of styles.css. */
|
|
2
|
+
:root {
|
|
3
|
+
--vms-bg: #f7f7f9;
|
|
4
|
+
--vms-surface: #ffffff;
|
|
5
|
+
--vms-surface-2: #f0f0f4;
|
|
6
|
+
--vms-border: #d8d8e0;
|
|
7
|
+
--vms-accent: #2277dd;
|
|
8
|
+
--vms-accent-glow: rgba(34, 119, 221, 0.10);
|
|
9
|
+
--vms-accent-dim: rgba(34, 119, 221, 0.30);
|
|
10
|
+
--vms-text: #1a1a22;
|
|
11
|
+
--vms-text-muted: #6c6c80;
|
|
12
|
+
--vms-done-bg: #ececf2;
|
|
13
|
+
--vms-done-text: #9090a0;
|
|
14
|
+
--vms-error: #c2453d;
|
|
15
|
+
--vms-error-glow: rgba(194, 69, 61, 0.10);
|
|
16
|
+
--vms-warning: #c89610;
|
|
17
|
+
--vms-priority-high:#d76410;
|
|
18
|
+
--vms-success: #2da359;
|
|
19
|
+
--vms-info: #2277dd;
|
|
20
|
+
--vms-color-scheme: light;
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* Light theme · green accent. Override on top of styles.css. */
|
|
2
|
+
:root {
|
|
3
|
+
--vms-bg: #f7f7f9;
|
|
4
|
+
--vms-surface: #ffffff;
|
|
5
|
+
--vms-surface-2: #f0f0f4;
|
|
6
|
+
--vms-border: #d8d8e0;
|
|
7
|
+
--vms-accent: #2da359;
|
|
8
|
+
--vms-accent-glow: rgba(45, 163, 89, 0.10);
|
|
9
|
+
--vms-accent-dim: rgba(45, 163, 89, 0.30);
|
|
10
|
+
--vms-text: #1a1a22;
|
|
11
|
+
--vms-text-muted: #6c6c80;
|
|
12
|
+
--vms-done-bg: #ececf2;
|
|
13
|
+
--vms-done-text: #9090a0;
|
|
14
|
+
--vms-error: #c2453d;
|
|
15
|
+
--vms-error-glow: rgba(194, 69, 61, 0.10);
|
|
16
|
+
--vms-warning: #c89610;
|
|
17
|
+
--vms-priority-high:#d76410;
|
|
18
|
+
--vms-success: #2da359;
|
|
19
|
+
--vms-info: #2277dd;
|
|
20
|
+
--vms-color-scheme: light;
|
|
21
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/* Light theme. Override on top of the default stylesheet:
|
|
2
|
+
import "viewmodel-shell/styles.css";
|
|
3
|
+
import "viewmodel-shell/themes/light.css";
|
|
4
|
+
*/
|
|
5
|
+
:root {
|
|
6
|
+
--vms-bg: #f7f7f9;
|
|
7
|
+
--vms-surface: #ffffff;
|
|
8
|
+
--vms-surface-2: #f0f0f4;
|
|
9
|
+
--vms-border: #d8d8e0;
|
|
10
|
+
--vms-accent: #5a4ad7;
|
|
11
|
+
--vms-accent-glow: rgba(90, 74, 215, 0.10);
|
|
12
|
+
--vms-accent-dim: rgba(90, 74, 215, 0.30);
|
|
13
|
+
--vms-text: #1a1a22;
|
|
14
|
+
--vms-text-muted: #6c6c80;
|
|
15
|
+
--vms-done-bg: #ececf2;
|
|
16
|
+
--vms-done-text: #9090a0;
|
|
17
|
+
--vms-error: #c2453d;
|
|
18
|
+
--vms-error-glow: rgba(194, 69, 61, 0.10);
|
|
19
|
+
--vms-warning: #c89610;
|
|
20
|
+
--vms-priority-high:#d76410;
|
|
21
|
+
--vms-success: #2da359;
|
|
22
|
+
--vms-info: #2277dd;
|
|
23
|
+
--vms-color-scheme: light;
|
|
24
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* Light theme · rose accent. Override on top of styles.css. */
|
|
2
|
+
:root {
|
|
3
|
+
--vms-bg: #f7f7f9;
|
|
4
|
+
--vms-surface: #ffffff;
|
|
5
|
+
--vms-surface-2: #f0f0f4;
|
|
6
|
+
--vms-border: #d8d8e0;
|
|
7
|
+
--vms-accent: #c63767;
|
|
8
|
+
--vms-accent-glow: rgba(198, 55, 103, 0.10);
|
|
9
|
+
--vms-accent-dim: rgba(198, 55, 103, 0.30);
|
|
10
|
+
--vms-text: #1a1a22;
|
|
11
|
+
--vms-text-muted: #6c6c80;
|
|
12
|
+
--vms-done-bg: #ececf2;
|
|
13
|
+
--vms-done-text: #9090a0;
|
|
14
|
+
--vms-error: #c2453d;
|
|
15
|
+
--vms-error-glow: rgba(194, 69, 61, 0.10);
|
|
16
|
+
--vms-warning: #c89610;
|
|
17
|
+
--vms-priority-high:#d76410;
|
|
18
|
+
--vms-success: #2da359;
|
|
19
|
+
--vms-info: #2277dd;
|
|
20
|
+
--vms-color-scheme: light;
|
|
21
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* Light theme · teal accent. Override on top of styles.css. */
|
|
2
|
+
:root {
|
|
3
|
+
--vms-bg: #f7f7f9;
|
|
4
|
+
--vms-surface: #ffffff;
|
|
5
|
+
--vms-surface-2: #f0f0f4;
|
|
6
|
+
--vms-border: #d8d8e0;
|
|
7
|
+
--vms-accent: #2a9d9d;
|
|
8
|
+
--vms-accent-glow: rgba(42, 157, 157, 0.10);
|
|
9
|
+
--vms-accent-dim: rgba(42, 157, 157, 0.30);
|
|
10
|
+
--vms-text: #1a1a22;
|
|
11
|
+
--vms-text-muted: #6c6c80;
|
|
12
|
+
--vms-done-bg: #ececf2;
|
|
13
|
+
--vms-done-text: #9090a0;
|
|
14
|
+
--vms-error: #c2453d;
|
|
15
|
+
--vms-error-glow: rgba(194, 69, 61, 0.10);
|
|
16
|
+
--vms-warning: #c89610;
|
|
17
|
+
--vms-priority-high:#d76410;
|
|
18
|
+
--vms-success: #2da359;
|
|
19
|
+
--vms-info: #2277dd;
|
|
20
|
+
--vms-color-scheme: light;
|
|
21
|
+
}
|