@cagovweb/state-template 6.3.0-beta.1 → 6.3.0-beta.2

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.
Files changed (30) hide show
  1. package/dist/css/cagov.core.css +50 -77
  2. package/dist/css/cagov.core.min.css +2 -2
  3. package/dist/css/colortheme-delta.css +26 -26
  4. package/dist/css/colortheme-delta.min.css +1 -1
  5. package/dist/css/colortheme-eureka.css +26 -26
  6. package/dist/css/colortheme-eureka.min.css +1 -1
  7. package/dist/css/colortheme-mono.css +26 -26
  8. package/dist/css/colortheme-mono.min.css +1 -1
  9. package/dist/css/colortheme-oceanside.css +25 -25
  10. package/dist/css/colortheme-oceanside.min.css +1 -1
  11. package/dist/css/colortheme-orangecounty.css +25 -25
  12. package/dist/css/colortheme-orangecounty.min.css +1 -1
  13. package/dist/css/colortheme-pasorobles.css +25 -25
  14. package/dist/css/colortheme-pasorobles.min.css +1 -1
  15. package/dist/css/colortheme-sacramento.css +25 -25
  16. package/dist/css/colortheme-sacramento.min.css +1 -1
  17. package/dist/css/colortheme-santabarbara.css +25 -25
  18. package/dist/css/colortheme-santabarbara.min.css +1 -1
  19. package/dist/css/colortheme-santacruz.css +25 -25
  20. package/dist/css/colortheme-santacruz.min.css +1 -1
  21. package/dist/css/colortheme-shasta.css +25 -25
  22. package/dist/css/colortheme-shasta.min.css +1 -1
  23. package/dist/css/colortheme-sierra.css +25 -25
  24. package/dist/css/colortheme-sierra.min.css +1 -1
  25. package/dist/css/colortheme-trinity.css +25 -25
  26. package/dist/css/colortheme-trinity.min.css +1 -1
  27. package/dist/js/cagov.core.js +1 -1
  28. package/dist/js/cagov.core.min.js +1 -1
  29. package/dist/readme.md +2 -2
  30. package/package.json +1 -1
package/dist/css/colortheme-delta.css CHANGED
@@ -3,36 +3,36 @@
3
3
  ----------------------------------------- */
4
4
  :root {
5
5
  --color-p1: #a5bdc5;
6
- --color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);
7
- --color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);
8
- --color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);
9
- --color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);
10
- --color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);
11
- --color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);
6
+ --color-p1-dark: #99b4bd;
7
+ --color-p1-darker: #8fadb7;
8
+ --color-p1-darkest: #7a9da9;
9
+ --color-p1-light: #b7cad1;
10
+ --color-p1-lighter: #c9d7dc;
11
+ --color-p1-lightest: #dbe5e8;
12
12
  --color-p2: #577786;
13
- --color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);
14
- --color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);
15
- --color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);
16
- --color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);
17
- --color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);
18
- --color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);
13
+ --color-p2-dark: #4f6c7a;
14
+ --color-p2-darker: #496470;
15
+ --color-p2-darkest: #3b515b;
16
+ --color-p2-light: #79929e;
17
+ --color-p2-lighter: #9aadb6;
18
+ --color-p2-lightest: #bcc9cf;
19
19
  --color-p3: #46565e;
20
- --color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);
21
- --color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);
22
- --color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);
23
- --color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);
24
- --color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);
25
- --color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);
26
- --color-s1: #eef8fb;
27
- --color-s1-darker: color-mix(in srgb, var(--color-s1), #000 15%);
28
- --color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);
20
+ --color-p3-dark: #3d4b52;
21
+ --color-p3-darker: #37434a;
22
+ --color-p3-darkest: #283135;
23
+ --color-p3-light: #6b787e;
24
+ --color-p3-lighter: #909a9e;
25
+ --color-p3-lightest: #b5bbbf;
26
+ --color-s1: #f5f9fa;
27
+ --color-s1-darker: #ebf3f5;
28
+ --color-s1-lighter: #fafcfd;
29
29
  --color-s2: #ccd4d6;
30
- --color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);
31
- --color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);
30
+ --color-s2-dark: #b8c3c6;
31
+ --color-s2-darker: #a4b3b6;
32
32
  --color-s3: #a7b7bc;
