@cagovweb/state-template 6.5.5 → 6.6.0-beta2
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/css/cagov.core.css +1101 -517
- package/dist/css/cagov.core.flat.css +1009 -404
- package/dist/css/cagov.core.min.css +1 -1
- package/dist/css/colortheme-delta.css +4 -0
- package/dist/css/colortheme-delta.min.css +1 -1
- package/dist/css/colortheme-eureka.css +4 -0
- package/dist/css/colortheme-eureka.min.css +1 -1
- package/dist/css/colortheme-mono.css +4 -0
- package/dist/css/colortheme-mono.min.css +1 -1
- package/dist/css/colortheme-oceanside.css +4 -0
- package/dist/css/colortheme-oceanside.min.css +1 -1
- package/dist/css/colortheme-orangecounty.css +4 -0
- package/dist/css/colortheme-orangecounty.min.css +1 -1
- package/dist/css/colortheme-pasorobles.css +4 -0
- package/dist/css/colortheme-pasorobles.min.css +1 -1
- package/dist/css/colortheme-sacramento.css +4 -0
- package/dist/css/colortheme-sacramento.min.css +1 -1
- package/dist/css/colortheme-santabarbara.css +4 -0
- package/dist/css/colortheme-santabarbara.min.css +1 -1
- package/dist/css/colortheme-santacruz.css +4 -0
- package/dist/css/colortheme-santacruz.min.css +1 -1
- package/dist/css/colortheme-shasta.css +4 -0
- package/dist/css/colortheme-shasta.min.css +1 -1
- package/dist/css/colortheme-sierra.css +4 -0
- package/dist/css/colortheme-sierra.min.css +1 -1
- package/dist/css/colortheme-trinity.css +4 -0
- package/dist/css/colortheme-trinity.min.css +1 -1
- package/dist/css/colortheme-ukiah-night.css +292 -0
- package/dist/css/colortheme-ukiah-night.min.css +1 -0
- package/dist/css/colortheme-ventura-night.css +279 -0
- package/dist/css/colortheme-ventura-night.min.css +1 -0
- package/dist/js/cagov.core.js +120 -53
- package/dist/js/cagov.core.min.js +2 -2
- package/dist/readme.md +2 -2
- package/package.json +2 -2
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation drawer background */
|
|
56
56
|
--mobile-drawer: var(--color-p3);
|
|
57
57
|
--mobile-drawer-active: var(--color-p3-light);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p2);
|
|
61
|
+
--link-color-hover: var(--color-p2-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
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);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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:#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);--link-color:var(--color-p2);--link-color-hover:var(--color-p2-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -54,6 +54,10 @@
|
|
|
54
54
|
/* Mobile navigation drawer background */
|
|
55
55
|
--mobile-drawer: var(--color-p3);
|
|
56
56
|
--mobile-drawer-active: var(--color-p3-light);
|
|
57
|
+
|
|
58
|
+
/* Global */
|
|
59
|
+
--link-color: var(--color-p2);
|
|
60
|
+
--link-color-hover: var(--color-p2-darker);
|
|
57
61
|
}
|
|
58
62
|
|
|
59
63
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
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);}@supports (color:color-mix){:root{--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-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-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-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%);--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-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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);--link-color:var(--color-p2);--link-color-hover:var(--color-p2-darker);}@supports (color:color-mix){:root{--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-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-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-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%);--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-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation drawer background */
|
|
56
56
|
--mobile-drawer: var(--color-p3);
|
|
57
57
|
--mobile-drawer-active: var(--color-p3-light);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p2);
|
|
61
|
+
--link-color-hover: var(--color-p2-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
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);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);--link-color:var(--color-p2);--link-color-hover:var(--color-p2-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation drawer background */
|
|
56
56
|
--mobile-drawer: var(--color-p2-darker);
|
|
57
57
|
--mobile-drawer-active: var(--color-p2);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p2);
|
|
61
|
+
--link-color-hover: var(--color-p2-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
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);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);--link-color:var(--color-p2);--link-color-hover:var(--color-p2-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation drawer background */
|
|
56
56
|
--mobile-drawer: var(--color-p3);
|
|
57
57
|
--mobile-drawer-active: var(--color-p3-light);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p2);
|
|
61
|
+
--link-color-hover: var(--color-p2-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
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);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);--link-color:var(--color-p2);--link-color-hover:var(--color-p2-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation drawer background */
|
|
56
56
|
--mobile-drawer: var(--color-p3);
|
|
57
57
|
--mobile-drawer-active: var(--color-p3-light);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p1);
|
|
61
|
+
--link-color-hover: var(--color-p1-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
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);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation drawer background */
|
|
56
56
|
--mobile-drawer: var(--color-p2);
|
|
57
57
|
--mobile-drawer-active: var(--color-p2-light);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p1);
|
|
61
|
+
--link-color-hover: var(--color-p1-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
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:#343b4b;--color-p3-dark:#2c323f;--color-p3-darker:#252a36;--color-p3-darkest:#171a21;--color-p3-light:#5d626f;--color-p3-lighter:#858993;--color-p3-lightest:#aeb1b7;--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-lighter);--mobile-drawer:var(--color-p2);--mobile-drawer-active:var(--color-p2-light);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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:#343b4b;--color-p3-dark:#2c323f;--color-p3-darker:#252a36;--color-p3-darkest:#171a21;--color-p3-light:#5d626f;--color-p3-lighter:#858993;--color-p3-lightest:#aeb1b7;--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-lighter);--mobile-drawer:var(--color-p2);--mobile-drawer-active:var(--color-p2-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation draver background */
|
|
56
56
|
--mobile-drawer: var(--color-p3);
|
|
57
57
|
--mobile-drawer-active: var(--color-p3-light);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p1);
|
|
61
|
+
--link-color-hover: var(--color-p1-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
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);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation draver background */
|
|
56
56
|
--mobile-drawer: var(--color-p3);
|
|
57
57
|
--mobile-drawer-active: var(--color-p3-light);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p1);
|
|
61
|
+
--link-color-hover: var(--color-p1-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--color-p1:#f5811b;--color-p1-dark:#f1760b;--color-p1-darker:#e26f0a;--color-p1-darkest:#c05e08;--color-p1-light:#f79a49;--color-p1-lighter:#f9b376;--color-p1-lightest:#fbcda4;--color-p2:#0f4f94;--color-p2-dark:#0d4581;--color-p2-darker:#0c3e74;--color-p2-darkest:#082c53;--color-p2-light:#3f72a9;--color-p2-lighter:#6f95bf;--color-p2-lightest:#9fb9d4;--color-p3:#2c2c4f;--color-p3-dark:#252542;--color-p3-darker:#1f1f38;--color-p3-darkest:#121221;--color-p3-light:#565672;--color-p3-lighter:#808095;--color-p3-lightest:#ababb9;--color-s1:#eff4fa;--color-s1-darker:#e3ecf6;--color-s1-lighter:#f7fafd;--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-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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:#f5811b;--color-p1-dark:#f1760b;--color-p1-darker:#e26f0a;--color-p1-darkest:#c05e08;--color-p1-light:#f79a49;--color-p1-lighter:#f9b376;--color-p1-lightest:#fbcda4;--color-p2:#0f4f94;--color-p2-dark:#0d4581;--color-p2-darker:#0c3e74;--color-p2-darkest:#082c53;--color-p2-light:#3f72a9;--color-p2-lighter:#6f95bf;--color-p2-lightest:#9fb9d4;--color-p3:#2c2c4f;--color-p3-dark:#252542;--color-p3-darker:#1f1f38;--color-p3-darkest:#121221;--color-p3-light:#565672;--color-p3-lighter:#808095;--color-p3-lightest:#ababb9;--color-s1:#eff4fa;--color-s1-darker:#e3ecf6;--color-s1-lighter:#f7fafd;--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-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation draver background */
|
|
56
56
|
--mobile-drawer: var(--color-p3);
|
|
57
57
|
--mobile-drawer-active: var(--color-p3-light);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p1);
|
|
61
|
+
--link-color-hover: var(--color-p1-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
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:#336c39;--color-p2-dark:#2c5e32;--color-p2-darker:#28542c;--color-p2-darkest:#1c3c1f;--color-p2-light:#5c8961;--color-p2-lighter:#85a788;--color-p2-lightest:#adc4b0;--color-p3:#3c4543;--color-p3-dark:#333a38;--color-p3-darker:#2b3230;--color-p3-darkest:#1b1f1e;--color-p3-light:#636a69;--color-p3-lighter:#8a8f8e;--color-p3-lightest:#b1b5b4;--color-s1:#e4f1e5;--color-s1-darker:#daecdb;--color-s1-lighter:#f2f8f2;--color-s2:#daefe8;--color-s2-dark:#c1e4d9;--color-s2-darker:#a8d9c9;--color-s3:#a1cca1;--color-s3-dark:#8abf8a;--color-s3-light:#c7e0c7;--color-s3-lighter:#d9ebd9;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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:#336c39;--color-p2-dark:#2c5e32;--color-p2-darker:#28542c;--color-p2-darkest:#1c3c1f;--color-p2-light:#5c8961;--color-p2-lighter:#85a788;--color-p2-lightest:#adc4b0;--color-p3:#3c4543;--color-p3-dark:#333a38;--color-p3-darker:#2b3230;--color-p3-darkest:#1b1f1e;--color-p3-light:#636a69;--color-p3-lighter:#8a8f8e;--color-p3-lightest:#b1b5b4;--color-s1:#e4f1e5;--color-s1-darker:#daecdb;--color-s1-lighter:#f2f8f2;--color-s2:#daefe8;--color-s2-dark:#c1e4d9;--color-s2-darker:#a8d9c9;--color-s3:#a1cca1;--color-s3-dark:#8abf8a;--color-s3-light:#c7e0c7;--color-s3-lighter:#d9ebd9;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation draver background */
|
|
56
56
|
--mobile-drawer: var(--color-p3);
|
|
57
57
|
--mobile-drawer-active: var(--color-p3-light);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p1);
|
|
61
|
+
--link-color-hover: var(--color-p1-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
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:#476;--color-p2-dark:#3d6a5b;--color-p2-darker:#376053;--color-p2-darkest:#2a4a3f;--color-p2-light:#699285;--color-p2-lighter:#8fada3;--color-p2-lightest:#b4c9c2;--color-p3:#194949;--color-p3-dark:#143a3a;--color-p3-darker:#102e2e;--color-p3-darkest:#071414;--color-p3-light:#476d6d;--color-p3-lighter:#759292;--color-p3-lightest:#a3b6b6;--color-s1:#e8f1ee;--color-s1-darker:#deebe7;--color-s1-lighter:#f4f8f7;--color-s2:#daefe8;--color-s2-dark:#c1e4d9;--color-s2-darker:#a8d9c9;--color-s3:#a1cca1;--color-s3-dark:#8abf8a;--color-s3-light:#c7e0c7;--color-s3-lighter:#d9ebd9;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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:#476;--color-p2-dark:#3d6a5b;--color-p2-darker:#376053;--color-p2-darkest:#2a4a3f;--color-p2-light:#699285;--color-p2-lighter:#8fada3;--color-p2-lightest:#b4c9c2;--color-p3:#194949;--color-p3-dark:#143a3a;--color-p3-darker:#102e2e;--color-p3-darkest:#071414;--color-p3-light:#476d6d;--color-p3-lighter:#759292;--color-p3-lightest:#a3b6b6;--color-s1:#e8f1ee;--color-s1-darker:#deebe7;--color-s1-lighter:#f4f8f7;--color-s2:#daefe8;--color-s2-dark:#c1e4d9;--color-s2-darker:#a8d9c9;--color-s3:#a1cca1;--color-s3-dark:#8abf8a;--color-s3-light:#c7e0c7;--color-s3-lighter:#d9ebd9;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
/* Mobile navigation draver background */
|
|
56
56
|
--mobile-drawer: var(--color-p3);
|
|
57
57
|
--mobile-drawer-active: var(--color-p3-light);
|
|
58
|
+
|
|
59
|
+
/* Global */
|
|
60
|
+
--link-color: var(--color-p1);
|
|
61
|
+
--link-color-hover: var(--color-p1-darker);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
/* color-mix is used for the newer browsers */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--color-p1:#c19e73;--color-p1-dark:#bb9465;--color-p1-darker:#b68d5a;--color-p1-darkest:#a47b49;--color-p1-light:#cdb18f;--color-p1-lighter:#dac5ab;--color-p1-lightest:#e6d8c7;--color-p2:#446a7c;--color-p2-dark:#3d5f6f;--color-p2-darker:#375665;--color-p2-darkest:#2b434e;--color-p2-light:#698896;--color-p2-lighter:#8fa6b0;--color-p2-lightest:#b4c3cb;--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:#eff5f8;--color-s1-darker:#e4eef3;--color-s1-lighter:#f7fafc;--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);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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:#c19e73;--color-p1-dark:#bb9465;--color-p1-darker:#b68d5a;--color-p1-darkest:#a47b49;--color-p1-light:#cdb18f;--color-p1-lighter:#dac5ab;--color-p1-lightest:#e6d8c7;--color-p2:#446a7c;--color-p2-dark:#3d5f6f;--color-p2-darker:#375665;--color-p2-darkest:#2b434e;--color-p2-light:#698896;--color-p2-lighter:#8fa6b0;--color-p2-lightest:#b4c3cb;--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:#eff5f8;--color-s1-darker:#e4eef3;--color-s1-lighter:#f7fafc;--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);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--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-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-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-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--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-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);}}
|
|
@@ -0,0 +1,292 @@
|
|
|
1
|
+
/* -----------------------------------------
|
|
2
|
+
UKIAH NIGHT COLOR THEME
|
|
3
|
+
----------------------------------------- */
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
/* Highlight */
|
|
7
|
+
--color-p1: #56bfec;
|
|
8
|
+
--color-p1-dark: #349ed1;
|
|
9
|
+
--color-p1-darker: #007fb5;
|
|
10
|
+
--color-p1-darkest: #006590;
|
|
11
|
+
--color-p1-light: #a5ddf5;
|
|
12
|
+
--color-p1-lighter: #dbf1fb;
|
|
13
|
+
--color-p1-lightest: #f4fbfe;
|
|
14
|
+
|
|
15
|
+
/* Primary */
|
|
16
|
+
--color-p2: #001c29;
|
|
17
|
+
--color-p2-dark: #00151f;
|
|
18
|
+
--color-p2-darker: #000e14;
|
|
19
|
+
--color-p2-darkest: #000;
|
|
20
|
+
--color-p2-light: #002334;
|
|
21
|
+
--color-p2-lighter: #003248;
|
|
22
|
+
--color-p2-lightest: #00405d;
|
|
23
|
+
|
|
24
|
+
/* Standout */
|
|
25
|
+
--color-p3: #001c2a;
|
|
26
|
+
--color-p3-dark: #00141e;
|
|
27
|
+
--color-p3-darker: #000e14;
|
|
28
|
+
--color-p3-darkest: #00090f;
|
|
29
|
+
--color-p3-light: #002939;
|
|
30
|
+
--color-p3-lighter: #042c3c;
|
|
31
|
+
--color-p3-lightest: #093240;
|
|
32
|
+
|
|
33
|
+
/* Secondary 1 */
|
|
34
|
+
--color-s1: #014a72;
|
|
35
|
+
--color-s1-darker: #00344b;
|
|
36
|
+
--color-s1-lighter: #005e87;
|
|
37
|
+
|
|
38
|
+
/* Secondary 2 */
|
|
39
|
+
--color-s2: #262527;
|
|
40
|
+
--color-s2-dark: #19181a;
|
|
41
|
+
--color-s2-darker: #0f0e0f;
|
|
42
|
+
|
|
43
|
+
/* Secondary 3 */
|
|
44
|
+
--color-s3: #003248;
|
|
45
|
+
--color-s3-dark: #002334;
|
|
46
|
+
--color-s3-light: #00405d;
|
|
47
|
+
--color-s3-lighter: #004e72;
|
|
48
|
+
|
|
49
|
+
/* gray */
|
|
50
|
+
--gray-50: #f7fafe;
|
|
51
|
+
--gray-75: #eef3f9;
|
|
52
|
+
--gray-100: #e7eef6;
|
|
53
|
+
--gray-200: #c9d5e5;
|
|
54
|
+
--gray-300: #aebdd1;
|
|
55
|
+
--gray-400: #95a6bb;
|
|
56
|
+
--gray-500: #7a8c9f;
|
|
57
|
+
--gray-600: #657689;
|
|
58
|
+
--gray-700: #546374;
|
|
59
|
+
--gray-800: #444f5d;
|
|
60
|
+
--gray-900: #36404b;
|
|
61
|
+
|
|
62
|
+
/* dark theme unique variables */
|
|
63
|
+
--color-primary: var(--color-p1);
|
|
64
|
+
--color-primary-dark: var(--color-p1-darker);
|
|
65
|
+
--color-primary-light: var(--color-p1-lighter);
|
|
66
|
+
|
|
67
|
+
/* Accent colors */
|
|
68
|
+
--code-color: #eb5c9c;
|
|
69
|
+
--color-a1: #5aaae7;
|
|
70
|
+
--color-a2: #3ab5f8;
|
|
71
|
+
--color-a3: #31afa0;
|
|
72
|
+
--color-a4: #42af3c;
|
|
73
|
+
--color-a5: #ac92ce;
|
|
74
|
+
--color-a6: #d274dc;
|
|
75
|
+
--color-a7: #e48c81;
|
|
76
|
+
--color-a8: #f17827;
|
|
77
|
+
|
|
78
|
+
/* social media brand colors */
|
|
79
|
+
--share-facebook: var(--gray-200);
|
|
80
|
+
--share-facebook-hover: color-mix(in srgb, var(--share-facebook), #000 15%);
|
|
81
|
+
--share-twitter: var(--gray-200);
|
|
82
|
+
--share-twitter-hover: color-mix(in srgb, var(--share-twitter), #000 15%);
|
|
83
|
+
--share-googleplus: var(--gray-200);
|
|
84
|
+
--share-googleplus-hover: color-mix(
|
|
85
|
+
in srgb,
|
|
86
|
+
var(--share-googleplus),
|
|
87
|
+
#000 15%
|
|
88
|
+
);
|
|
89
|
+
--share-flickr: var(--gray-200);
|
|
90
|
+
--share-linkedin: var(--gray-200);
|
|
91
|
+
--share-instagram: var(--gray-200);
|
|
92
|
+
--share-snapchat: var(--gray-200);
|
|
93
|
+
--share-youtube: var(--gray-200);
|
|
94
|
+
--share-pinterest: var(--gray-200);
|
|
95
|
+
--share-vimeo: var(--gray-200);
|
|
96
|
+
--share-email: var(--gray-200);
|
|
97
|
+
--share-github: var(--gray-200);
|
|
98
|
+
|
|
99
|
+
/* Override semantic variables (which affects side-nav and more) */
|
|
100
|
+
--body-bg: var(--color-p2-darker);
|
|
101
|
+
--base-light: var(--black);
|
|
102
|
+
--base-dark: var(--white);
|
|
103
|
+
--default-bg: var(--color-p3);
|
|
104
|
+
--default-bg-darker: var(--color-p3-light);
|
|
105
|
+
--default-bg-hover: var(--color-p3-light);
|
|
106
|
+
--default-bg-hover-darker: var(--color-p3-darkest);
|
|
107
|
+
--text-color: #fafafa;
|
|
108
|
+
--text-color-hover: #fff;
|
|
109
|
+
--text-muted: #bababa;
|
|
110
|
+
--text-secondary: #d1d1d1;
|
|
111
|
+
--blockquote-small-color: #ededef;
|
|
112
|
+
--link-color: var(--color-p1, #ffb300);
|
|
113
|
+
--link-color-hover: var(--color-p1-lighter, #fbde84);
|
|
114
|
+
--dark-section-link-color: var(--color-p1);
|
|
115
|
+
--dark-section-link-color-hover: var(--color-p1-lighter);
|
|
116
|
+
--outline-default-color: #85cbf9;
|
|
117
|
+
--outline-dark-mode-color: #0b8ee5;
|
|
118
|
+
--ca-gov-logo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8192 4563'><path fill='%23ffffff' d='M7850 3454l-4 2c-6-125-108-382-197-463 39-115-15-173-46-212-18-23-79-39-106-49-97-147-304-280-593-365-188-55-410-91-661-96-11 0-24-1-37-1-25 0-53 1-84 3-230 13-583 64-665 64h-7c-35-2-120-40-221-79-119-47-257-98-360-98 0 0-21 0-31 2-97 12-324 157-409 203-58 32-335 150-345 153-133 45-227 197-267 223-4-16-54-86-125-86s-17 1-25 3c-86 36-80 99-80 130-17-7-42-38-89-37s-37 4-59 14c-95 51-44 134-66 163-34 45-146 157-188 234-18 32 2 115-12 148-37 91-238 251-256 288-7 17 47 71 114 123 61 48 82 79 175 104s385-51 443-57h1c17 0 47 11 86 21 34 9 75 17 121 17s26 0 39-2c60-13 100-40 133-73 54-55 86-125 148-152 47-21 108-37 161-37s50 4 70 13c-99 177-77 414-112 448-39 37-69 76-92 113-85 130-97 248-137 276-11 8-26 10-42 10-46 0-109-22-154-22s-20 1-29 4c-53 19-176 133-131 160 14 1 216 1 428 1h184c6 0 118-103 124-103h299c28-4 25-49 154-115 146-57 76-339 263-554 2 0 57-52 70-52 65 0 174 118 566 118s487-135 541-135 81 41 81 54c-175 298 266 632 230 653-1 1-3 1-4 1-15 0-58-24-122-24s-55 4-87 15c-72 24-129 114-74 141 15 0 190 1 364 1s194 0 263-1c22-3 20-45 19-86-1-27-1-53 5-68 18-24 35-108 81-167 46-50 81-89 119-89s31 7 47 21c83 45 282 70 395 111 47 17 80 36 82 62-2 14-13 18-29 18s-15-1-23-2c-28-4-64-13-99-13s-36 3-52 9c-51 19-103 75-118 116-8 22-5 40 16 45h470c54 0 34-108 154-348 18-68-151-160-175-288-16-84-32-250-34-412l3-1 1-1hZ'/><path fill='%23ffffff' d='M5362 193h774l711 1843c-187-43-388-67-598-72h-44c-30 0-61 1-90 3h-10c-13 1-26 2-39 3l-312-807-327 846c-9-4-18-8-27-11-19-8-39-16-59-24-156-62-269-113-422-121-153-7-208 25-208 25l651-1685ZM2279 4542c478 0 838-95 1157-264l69-174c-113 17-258 49-374 21s-180-75-289-161c-42-33-109-87-161-159-120 28-248 43-389 43-924 0-1569-643-1569-1563s681-1568 1550-1550c476 10 919 194 1318 593l283-718C3432 236 2874 30 2292 30S1107 249 685 646C246 1058 4 1639 4 2281c0 1332 936 2262 2275 2262v-1h0Z'/></svg>")
|
|
119
|
+
no-repeat;
|
|
120
|
+
--text-field-bg-color: var(--body-bg);
|
|
121
|
+
--text-field-color: var(--text-color);
|
|
122
|
+
--brand-danger: #e28579;
|
|
123
|
+
|
|
124
|
+
/* utility header */
|
|
125
|
+
--utility-link: var(--white);
|
|
126
|
+
--utility-link-hover: var(--text-color);
|
|
127
|
+
--utility-header-background: var(--color-p3);
|
|
128
|
+
|
|
129
|
+
/* Megamenu sub navigation background */
|
|
130
|
+
--sub-nav-bg: var(--color-s1-lighter);
|
|
131
|
+
|
|
132
|
+
/* Mobile navigation drawer */
|
|
133
|
+
--mobile-drawer: var(--color-p3);
|
|
134
|
+
--mobile-drawer-active: var(--color-p3-light);
|
|
135
|
+
--bs-body-bg: var(--color-p2);
|
|
136
|
+
|
|
137
|
+
/* Target custom side-nav variables that have no semantic mapping */
|
|
138
|
+
--sidenav-active-bg: var(--color-s1);
|
|
139
|
+
--sidenav-active-color: var(--color-p1-lighter);
|
|
140
|
+
--sidenav-hover-bg: var(--color-p2);
|
|
141
|
+
--sidenav-active-hover-bg: var(--color-s1-darker);
|
|
142
|
+
--sidenav-active-hover-color: var(--color-p1-light);
|
|
143
|
+
--border-color-muted: var(--gray-800);
|
|
144
|
+
--border-color-default: var(--gray-600);
|
|
145
|
+
|
|
146
|
+
/* Custom form check SVG icons for dark mode */
|
|
147
|
+
--cagov-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
|
|
148
|
+
--cagov-form-radio-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
|
|
149
|
+
--cagov-form-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
|
|
150
|
+
--cagov-form-select-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'><path fill='%23fff' d='M17.087 10.35l-4.337 4.336-4.337-4.336c-0.293-0.293-0.768-0.293-1.060 0s-0.293 0.768 0 1.060l4.864 4.864c0.147 0.147 0.341 0.221 0.533 0.219 0.194 0 0.386-0.072 0.533-0.219l4.865-4.864c0.293-0.293 0.293-0.768 0-1.060s-0.768-0.293-1.061 0z'/></svg>");
|
|
151
|
+
|
|
152
|
+
/* Main navigation */
|
|
153
|
+
--mobile-menu-icon-color: var(--text-color);
|
|
154
|
+
--main-nav-color: var(--text-color);
|
|
155
|
+
--main-nav-color-hover: var(--text-color);
|
|
156
|
+
--main-nav-bg: var(--color-p2);
|
|
157
|
+
--main-nav-bg-hover: var(--color-p2-light);
|
|
158
|
+
--main-nav-border-color: var(--color-p2-darker);
|
|
159
|
+
--main-nav-color-active: var(--text-color);
|
|
160
|
+
--main-nav-color-active-hover: var(--text-color);
|
|
161
|
+
--main-nav-bg-active: var(--color-p2-light);
|
|
162
|
+
--main-nav-bg-active-hover: var(--color-p2-lighter);
|
|
163
|
+
|
|
164
|
+
/* global footer */
|
|
165
|
+
--global-footer-bg: var(--color-p3);
|
|
166
|
+
--footer-links-color: var(--white);
|
|
167
|
+
--footer-links-color-hover: var(--color-p1);
|
|
168
|
+
|
|
169
|
+
/* BUTTONS */
|
|
170
|
+
|
|
171
|
+
/* Primary Button */
|
|
172
|
+
--primary-btn-color: var(--gray-800);
|
|
173
|
+
--primary-btn-bg: var(--white);
|
|
174
|
+
--primary-btn-border-color: var(--white);
|
|
175
|
+
--primary-btn-color-hover: var(--black);
|
|
176
|
+
--primary-btn-bg-hover: var(--gray-200);
|
|
177
|
+
--primary-btn-border-color-hover: var(--gray-200);
|
|
178
|
+
--primary-btn-color-disabled: var(--gray-700);
|
|
179
|
+
--btn-hover-primary-bg: var(--white);
|
|
180
|
+
--btn-hover-primary-overlay: var(--gray-100);
|
|
181
|
+
--outline-primary-btn: var(--black);
|
|
182
|
+
|
|
183
|
+
/* Primary Outline Button */
|
|
184
|
+
--primary-outline-btn-color: var(--white);
|
|
185
|
+
--primary-outline-btn-bg: var(--body-bg);
|
|
186
|
+
--primary-outline-btn-border-color: var(--white);
|
|
187
|
+
--primary-outline-btn-color-hover: var(--black);
|
|
188
|
+
--primary-outline-btn-bg-hover: var(--white);
|
|
189
|
+
--primary-outline-btn-border-color-hover: var(--white);
|
|
190
|
+
--primary-outline-btn-color-disabled: var(--gray-200);
|
|
191
|
+
--outline-primary-outline-btn: var(--outline-for-light-bg);
|
|
192
|
+
|
|
193
|
+
/* Default Button */
|
|
194
|
+
--default-btn-color: var(--text-color);
|
|
195
|
+
--default-btn-bg: var(--color-p3);
|
|
196
|
+
--default-btn-border-color: var(--gray-200);
|
|
197
|
+
--default-btn-color-hover: var(--white);
|
|
198
|
+
--default-btn-bg-hover: var(--color-p3-lightest);
|
|
199
|
+
--default-btn-border-color-hover: var(--white);
|
|
200
|
+
--btn-hover-default-bg: var(--color-p3);
|
|
201
|
+
--btn-hover-default-overlay: var(--color-p3-darkest);
|
|
202
|
+
--outline-default-btn: var(--outline-for-dark-bg);
|
|
203
|
+
|
|
204
|
+
/* Standout Button */
|
|
205
|
+
--standout-btn-color: var(--black);
|
|
206
|
+
--standout-btn-bg: var(--gray-200);
|
|
207
|
+
--standout-btn-border-color: var(--gray-200);
|
|
208
|
+
--standout-btn-color-hover: var(--gray-700);
|
|
209
|
+
--standout-btn-bg-hover: var(--white);
|
|
210
|
+
--standout-btn-border-color-hover: var(--white);
|
|
211
|
+
--btn-hover-standout-bg: var(--gray-200);
|
|
212
|
+
--btn-hover-standout-overlay: var(--white);
|
|
213
|
+
--outline-standout-btn: var(--outline-for-light-bg);
|
|
214
|
+
|
|
215
|
+
/* Standout Outline Button */
|
|
216
|
+
--standout-outline-btn-color: var(--gray-75);
|
|
217
|
+
--standout-outline-btn-bg: transparent;
|
|
218
|
+
--standout-outline-btn-border-color: var(--gray-75);
|
|
219
|
+
--standout-outline-btn-color-hover: var(--black);
|
|
220
|
+
--standout-outline-btn-bg-hover: var(--gray-75);
|
|
221
|
+
--standout-outline-btn-border-color-hover: var(--gray-75);
|
|
222
|
+
--outline-standout-outline-btn: var(--outline-dark-mode-color);
|
|
223
|
+
|
|
224
|
+
/* Highlight Button */
|
|
225
|
+
--highlight-btn-color: var(--gray-900);
|
|
226
|
+
--highlight-btn-bg: var(--color-p1);
|
|
227
|
+
--highlight-btn-border-color: var(--color-p1);
|
|
228
|
+
--highlight-btn-color-hover: var(--black);
|
|
229
|
+
--highlight-btn-bg-hover: var(--white);
|
|
230
|
+
--highlight-btn-border-color-hover: var(--white);
|
|
231
|
+
--highlight-btn-color-disabled: var(--gray-900);
|
|
232
|
+
--btn-hover-highlight-bg: var(--color-p1);
|
|
233
|
+
--btn-hover-highlight-overlay: var(--white);
|
|
234
|
+
--outline-highlight-btn: var(--outline-for-light-bg);
|
|
235
|
+
|
|
236
|
+
/* Highlight Outline Button */
|
|
237
|
+
--highlight-outline-btn-color: var(--color-p1);
|
|
238
|
+
--highlight-outline-btn-bg: transparent;
|
|
239
|
+
--highlight-outline-btn-border-color: var(--color-p1);
|
|
240
|
+
--highlight-outline-btn-color-hover: var(--black);
|
|
241
|
+
--highlight-outline-btn-bg-hover: var(--color-p1);
|
|
242
|
+
--highlight-outline-btn-border-color-hover: var(--color-p1);
|
|
243
|
+
--highlight-outline-btn-color-disabled: var(--color-p1);
|
|
244
|
+
--outline-highlight-outline-btn: var(--outline-dark-mode-color);
|
|
245
|
+
|
|
246
|
+
/* Secondary Button */
|
|
247
|
+
--secondary-btn-color: var(--text-color);
|
|
248
|
+
--secondary-btn-bg: var(--color-s1);
|
|
249
|
+
--secondary-btn-border-color: var(--color-s1);
|
|
250
|
+
--secondary-btn-color-hover: var(--white);
|
|
251
|
+
--secondary-btn-bg-hover: var(--color-s1-lighter);
|
|
252
|
+
--secondary-btn-border-color-hover: var(--color-s1-lighter);
|
|
253
|
+
--btn-hover-secondary-bg: var(--color-s1);
|
|
254
|
+
--btn-hover-secondary-overlay: var(--color-s1-darker);
|
|
255
|
+
--outline-secondary-btn: var(--outline-for-dark-bg);
|
|
256
|
+
|
|
257
|
+
/* Secondary Outline Button */
|
|
258
|
+
--secondary-outline-btn-color: var(--gray-100);
|
|
259
|
+
--secondary-outline-btn-bg: transparent;
|
|
260
|
+
--secondary-outline-btn-border-color: var(--gray-300);
|
|
261
|
+
--secondary-outline-btn-color-hover: var(--white);
|
|
262
|
+
--secondary-outline-btn-bg-hover: var(--color-s1);
|
|
263
|
+
--secondary-outline-btn-border-color-hover: var(--gray-300);
|
|
264
|
+
--outline-secondary-outline-btn: var(--outline-for-dark-bg);
|
|
265
|
+
|
|
266
|
+
/* S1 Button */
|
|
267
|
+
--s1-btn-color: var(--text-color);
|
|
268
|
+
--s1-btn-bg: var(--color-s2);
|
|
269
|
+
--s1-btn-border-color: var(--color-s2);
|
|
270
|
+
--s1-btn-color-hover: var(--white);
|
|
271
|
+
--s1-btn-bg-hover: var(--color-s2-dark);
|
|
272
|
+
--s1-btn-border-color-hover: var(--color-s2-dark);
|
|
273
|
+
--outline-s1-btn: var(--outline-dark-mode-color);
|
|
274
|
+
|
|
275
|
+
/* Light Outline Button */
|
|
276
|
+
--light-outline-btn-color: var(--white);
|
|
277
|
+
--light-outline-btn-bg: transparent;
|
|
278
|
+
--light-outline-btn-border-color: var(--white);
|
|
279
|
+
--light-outline-btn-color-hover: var(--black);
|
|
280
|
+
--light-outline-btn-bg-hover: var(--white);
|
|
281
|
+
--light-outline-btn-border-color-hover: var(--white);
|
|
282
|
+
--outline-light-outline-btn: var(--outline-dark-mode-color);
|
|
283
|
+
|
|
284
|
+
/* Link Grid */
|
|
285
|
+
--link-grid-color: var(--white);
|
|
286
|
+
--link-grid-hover-bg: var(--color-p2-light);
|
|
287
|
+
--link-grid-hover-color: var(--white);
|
|
288
|
+
--link-grid-border-bottom-color: var(--color-p1);
|
|
289
|
+
|
|
290
|
+
/* cards */
|
|
291
|
+
--card-bg: var(--color-p3);
|
|
292
|
+
}
|