33
- --color-s3-dark: color-mix(in srgb, var(--color-s2), #000 15%);
34
- --color-s3-light: color-mix(in srgb, var(--color-s3), #fff 15%);
35
- --color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 30%);
33
+ --color-s3-dark: #93a6ad;
34
+ --color-s3-light: #cad4d7;
35
+ --color-s3-lighter: #dce2e4;
36
36
  --sub-nav-bg: var(--color-s1);
37
37
  --mobile-drawer: var(--color-p3);
38
38
  --mobile-drawer-active: var(--color-p3-light);
package/dist/css/colortheme-delta.min.css CHANGED
@@ -1 +1 @@
1
- :root{--color-p1: #a5bdc5;--color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);--color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);--color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);--color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);--color-p2: #577786;--color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);--color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);--color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);--color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);--color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);--color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);--color-p3: #46565e;--color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);--color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);--color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);--color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);--color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);--color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);--color-s1: #eef8fb;--color-s1-darker: color-mix(in srgb, var(--color-s1), #000 15%);--color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);--color-s2: #ccd4d6;--color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);--color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);--color-s3: #a7b7bc;--color-s3-dark: color-mix(in srgb, var(--color-s2), #000 15%);--color-s3-light: color-mix(in srgb, var(--color-s3), #fff 15%);--color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 30%);--sub-nav-bg: var(--color-s1);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
1
+ :root{--color-p1: #a5bdc5;--color-p1-dark: #99b4bd;--color-p1-darker: #8fadb7;--color-p1-darkest: #7a9da9;--color-p1-light: #b7cad1;--color-p1-lighter: #c9d7dc;--color-p1-lightest: #dbe5e8;--color-p2: #577786;--color-p2-dark: #4f6c7a;--color-p2-darker: #496470;--color-p2-darkest: #3b515b;--color-p2-light: #79929e;--color-p2-lighter: #9aadb6;--color-p2-lightest: #bcc9cf;--color-p3: #46565e;--color-p3-dark: #3d4b52;--color-p3-darker: #37434a;--color-p3-darkest: #283135;--color-p3-light: #6b787e;--color-p3-lighter: #909a9e;--color-p3-lightest: #b5bbbf;--color-s1: #f5f9fa;--color-s1-darker: #ebf3f5;--color-s1-lighter: #fafcfd;--color-s2: #ccd4d6;--color-s2-dark: #b8c3c6;--color-s2-darker: #a4b3b6;--color-s3: #a7b7bc;--color-s3-dark: #93a6ad;--color-s3-light: #cad4d7;--color-s3-lighter: #dce2e4;--sub-nav-bg: var(--color-s1);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
package/dist/css/colortheme-eureka.css CHANGED
@@ -3,36 +3,36 @@
3
3
  ----------------------------------------- */
4
4
  :root {
5
5
  --color-p1: #d9b295;
6
- --color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);
7
- --color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);
8
- --color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);
9
- --color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);
10
- --color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);
11
- --color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);
6
+ --color-p1-dark: #d4a786;
7
+ --color-p1-darker: #d09f7b;
8
+ --color-p1-darkest: #c68c60;
9
+ --color-p1-light: #e1c1aa;
10
+ --color-p1-lighter: #e8d1bf;
11
+ --color-p1-lightest: #f0e0d5;
12
12
  --color-p2: #3e4b4d;
13
- --color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);
14
- --color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);
15
- --color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);
16
- --color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);
17
- --color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);
18
- --color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);
13
+ --color-p2-dark: #354042;
14
+ --color-p2-darker: #2e3839;
15
+ --color-p2-darkest: #1e2425;
16
+ --color-p2-light: #656f71;
17
+ --color-p2-lighter: #8b9394;
18
+ --color-p2-lightest: #b2b7b8;
19
19
  --color-p3: #21272a;
20
- --color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);
21
- --color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);
22
- --color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);
23
- --color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);
24
- --color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);
25
- --color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);
20
+ --color-p3-dark: #181c1f;
21
+ --color-p3-darker: #111416;
22
+ --color-p3-darkest: #020202;
23
+ --color-p3-light: #4d5255;
24
+ --color-p3-lighter: #7a7d7f;
25
+ --color-p3-lightest: #a6a9aa;
26
26
  --color-s1: #f9f4f0;
27
- --color-s1-darker: color-mix(in srgb, var(--color-s1), #000 15%);
28
- --color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);
29
- --color-s2: #ccc8bf;
30
- --color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);
31
- --color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);
27
+ --color-s1-darker: #f5ece5;
28
+ --color-s1-lighter: #fcfaf8;
29
+ --color-s2: #e2dfda;
30
+ --color-s2-dark: #d2cec6;
31
+ --color-s2-darker: #c3bcb2;
32
32
  --color-s3: #ccc8bf;
33
- --color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);
34
- --color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);
35
- --color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);
33
+ --color-s3-dark: #bcb7ab;
34
+ --color-s3-light: #e0ded9;
35
+ --color-s3-lighter: #ebe9e5;
36
36
  --sub-nav-bg: var(--color-s1);
37
37
  --mobile-drawer: var(--color-p3);
38
38
  --mobile-drawer-active: var(--color-p3-light);
package/dist/css/colortheme-eureka.min.css CHANGED
@@ -1 +1 @@
1
- :root{--color-p1: #d9b295;--color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);--color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);--color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);--color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);--color-p2: #3e4b4d;--color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);--color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);--color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);--color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);--color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);--color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);--color-p3: #21272a;--color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);--color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);--color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);--color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);--color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);--color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);--color-s1: #f9f4f0;--color-s1-darker: color-mix(in srgb, var(--color-s1), #000 15%);--color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);--color-s2: #ccc8bf;--color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);--color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);--color-s3: #ccc8bf;--color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);--color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);--color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);--sub-nav-bg: var(--color-s1);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
1
+ :root{--color-p1: #d9b295;--color-p1-dark: #d4a786;--color-p1-darker: #d09f7b;--color-p1-darkest: #c68c60;--color-p1-light: #e1c1aa;--color-p1-lighter: #e8d1bf;--color-p1-lightest: #f0e0d5;--color-p2: #3e4b4d;--color-p2-dark: #354042;--color-p2-darker: #2e3839;--color-p2-darkest: #1e2425;--color-p2-light: #656f71;--color-p2-lighter: #8b9394;--color-p2-lightest: #b2b7b8;--color-p3: #21272a;--color-p3-dark: #181c1f;--color-p3-darker: #111416;--color-p3-darkest: #020202;--color-p3-light: #4d5255;--color-p3-lighter: #7a7d7f;--color-p3-lightest: #a6a9aa;--color-s1: #f9f4f0;--color-s1-darker: #f5ece5;--color-s1-lighter: #fcfaf8;--color-s2: #e2dfda;--color-s2-dark: #d2cec6;--color-s2-darker: #c3bcb2;--color-s3: #ccc8bf;--color-s3-dark: #bcb7ab;--color-s3-light: #e0ded9;--color-s3-lighter: #ebe9e5;--sub-nav-bg: var(--color-s1);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
package/dist/css/colortheme-mono.css CHANGED
@@ -3,36 +3,36 @@
3
3
  ----------------------------------------- */
4
4
  :root {
5
5
  --color-p1: #ffce2b;
6
- --color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);
7
- --color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);
8
- --color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);
9
- --color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);
10
- --color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);
11
- --color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);
6
+ --color-p1-dark: #ffc917;
7
+ --color-p1-darker: #ffc607;
8
+ --color-p1-darkest: #e3ae00;
9
+ --color-p1-light: #ffd855;
10
+ --color-p1-lighter: #ffe280;
11
+ --color-p1-lightest: #ffebaa;
12
12
  --color-p2: #545351;
13
- --color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);
14
- --color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);
15
- --color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);
16
- --color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);
17
- --color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);
18
- --color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);
13
+ --color-p2-dark: #4a4947;
14
+ --color-p2-darker: #42413f;
15
+ --color-p2-darkest: #302f2e;
16
+ --color-p2-light: #767574;
17
+ --color-p2-lighter: #989897;
18
+ --color-p2-lightest: #bbbab9;
19
19
  --color-p3: #191919;
20
- --color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);
21
- --color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);
22
- --color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);
23
- --color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);
24
- --color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);
25
- --color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);
20
+ --color-p3-dark: #0f0f0f;
21
+ --color-p3-darker: #070707;
22
+ --color-p3-darkest: black;
23
+ --color-p3-light: #474747;
24
+ --color-p3-lighter: #757575;
25
+ --color-p3-lightest: #a3a3a3;
26
26
  --color-s1: #ededef;
27
- --color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);
28
- --color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);
29
- --color-s2: #b3b2ac;
30
- --color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);
31
- --color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);
27
+ --color-s1-darker: #e5e5e8;
28
+ --color-s1-lighter: #f6f6f7;
29
+ --color-s2: #d4d4cd;
30
+ --color-s2-dark: #c3c3ba;
31
+ --color-s2-darker: #b3b3a7;
32
32
  --color-s3: #b3b2ac;
33
- --color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);
34
- --color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);
35
- --color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);
33
+ --color-s3-dark: #a2a199;
34
+ --color-s3-light: #d1d1cd;
35
+ --color-s3-lighter: #e1e0de;
36
36
  --sub-nav-bg: var(--color-s1-lighter);
37
37
  --mobile-drawer: var(--color-p3);
38
38
  --mobile-drawer-active: var(--color-p3-light);
package/dist/css/colortheme-mono.min.css CHANGED
@@ -1 +1 @@
1
- :root{--color-p1: #ffce2b;--color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);--color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);--color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);--color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);--color-p2: #545351;--color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);--color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);--color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);--color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);--color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);--color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);--color-p3: #191919;--color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);--color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);--color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);--color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);--color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);--color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);--color-s1: #ededef;--color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);--color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);--color-s2: #b3b2ac;--color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);--color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);--color-s3: #b3b2ac;--color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);--color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);--color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);--sub-nav-bg: var(--color-s1-lighter);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
1
+ :root{--color-p1: #ffce2b;--color-p1-dark: #ffc917;--color-p1-darker: #ffc607;--color-p1-darkest: #e3ae00;--color-p1-light: #ffd855;--color-p1-lighter: #ffe280;--color-p1-lightest: #ffebaa;--color-p2: #545351;--color-p2-dark: #4a4947;--color-p2-darker: #42413f;--color-p2-darkest: #302f2e;--color-p2-light: #767574;--color-p2-lighter: #989897;--color-p2-lightest: #bbbab9;--color-p3: #191919;--color-p3-dark: #0f0f0f;--color-p3-darker: #070707;--color-p3-darkest: black;--color-p3-light: #474747;--color-p3-lighter: #757575;--color-p3-lightest: #a3a3a3;--color-s1: #ededef;--color-s1-darker: #e5e5e8;--color-s1-lighter: #f6f6f7;--color-s2: #d4d4cd;--color-s2-dark: #c3c3ba;--color-s2-darker: #b3b3a7;--color-s3: #b3b2ac;--color-s3-dark: #a2a199;--color-s3-light: #d1d1cd;--color-s3-lighter: #e1e0de;--sub-nav-bg: var(--color-s1-lighter);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
package/dist/css/colortheme-oceanside.css CHANGED
@@ -3,36 +3,36 @@
3
3
  ----------------------------------------- */
4
4
  :root {
5
5
  --color-p1: #fdb81e;
6
- --color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);
7
- --color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);
8
- --color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 60%);
9
- --color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);
10
- --color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);
11
- --color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);
6
+ --color-p1-dark: #fdb20a;
7
+ --color-p1-darker: #f5aa02;
8
+ --color-p1-darkest: #d29102;
9
+ --color-p1-light: #fdc64b;
10
+ --color-p1-lighter: #fed478;
11
+ --color-p1-lightest: #fee3a5;
12
12
  --color-p2: #046b99;
13
- --color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);
14
- --color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);
15
- --color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);
16
- --color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);
17
- --color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);
18
- --color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);
13
+ --color-p2-dark: #035d85;
14
+ --color-p2-darker: #035376;
15
+ --color-p2-darkest: #023a53;
16
+ --color-p2-light: #3689ad;
17
+ --color-p2-lighter: #68a6c2;
18
+ --color-p2-lightest: #9bc4d6;
19
19
  --color-p3: #323a45;
20
- --color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);
21
- --color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);
22
- --color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);
23
- --color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);
24
- --color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);
25
- --color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);
20
+ --color-p3-dark: #293039;
21
+ --color-p3-darker: #232930;
22
+ --color-p3-darkest: #14171c;
23
+ --color-p3-light: #5b616a;
24
+ --color-p3-lighter: #84898f;
25
+ --color-p3-lightest: #adb0b5;
26
26
  --color-s1: #eef8fb;
27
- --color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);
28
- --color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);
27
+ --color-s1-darker: #e2f3f8;
28
+ --color-s1-lighter: #f7fcfd;
29
29
  --color-s2: #87b8ce;
30
- --color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);
31
- --color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);
30
+ --color-s2-dark: #6ea9c4;
31
+ --color-s2-darker: #549ab9;
32
32
  --color-s3: #4993b5;
33
- --color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);
34
- --color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);
35
- --color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);
33
+ --color-s3-dark: #3f7e9c;
34
+ --color-s3-light: #92bed3;
35
+ --color-s3-lighter: #b6d4e1;
36
36
  --sub-nav-bg: var(--color-s1-lighter);
37
37
  --mobile-drawer: var(--color-p2-darker);
38
38
  --mobile-drawer-active: var(--color-p2);
package/dist/css/colortheme-oceanside.min.css CHANGED
@@ -1 +1 @@
1
- :root{--color-p1: #fdb81e;--color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);--color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 60%);--color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);--color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);--color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);--color-p2: #046b99;--color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);--color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);--color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);--color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);--color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);--color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);--color-p3: #323a45;--color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);--color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);--color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);--color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);--color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);--color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);--color-s1: #eef8fb;--color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);--color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);--color-s2: #87b8ce;--color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);--color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);--color-s3: #4993b5;--color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);--color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);--color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);--sub-nav-bg: var(--color-s1-lighter);--mobile-drawer: var(--color-p2-darker);--mobile-drawer-active: var(--color-p2)}
1
+ :root{--color-p1: #fdb81e;--color-p1-dark: #fdb20a;--color-p1-darker: #f5aa02;--color-p1-darkest: #d29102;--color-p1-light: #fdc64b;--color-p1-lighter: #fed478;--color-p1-lightest: #fee3a5;--color-p2: #046b99;--color-p2-dark: #035d85;--color-p2-darker: #035376;--color-p2-darkest: #023a53;--color-p2-light: #3689ad;--color-p2-lighter: #68a6c2;--color-p2-lightest: #9bc4d6;--color-p3: #323a45;--color-p3-dark: #293039;--color-p3-darker: #232930;--color-p3-darkest: #14171c;--color-p3-light: #5b616a;--color-p3-lighter: #84898f;--color-p3-lightest: #adb0b5;--color-s1: #eef8fb;--color-s1-darker: #e2f3f8;--color-s1-lighter: #f7fcfd;--color-s2: #87b8ce;--color-s2-dark: #6ea9c4;--color-s2-darker: #549ab9;--color-s3: #4993b5;--color-s3-dark: #3f7e9c;--color-s3-light: #92bed3;--color-s3-lighter: #b6d4e1;--sub-nav-bg: var(--color-s1-lighter);--mobile-drawer: var(--color-p2-darker);--mobile-drawer-active: var(--color-p2)}
package/dist/css/colortheme-orangecounty.css CHANGED
@@ -3,36 +3,36 @@
3
3
  ----------------------------------------- */
4
4
  :root {
5
5
  --color-p1: #fbad23;
6
- --color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);
7
- --color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);
8
- --color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);
9
- --color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);
10
- --color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);
11
- --color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);
6
+ --color-p1-dark: #fba60f;
7
+ --color-p1-darker: #f69f04;
8
+ --color-p1-darkest: #d38804;
9
+ --color-p1-light: #fcbd4f;
10
+ --color-p1-lighter: #fdce7b;
11
+ --color-p1-lightest: #fddea7;
12
12
  --color-p2: #a15801;
13
- --color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);
14
- --color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);
15
- --color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);
16
- --color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);
17
- --color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);
18
- --color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);
13
+ --color-p2-dark: #8d4d01;
14
+ --color-p2-darker: #7e4501;
15
+ --color-p2-darkest: #5a3101;
16
+ --color-p2-light: #b47934;
17
+ --color-p2-lighter: #c79b67;
18
+ --color-p2-lightest: #d9bc99;
19
19
  --color-p3: #483723;
20
- --color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);
21
- --color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);
22
- --color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);
23
- --color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);
24
- --color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);
25
- --color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);
20
+ --color-p3-dark: #3a2d1c;
21
+ --color-p3-darker: #302517;
22
+ --color-p3-darkest: #18120c;
23
+ --color-p3-light: #6d5f4f;
24
+ --color-p3-lighter: #91877b;
25
+ --color-p3-lightest: #b6afa7;
26
26
  --color-s1: #fbf0e7;
27
- --color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);
28
- --color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);
27
+ --color-s1-darker: #f9e8da;
28
+ --color-s1-lighter: #fdf8f3;
29
29
  --color-s2: #f6e7cc;
30
- --color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);
31
- --color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);
30
+ --color-s2-dark: #f1d9ae;
31
+ --color-s2-darker: #ebca8f;
32
32
  --color-s3: #f7d7a6;
33
- --color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);
34
- --color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);
35
- --color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);
33
+ --color-s3-dark: #f4c885;
34
+ --color-s3-light: #fae7ca;
35
+ --color-s3-lighter: #fcefdb;
36
36
  --sub-nav-bg: var(--color-s1-lighter);
37
37
  --mobile-drawer: var(--color-p3);
38
38
  --mobile-drawer-active: var(--color-p3-light);
package/dist/css/colortheme-orangecounty.min.css CHANGED
@@ -1 +1 @@
1
- :root{--color-p1: #fbad23;--color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);--color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);--color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);--color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);--color-p2: #a15801;--color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);--color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);--color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);--color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);--color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);--color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);--color-p3: #483723;--color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);--color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);--color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);--color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);--color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);--color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);--color-s1: #fbf0e7;--color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);--color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);--color-s2: #f6e7cc;--color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);--color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);--color-s3: #f7d7a6;--color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);--color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);--color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);--sub-nav-bg: var(--color-s1-lighter);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
1
+ :root{--color-p1: #fbad23;--color-p1-dark: #fba60f;--color-p1-darker: #f69f04;--color-p1-darkest: #d38804;--color-p1-light: #fcbd4f;--color-p1-lighter: #fdce7b;--color-p1-lightest: #fddea7;--color-p2: #a15801;--color-p2-dark: #8d4d01;--color-p2-darker: #7e4501;--color-p2-darkest: #5a3101;--color-p2-light: #b47934;--color-p2-lighter: #c79b67;--color-p2-lightest: #d9bc99;--color-p3: #483723;--color-p3-dark: #3a2d1c;--color-p3-darker: #302517;--color-p3-darkest: #18120c;--color-p3-light: #6d5f4f;--color-p3-lighter: #91877b;--color-p3-lightest: #b6afa7;--color-s1: #fbf0e7;--color-s1-darker: #f9e8da;--color-s1-lighter: #fdf8f3;--color-s2: #f6e7cc;--color-s2-dark: #f1d9ae;--color-s2-darker: #ebca8f;--color-s3: #f7d7a6;--color-s3-dark: #f4c885;--color-s3-light: #fae7ca;--color-s3-lighter: #fcefdb;--sub-nav-bg: var(--color-s1-lighter);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
package/dist/css/colortheme-pasorobles.css CHANGED
@@ -3,36 +3,36 @@
3
3
  ----------------------------------------- */
4
4
  :root {
5
5
  --color-p1: #fbad23;
6
- --color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);
7
- --color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);
8
- --color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);
9
- --color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);
10
- --color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);
11
- --color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);
6
+ --color-p1-dark: #fba60f;
7
+ --color-p1-darker: #f69f04;
8
+ --color-p1-darkest: #d38804;
9
+ --color-p1-light: #fcbd4f;
10
+ --color-p1-lighter: #fdce7b;
11
+ --color-p1-lightest: #fddea7;
12
12
  --color-p2: #691808;
13
- --color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);
14
- --color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);
15
- --color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);
16
- --color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);
17
- --color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);
18
- --color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);
13
+ --color-p2-dark: #561407;
14
+ --color-p2-darker: #481005;
15
+ --color-p2-darkest: #270903;
16
+ --color-p2-light: #874639;
17
+ --color-p2-lighter: #a5746b;
18
+ --color-p2-lightest: #c3a39c;
19
19
  --color-p3: #313131;
20
- --color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);
21
- --color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);
22
- --color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);
23
- --color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);
24
- --color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);
25
- --color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);
20
+ --color-p3-dark: #272727;
21
+ --color-p3-darker: #1f1f1f;
22
+ --color-p3-darkest: #0d0d0d;
23
+ --color-p3-light: #5a5a5a;
24
+ --color-p3-lighter: #838383;
25
+ --color-p3-lightest: #adadad;
26
26
  --color-s1: #f5f5f5;
27
- --color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);
28
- --color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);
27
+ --color-s1-darker: #ededed;
28
+ --color-s1-lighter: #fafafa;
29
29
  --color-s2: #ccc;
30
- --color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);
31
- --color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);
30
+ --color-s2-dark: #bababa;
31
+ --color-s2-darker: #a8a8a8;
32
32
  --color-s3: #e6dcdc;
33
- --color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);
34
- --color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);
35
- --color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);
33
+ --color-s3-dark: #d7c7c7;
34
+ --color-s3-light: #f0eaea;
35
+ --color-s3-lighter: #f5f1f1;
36
36
  --sub-nav-bg: var(--color-s1);
37
37
  --mobile-drawer: var(--color-p3);
38
38
  --mobile-drawer-active: var(--color-p3-light);
package/dist/css/colortheme-pasorobles.min.css CHANGED
@@ -1 +1 @@
1
- :root{--color-p1: #fbad23;--color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);--color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);--color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);--color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);--color-p2: #691808;--color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);--color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);--color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);--color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);--color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);--color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);--color-p3: #313131;--color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);--color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);--color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);--color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);--color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);--color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);--color-s1: #f5f5f5;--color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);--color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);--color-s2: #ccc;--color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);--color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);--color-s3: #e6dcdc;--color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);--color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);--color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);--sub-nav-bg: var(--color-s1);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
1
+ :root{--color-p1: #fbad23;--color-p1-dark: #fba60f;--color-p1-darker: #f69f04;--color-p1-darkest: #d38804;--color-p1-light: #fcbd4f;--color-p1-lighter: #fdce7b;--color-p1-lightest: #fddea7;--color-p2: #691808;--color-p2-dark: #561407;--color-p2-darker: #481005;--color-p2-darkest: #270903;--color-p2-light: #874639;--color-p2-lighter: #a5746b;--color-p2-lightest: #c3a39c;--color-p3: #313131;--color-p3-dark: #272727;--color-p3-darker: #1f1f1f;--color-p3-darkest: #0d0d0d;--color-p3-light: #5a5a5a;--color-p3-lighter: #838383;--color-p3-lightest: #adadad;--color-s1: #f5f5f5;--color-s1-darker: #ededed;--color-s1-lighter: #fafafa;--color-s2: #ccc;--color-s2-dark: #bababa;--color-s2-darker: #a8a8a8;--color-s3: #e6dcdc;--color-s3-dark: #d7c7c7;--color-s3-light: #f0eaea;--color-s3-lighter: #f5f1f1;--sub-nav-bg: var(--color-s1);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
package/dist/css/colortheme-sacramento.css CHANGED
@@ -3,36 +3,36 @@
3
3
  ----------------------------------------- */
4
4
  :root {
5
5
  --color-p1: #7bb0da;
6
- --color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);
7
- --color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);
8
- --color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);
9
- --color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);
10
- --color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);
11
- --color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);
6
+ --color-p1-dark: #6ba6d6;
7
+ --color-p1-darker: #5f9fd2;
8
+ --color-p1-darkest: #438fca;
9
+ --color-p1-light: #95c0e1;
10
+ --color-p1-lighter: #b0d0e9;
11
+ --color-p1-lightest: #cadff0;
12
12
  --color-p2: #153554;
13
- --color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);
14
- --color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);
15
- --color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);
16
- --color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);
17
- --color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);
18
- --color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);
13
+ --color-p2-dark: #112b44;
14
+ --color-p2-darker: #0e2337;
15
+ --color-p2-darkest: #07111b;
16
+ --color-p2-light: #445d76;
17
+ --color-p2-lighter: #738698;
18
+ --color-p2-lightest: #a1aebb;
19
19
  --color-p3: #730000;
20
- --color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);
21
- --color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);
22
- --color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);
23
- --color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);
24
- --color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);
25
- --color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);
20
+ --color-p3-dark: #5f0000;
21
+ --color-p3-darker: #4f0000;
22
+ --color-p3-darkest: #2c0000;
23
+ --color-p3-light: #8f3333;
24
+ --color-p3-lighter: #ab6666;
25
+ --color-p3-lightest: #c79999;
26
26
  --color-s1: #e1ecf7;
27
- --color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);
28
- --color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);
27
+ --color-s1-darker: #d5e4f4;
28
+ --color-s1-lighter: #f0f6fb;
29
29
  --color-s2: #c7d9ea;
30
- --color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);
31
- --color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);
30
+ --color-s2-dark: #adc7e0;
31
+ --color-s2-darker: #93b6d7;
32
32
  --color-s3: #9bb8d3;
33
- --color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);
34
- --color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);
35
- --color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);
33
+ --color-s3-dark: #82a6c8;
34
+ --color-s3-light: #c3d4e5;
35
+ --color-s3-lighter: #d7e3ed;
36
36
  --sub-nav-bg: var(--color-s1-lighter);
37
37
  --mobile-drawer: var(--color-p2);
38
38
  --mobile-drawer-active: var(--color-p2-light);
package/dist/css/colortheme-sacramento.min.css CHANGED
@@ -1 +1 @@
1
- :root{--color-p1: #7bb0da;--color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);--color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);--color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);--color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);--color-p2: #153554;--color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);--color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);--color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);--color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);--color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);--color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);--color-p3: #730000;--color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);--color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);--color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);--color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);--color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);--color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);--color-s1: #e1ecf7;--color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);--color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);--color-s2: #c7d9ea;--color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);--color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);--color-s3: #9bb8d3;--color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);--color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);--color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);--sub-nav-bg: var(--color-s1-lighter);--mobile-drawer: var(--color-p2);--mobile-drawer-active: var(--color-p2-light)}
1
+ :root{--color-p1: #7bb0da;--color-p1-dark: #6ba6d6;--color-p1-darker: #5f9fd2;--color-p1-darkest: #438fca;--color-p1-light: #95c0e1;--color-p1-lighter: #b0d0e9;--color-p1-lightest: #cadff0;--color-p2: #153554;--color-p2-dark: #112b44;--color-p2-darker: #0e2337;--color-p2-darkest: #07111b;--color-p2-light: #445d76;--color-p2-lighter: #738698;--color-p2-lightest: #a1aebb;--color-p3: #730000;--color-p3-dark: #5f0000;--color-p3-darker: #4f0000;--color-p3-darkest: #2c0000;--color-p3-light: #8f3333;--color-p3-lighter: #ab6666;--color-p3-lightest: #c79999;--color-s1: #e1ecf7;--color-s1-darker: #d5e4f4;--color-s1-lighter: #f0f6fb;--color-s2: #c7d9ea;--color-s2-dark: #adc7e0;--color-s2-darker: #93b6d7;--color-s3: #9bb8d3;--color-s3-dark: #82a6c8;--color-s3-light: #c3d4e5;--color-s3-lighter: #d7e3ed;--sub-nav-bg: var(--color-s1-lighter);--mobile-drawer: var(--color-p2);--mobile-drawer-active: var(--color-p2-light)}
package/dist/css/colortheme-santabarbara.css CHANGED
@@ -3,36 +3,36 @@
3
3
  ----------------------------------------- */
4
4
  :root {
5
5
  --color-p1: #ff9b53;
6
- --color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);
7
- --color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);
8
- --color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);
9
- --color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);
10
- --color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);
11
- --color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);
6
+ --color-p1-dark: #ff8f3f;
7
+ --color-p1-darker: #ff862f;
8
+ --color-p1-darkest: #ff710c;
9
+ --color-p1-light: #ffaf75;
10
+ --color-p1-lighter: #ffc398;
11
+ --color-p1-lightest: #ffd7ba;
12
12
  --color-p2: #834b1e;
13
- --color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);
14
- --color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);
15
- --color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);
16
- --color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);
17
- --color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);
18
- --color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);
13
+ --color-p2-dark: #72411a;
14
+ --color-p2-darker: #663a17;
15
+ --color-p2-darkest: #492a11;
16
+ --color-p2-light: #9c6f4b;
17
+ --color-p2-lighter: #b59378;
18
+ --color-p2-lightest: #cdb7a5;
19
19
  --color-p3: #664945;
20
- --color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);
21
- --color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);
22
- --color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);
23
- --color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);
24
- --color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);
25
- --color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);
20
+ --color-p3-dark: #5a403d;
21
+ --color-p3-darker: #513a37;
22
+ --color-p3-darkest: #3b2b28;
23
+ --color-p3-light: #856d6a;
24
+ --color-p3-lighter: #a3928f;
25
+ --color-p3-lightest: #c2b6b5;
26
26
  --color-s1: #f8eee4;
27
- --color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);
28
- --color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);
27
+ --color-s1-darker: #f5e6d8;
28
+ --color-s1-lighter: #fcf7f2;
29
29
  --color-s2: #f1dac2;
30
- --color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);
31
- --color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);
30
+ --color-s2-dark: #eac8a5;
31
+ --color-s2-darker: #e4b788;
32
32
  --color-s3: #e8bd90;
33
- --color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);
34
- --color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);
35
- --color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);
33
+ --color-s3-dark: #e2ab72;
34
+ --color-s3-light: #f1d7bc;
35
+ --color-s3-lighter: #f6e5d3;
36
36
  --sub-nav-bg: var(--color-s1-lighter);
37
37
  --mobile-drawer: var(--color-p3);
38
38
  --mobile-drawer-active: var(--color-p3-light);
package/dist/css/colortheme-santabarbara.min.css CHANGED
@@ -1 +1 @@
1
- :root{--color-p1: #ff9b53;--color-p1-dark: color-mix(in srgb, var(--color-p1), #000 15%);--color-p1-darker: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-darkest: color-mix(in srgb, var(--color-p1), #000 30%);--color-p1-light: color-mix(in srgb, var(--color-p1), #fff 15%);--color-p1-lighter: color-mix(in srgb, var(--color-p1), #fff 30%);--color-p1-lightest: color-mix(in srgb, var(--color-p1), #fff 60%);--color-p2: #834b1e;--color-p2-dark: color-mix(in srgb, var(--color-p2), #000 15%);--color-p2-darker: color-mix(in srgb, var(--color-p2), #000 30%);--color-p2-darkest: color-mix(in srgb, var(--color-p2), #000 60%);--color-p2-light: color-mix(in srgb, var(--color-p2), #fff 15%);--color-p2-lighter: color-mix(in srgb, var(--color-p2), #fff 30%);--color-p2-lightest: color-mix(in srgb, var(--color-p2), #fff 60%);--color-p3: #664945;--color-p3-dark: color-mix(in srgb, var(--color-p3), #000 15%);--color-p3-darker: color-mix(in srgb, var(--color-p3), #000 30%);--color-p3-darkest: color-mix(in srgb, var(--color-p3), #000 60%);--color-p3-light: color-mix(in srgb, var(--color-p3), #fff 15%);--color-p3-lighter: color-mix(in srgb, var(--color-p3), #fff 30%);--color-p3-lightest: color-mix(in srgb, var(--color-p3), #fff 60%);--color-s1: #f8eee4;--color-s1-darker: color-mix(in srgb, var(--color-s1), #000 5%);--color-s1-lighter: color-mix(in srgb, var(--color-s1), #fff 10%);--color-s2: #f1dac2;--color-s2-dark: color-mix(in srgb, var(--color-s2), #000 15%);--color-s2-darker: color-mix(in srgb, var(--color-s2), #000 30%);--color-s3: #e8bd90;--color-s3-dark: color-mix(in srgb, var(--color-s3), #000 15%);--color-s3-light: color-mix(in srgb, var(--color-s3), #fff 45%);--color-s3-lighter: color-mix(in srgb, var(--color-s3), #fff 60%);--sub-nav-bg: var(--color-s1-lighter);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}
1
+ :root{--color-p1: #ff9b53;--color-p1-dark: #ff8f3f;--color-p1-darker: #ff862f;--color-p1-darkest: #ff710c;--color-p1-light: #ffaf75;--color-p1-lighter: #ffc398;--color-p1-lightest: #ffd7ba;--color-p2: #834b1e;--color-p2-dark: #72411a;--color-p2-darker: #663a17;--color-p2-darkest: #492a11;--color-p2-light: #9c6f4b;--color-p2-lighter: #b59378;--color-p2-lightest: #cdb7a5;--color-p3: #664945;--color-p3-dark: #5a403d;--color-p3-darker: #513a37;--color-p3-darkest: #3b2b28;--color-p3-light: #856d6a;--color-p3-lighter: #a3928f;--color-p3-lightest: #c2b6b5;--color-s1: #f8eee4;--color-s1-darker: #f5e6d8;--color-s1-lighter: #fcf7f2;--color-s2: #f1dac2;--color-s2-dark: #eac8a5;--color-s2-darker: #e4b788;--color-s3: #e8bd90;--color-s3-dark: #e2ab72;--color-s3-light: #f1d7bc;--color-s3-lighter: #f6e5d3;--sub-nav-bg: var(--color-s1-lighter);--mobile-drawer: var(--color-p3);--mobile-drawer-active: var(--color-p3-light)}