@tilli-pro/cookieconsent-plugin 0.6.0 → 0.7.23
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/.cache/tsbuildinfo.json +1 -1
- package/demos/demo.html +3 -3
- package/demos/demo.min.html +1 -1
- package/demos/demo.styles.dark.html +10 -1
- package/demos/demo.styles.dark.min.html +9 -0
- package/demos/demo.styles.nudge.dark.html +18 -0
- package/demos/demo.styles.nudge.dark.min.html +9 -0
- package/demos/demo.styles.nudge.light.html +18 -0
- package/demos/demo.styles.nudge.light.min.html +9 -0
- package/demos/demo.styles.tenant_con-edison.dark.html +18 -0
- package/demos/demo.styles.tenant_con-edison.dark.min.html +9 -0
- package/demos/demo.styles.tenant_con-edison.light.html +18 -0
- package/demos/demo.styles.tenant_con-edison.light.min.html +9 -0
- package/demos/demo.styles.tenant_freeman.dark.html +18 -0
- package/demos/demo.styles.tenant_freeman.dark.min.html +9 -0
- package/demos/demo.styles.tenant_freeman.light.html +18 -0
- package/demos/demo.styles.tenant_frontier.dark.html +18 -0
- package/demos/demo.styles.tenant_frontier.dark.min.html +9 -0
- package/demos/demo.styles.tenant_frontier.light.html +18 -0
- package/demos/demo.styles.tenant_frontier.light.min.html +9 -0
- package/demos/demo.styles.tenant_oru.dark.html +18 -0
- package/demos/demo.styles.tenant_oru.dark.min.html +9 -0
- package/demos/demo.styles.tenant_oru.light.html +18 -0
- package/demos/demo.styles.tenant_oru.light.min.html +10 -0
- package/demos/demo.styles.tilli-pay.dark.html +18 -0
- package/demos/demo.styles.tilli-pay.dark.min.html +9 -0
- package/demos/demo.styles.tilli-pay.light.html +18 -0
- package/demos/demo.styles.tilli-pay.light.min.html +9 -0
- package/demos/demo.styles.tilli-website.dark.html +18 -0
- package/demos/demo.styles.tilli-website.dark.min.html +9 -0
- package/demos/demo.styles.tilli-website.light.html +18 -0
- package/demos/demo.styles.tilli-website.light.min.html +9 -0
- package/dist/_types.d.ts +1 -1
- package/dist/_types.d.ts.map +1 -1
- package/dist/_utils.d.ts +2 -2
- package/dist/_utils.d.ts.map +1 -1
- package/dist/_utils.js +2 -0
- package/dist/config/gui-options/html-components/ManageCookiePrefsButton.d.ts.map +1 -1
- package/dist/config/gui-options/html-components/ManageCookiePrefsButton.js +3 -0
- package/dist/config/gui-options/html-components/assets/CookieIcon.js +1 -1
- package/dist/init/nudge-website.d.ts +2 -0
- package/dist/init/nudge-website.d.ts.map +1 -0
- package/dist/init/nudge-website.js +124 -0
- package/dist/init/nudge.d.ts +2 -0
- package/dist/init/nudge.d.ts.map +1 -0
- package/dist/init/nudge.js +32 -0
- package/dist/init/tilli-pay-website.d.ts +2 -0
- package/dist/init/tilli-pay-website.d.ts.map +1 -0
- package/dist/init/tilli-pay-website.js +204 -0
- package/dist/init/tilli-pay.d.ts +2 -0
- package/dist/init/tilli-pay.d.ts.map +1 -0
- package/dist/init/tilli-pay.js +22 -0
- package/dist/init/tilli-website.js +188 -2
- package/dist/init/tilliX.d.ts +2 -0
- package/dist/init/tilliX.d.ts.map +1 -0
- package/dist/init/tilliX.js +24 -0
- package/dist/init/utils.script.d.ts +26 -0
- package/dist/init/utils.script.d.ts.map +1 -0
- package/dist/init/utils.script.js +63 -0
- package/dist/init.d.ts +1 -1
- package/dist/init.d.ts.map +1 -1
- package/dist/init.js +4 -2
- package/dist/styles/index.d.ts +5 -0
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/index.js +5 -0
- package/dist/styles/nudge.css +121 -0
- package/dist/styles/tenants/con-edison.css +157 -0
- package/dist/styles/tenants/freeman.css +56 -1
- package/dist/styles/tenants/frontier.css +59 -2
- package/dist/styles/tenants/oru.css +157 -0
- package/dist/styles/tilli-pay.css +121 -0
- package/dist/styles/tilli-website.css +121 -0
- package/package.json +1 -1
- package/src/_types.ts +3 -2
- package/src/_utils.ts +5 -3
- package/src/config/gui-options/html-components/ManageCookiePrefsButton.ts +3 -0
- package/src/config/gui-options/html-components/assets/CookieIcon.ts +1 -1
- package/src/init/nudge-website.ts +140 -0
- package/src/init/nudge.ts +45 -0
- package/src/init/tilli-pay-website.ts +221 -0
- package/src/init/tilli-pay.ts +35 -0
- package/src/init/tilli-website.ts +192 -2
- package/src/init/tilliX.ts +37 -0
- package/src/init/utils.script.ts +72 -0
- package/src/init.ts +4 -2
- package/src/styles/index.ts +5 -0
- package/src/styles/nudge.css +121 -0
- package/src/styles/tenants/con-edison.css +157 -0
- package/src/styles/tenants/freeman.css +56 -1
- package/src/styles/tenants/frontier.css +59 -2
- package/src/styles/tenants/oru.css +157 -0
- package/src/styles/tilli-pay.css +121 -0
- package/src/styles/tilli-website.css +121 -0
- package/demos/demo.styles.freeman.html +0 -9
- package/demos/demo.styles.frontier.html +0 -9
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
/** extracts the `theme` parameter from the script URL */
|
|
2
|
+
export function getThemeFromScriptUrl(scriptUrl) {
|
|
3
|
+
const url = new URL(scriptUrl, document.baseURI);
|
|
4
|
+
return url.searchParams.get("theme");
|
|
5
|
+
}
|
|
6
|
+
/** adds a `cc--<theme>` CSS class to the <html> element, if not already present */
|
|
7
|
+
export function addHtmlClass(theme) {
|
|
8
|
+
const className = `cc--${theme}`;
|
|
9
|
+
const htmlEl = document.documentElement;
|
|
10
|
+
if (!htmlEl.classList.contains(className))
|
|
11
|
+
htmlEl.classList.add(className);
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* determines the URL of the currently executing script
|
|
15
|
+
* - (works for both ES modules (`import.meta.url`) and classic scripts (`document.currentScript`))
|
|
16
|
+
* @returns The script URL, or `undefined` if it cannot be determined.
|
|
17
|
+
*/
|
|
18
|
+
export function getCurrentScriptUrl() {
|
|
19
|
+
if (typeof document !== "undefined" &&
|
|
20
|
+
document.currentScript instanceof HTMLScriptElement)
|
|
21
|
+
return document.currentScript.src;
|
|
22
|
+
if (typeof import.meta !== "undefined" &&
|
|
23
|
+
typeof import.meta.url === "string")
|
|
24
|
+
return import.meta.url;
|
|
25
|
+
console.warn("[cc-plugin]: unable to resolve current script URL");
|
|
26
|
+
return undefined;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* inits theme by reading the `theme` query param from the provided script URL (or auto-detected script)
|
|
30
|
+
* and then adding the corresponding CSS class to <html>.
|
|
31
|
+
*
|
|
32
|
+
* @param scriptUrl - Optional explicit URL; if omitted, auto-detection is used
|
|
33
|
+
*
|
|
34
|
+
* @usage in an ES module entry point:
|
|
35
|
+
* import { initTheme } from './init/utils.script.ts';
|
|
36
|
+
* initTheme(import.meta.url);
|
|
37
|
+
*
|
|
38
|
+
* @usage in a classic script:
|
|
39
|
+
* import { initTheme } from './init/utils.script.ts';
|
|
40
|
+
* initTheme();
|
|
41
|
+
*/
|
|
42
|
+
export function initTheme(scriptUrl) {
|
|
43
|
+
const src = scriptUrl ?? getCurrentScriptUrl();
|
|
44
|
+
if (!src)
|
|
45
|
+
return;
|
|
46
|
+
/** first, try to get theme from the direct script URL */
|
|
47
|
+
let theme = getThemeFromScriptUrl(src);
|
|
48
|
+
/** otherwise, try checking the URL of the script that loaded this script */
|
|
49
|
+
if (!theme) {
|
|
50
|
+
/** extract git SHA from the URL (looking for @<sha>/ in the path) */
|
|
51
|
+
const shaMatch = src.match(/@([0-9a-f]{7,40})\b/);
|
|
52
|
+
const sha = shaMatch ? shaMatch[1] : null;
|
|
53
|
+
if (sha && typeof document !== "undefined") {
|
|
54
|
+
/** find a <script> whose src contains the same SHA and "/init" in the path */
|
|
55
|
+
const scripts = Array.from(document.getElementsByTagName("script"));
|
|
56
|
+
const candidate = scripts.find((s) => s.src.includes(`@${sha}/`) && s.src.includes("/init"));
|
|
57
|
+
if (candidate)
|
|
58
|
+
theme = getThemeFromScriptUrl(candidate.src);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
if (theme)
|
|
62
|
+
addHtmlClass(theme);
|
|
63
|
+
}
|
package/dist/init.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@
|
|
1
|
+
import "https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@693e3343f65c0e2a3c186bc4b913a83b9319a9f2/dist/cookieconsent.umd.js";
|
|
2
2
|
import type * as _CookieConsent from "@tilli-pro/cookieconsent";
|
|
3
3
|
import type { CookieConsentConfig } from "@tilli-pro/cookieconsent";
|
|
4
4
|
import { cookieConsentTheme } from "./_utils";
|
package/dist/init.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../src/init.ts"],"names":[],"mappings":"AAAA,OAAO,wHAAwH,CAAC;AAEhI,OAAO,KAAK,KAAK,cAAc,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../src/init.ts"],"names":[],"mappings":"AAAA,OAAO,wHAAwH,CAAC;AAEhI,OAAO,KAAK,KAAK,cAAc,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAK9C,OAAO,WAAQ,aAAa,CAAC;IAC3B,MAAM,GAAG,EAAE,OAAO,cAAc,CAAC,GAAG,CAAC;CACtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,kBAAkB,EAAE,OAAO,kBAAkB,CAAC;KAC/C;CACF;AAQD,eAAO,MAAM,mBAAmB,SAAU,MAAM,WACf,CAAC;AAmDlC,eAAO,MAAM,GAAG,YACN,mBAAmB,KAC1B,UAAU,CAAC,OAAO,aAAa,CAAC,GAAG,CAAoC,CAAC"}
|
package/dist/init.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import "https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@
|
|
1
|
+
import "https://cdn.jsdelivr.net/gh/tilli-pro/cookieconsent@693e3343f65c0e2a3c186bc4b913a83b9319a9f2/dist/cookieconsent.umd.js";
|
|
2
2
|
import { cookieConsentTheme } from "./_utils";
|
|
3
3
|
import _config from "./config";
|
|
4
4
|
import styles from "./styles";
|
|
5
|
-
|
|
5
|
+
import { initTheme } from "./init/utils.script";
|
|
6
|
+
const GIT_SHA = "693e3343f65c0e2a3c186bc4b913a83b9319a9f2";
|
|
6
7
|
const GIT_REPO = "tilli-pro/cookieconsent";
|
|
7
8
|
const GIT_CDN_BASE_URL = "https://cdn.jsdelivr.net/gh";
|
|
8
9
|
const GIT_CDN_URL = `${GIT_CDN_BASE_URL}/${GIT_REPO}@${GIT_SHA}`;
|
|
@@ -45,6 +46,7 @@ async function always() {
|
|
|
45
46
|
loadCSS(CC_CSS_URL);
|
|
46
47
|
loadNestedPluginCSS("styles", styles); // TODO: make dynamic (only import dependent styles - aka if a certain `init` config is specified)
|
|
47
48
|
window.cookieConsentTheme = cookieConsentTheme; // used to fetch the correct classname to apply a specified theme | THIS SHOULD BE INJECTED INTO THE <HTML> TAG!!! // TODO: auto-inject (?)
|
|
49
|
+
initTheme();
|
|
48
50
|
}
|
|
49
51
|
void always();
|
|
50
52
|
export const run = async (config = _config) => await CookieConsent.run(config);
|
package/dist/styles/index.d.ts
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
|
+
readonly "tilli-website": "tilli-website.css";
|
|
3
|
+
readonly "tilli-pay": "tilli-pay.css";
|
|
4
|
+
readonly nudge: "nudge.css";
|
|
2
5
|
readonly tenants: {
|
|
3
6
|
readonly freeman: "freeman.css";
|
|
4
7
|
readonly frontier: "frontier.css";
|
|
8
|
+
readonly "con-edison": "con-edison.css";
|
|
9
|
+
readonly oru: "oru.css";
|
|
5
10
|
};
|
|
6
11
|
};
|
|
7
12
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,wBAUW"}
|
package/dist/styles/index.js
CHANGED
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
/** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
|
|
2
|
+
* > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
|
|
3
|
+
* > Replace: :$2 !important;
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/* NUDGE_BLUE_HEX: #1F9CD4 */
|
|
7
|
+
/* NUDGE_GREEN_HEX: #8BC885 */
|
|
8
|
+
|
|
9
|
+
/** `nudge` color-scheme **/
|
|
10
|
+
.cc--nudge-light {
|
|
11
|
+
--cc-bg: #ffffff !important;
|
|
12
|
+
--cc-primary-color: #2c2f31 !important;
|
|
13
|
+
--cc-secondary-color: #5e6266 !important;
|
|
14
|
+
|
|
15
|
+
--cc-btn-primary-bg: #1F9CD4 !important;
|
|
16
|
+
--cc-btn-primary-color: #ffffff !important;
|
|
17
|
+
--cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
|
|
18
|
+
--cc-btn-primary-hover-bg: #44a7d4 !important;
|
|
19
|
+
--cc-btn-primary-hover-color: #ffffff !important;
|
|
20
|
+
--cc-btn-primary-hover-border-color: var(
|
|
21
|
+
--cc-btn-primary-hover-bg
|
|
22
|
+
) !important;
|
|
23
|
+
|
|
24
|
+
--cc-btn-secondary-bg: #e2e8f0 !important;
|
|
25
|
+
--cc-btn-secondary-color: #334155 !important;
|
|
26
|
+
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
|
|
27
|
+
--cc-btn-secondary-hover-bg: #f1f5f9 !important;
|
|
28
|
+
--cc-btn-secondary-hover-color: #000000 !important;
|
|
29
|
+
--cc-btn-secondary-hover-border-color: #d4dae0 !important;
|
|
30
|
+
|
|
31
|
+
--cc-separator-border-color: #f3f8fc !important;
|
|
32
|
+
|
|
33
|
+
--cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
|
|
34
|
+
--cc-toggle-off-bg: #667481 !important;
|
|
35
|
+
--cc-toggle-on-knob-bg: #ffffff !important;
|
|
36
|
+
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
|
|
37
|
+
|
|
38
|
+
--cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
|
|
39
|
+
--cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
|
|
40
|
+
|
|
41
|
+
--cc-toggle-readonly-bg: #d5dee2 !important;
|
|
42
|
+
--cc-toggle-readonly-knob-bg: #fff !important;
|
|
43
|
+
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
|
|
44
|
+
|
|
45
|
+
--cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
|
|
46
|
+
|
|
47
|
+
--cc-cookie-category-block-bg: #f3f8fc !important;
|
|
48
|
+
--cc-cookie-category-block-border: #f3f8fc !important;
|
|
49
|
+
--cc-cookie-category-block-hover-bg: #f0f4f7 !important;
|
|
50
|
+
--cc-cookie-category-block-hover-border: #f0f4f7 !important;
|
|
51
|
+
--cc-cookie-category-expanded-block-bg: transparent !important;
|
|
52
|
+
--cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
|
|
53
|
+
|
|
54
|
+
--cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
|
|
55
|
+
--cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
|
|
56
|
+
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
|
|
57
|
+
|
|
58
|
+
--cc-footer-bg: #f3f8fc !important;
|
|
59
|
+
--cc-footer-color: var(--cc-secondary-color) !important;
|
|
60
|
+
--cc-footer-border-color: #e4eaed !important;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.cc--nudge-dark {
|
|
64
|
+
color-scheme: dark;
|
|
65
|
+
--cc-bg: #000 !important;
|
|
66
|
+
--cc-primary-color: #eff4f6 !important;
|
|
67
|
+
--cc-secondary-color: #b1bdc3 !important;
|
|
68
|
+
|
|
69
|
+
--cc-btn-primary-bg: #1F9CD4 !important;
|
|
70
|
+
--cc-btn-primary-color: #000 !important;
|
|
71
|
+
--cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
|
|
72
|
+
--cc-btn-primary-hover-bg: #44a7d4 !important;
|
|
73
|
+
--cc-btn-primary-hover-color: #000 !important;
|
|
74
|
+
--cc-btn-primary-hover-border-color: var(
|
|
75
|
+
--cc-btn-primary-hover-bg
|
|
76
|
+
) !important;
|
|
77
|
+
|
|
78
|
+
--cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
|
|
79
|
+
--cc-btn-secondary-color: #fff !important;
|
|
80
|
+
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
|
|
81
|
+
--cc-btn-secondary-hover-bg: #252729 !important;
|
|
82
|
+
--cc-btn-secondary-hover-color: #fff !important;
|
|
83
|
+
--cc-btn-secondary-hover-border-color: #252729 !important;
|
|
84
|
+
|
|
85
|
+
--cc-separator-border-color: #252729 !important;
|
|
86
|
+
|
|
87
|
+
--cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
|
|
88
|
+
--cc-toggle-off-bg: #667481 !important;
|
|
89
|
+
--cc-toggle-on-knob-bg: var(--cc-bg) !important;
|
|
90
|
+
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
|
|
91
|
+
|
|
92
|
+
--cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
|
|
93
|
+
--cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
|
|
94
|
+
|
|
95
|
+
--cc-toggle-readonly-bg: #2f3132 !important;
|
|
96
|
+
--cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
|
|
97
|
+
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
|
|
98
|
+
|
|
99
|
+
--cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
|
|
100
|
+
|
|
101
|
+
--cc-cookie-category-block-bg: #101111 !important;
|
|
102
|
+
--cc-cookie-category-block-border: #1d1e1f !important;
|
|
103
|
+
--cc-cookie-category-block-hover-bg: #151516 !important;
|
|
104
|
+
--cc-cookie-category-block-hover-border: #1d1e1f !important;
|
|
105
|
+
--cc-cookie-category-expanded-block-bg: #101111 !important;
|
|
106
|
+
--cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
|
|
107
|
+
|
|
108
|
+
--cc-overlay-bg: rgba(0,0,0,.9) !important;
|
|
109
|
+
--cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
|
|
110
|
+
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
|
|
111
|
+
|
|
112
|
+
--cc-footer-bg: #000 !important;
|
|
113
|
+
--cc-footer-color: var(--cc-secondary-color) !important;
|
|
114
|
+
--cc-footer-border-color: #212529 !important;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
/** font */
|
|
118
|
+
.cc--nudge-light #cc-main,
|
|
119
|
+
.cc--nudge-dark #cc-main {
|
|
120
|
+
font-family: var(--font-inter, var(--cc-font-family)) !important;
|
|
121
|
+
}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
/** NOTE: to auto-add `!important` suffixes, simply use this RegEx w/ Find + Replace:
|
|
2
|
+
* > Find: (:)(?![^;]*!important)([^;]+)(;)(?!.*\^)
|
|
3
|
+
* > Replace: :$2 !important;
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/** `tenant:con-edison` color-scheme **/
|
|
7
|
+
.cc--tenant\:con-edison-light {
|
|
8
|
+
--cc-bg: #ffffff !important;
|
|
9
|
+
--cc-primary-color: #2c2f31 !important;
|
|
10
|
+
--cc-secondary-color: #5e6266 !important;
|
|
11
|
+
|
|
12
|
+
--cc-btn-primary-bg: #0078cf !important;
|
|
13
|
+
--cc-btn-primary-color: #ffffff !important;
|
|
14
|
+
--cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
|
|
15
|
+
--cc-btn-primary-hover-bg: #0078cf !important;
|
|
16
|
+
--cc-btn-primary-hover-color: #ffffff !important;
|
|
17
|
+
--cc-btn-primary-hover-border-color: var(
|
|
18
|
+
--cc-btn-primary-hover-bg
|
|
19
|
+
) !important;
|
|
20
|
+
|
|
21
|
+
--cc-btn-secondary-bg: #e2e8f0 !important;
|
|
22
|
+
--cc-btn-secondary-color: #334155 !important;
|
|
23
|
+
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
|
|
24
|
+
--cc-btn-secondary-hover-bg: #f1f5f9 !important;
|
|
25
|
+
--cc-btn-secondary-hover-color: #000000 !important;
|
|
26
|
+
--cc-btn-secondary-hover-border-color: #d4dae0 !important;
|
|
27
|
+
|
|
28
|
+
--cc-separator-border-color: #f3f8fc !important;
|
|
29
|
+
|
|
30
|
+
--cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
|
|
31
|
+
--cc-toggle-off-bg: #667481 !important;
|
|
32
|
+
--cc-toggle-on-knob-bg: #ffffff !important;
|
|
33
|
+
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
|
|
34
|
+
|
|
35
|
+
--cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
|
|
36
|
+
--cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
|
|
37
|
+
|
|
38
|
+
--cc-toggle-readonly-bg: #d5dee2 !important;
|
|
39
|
+
--cc-toggle-readonly-knob-bg: #fff !important;
|
|
40
|
+
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
|
|
41
|
+
|
|
42
|
+
--cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
|
|
43
|
+
|
|
44
|
+
--cc-cookie-category-block-bg: #f3f8fc !important;
|
|
45
|
+
--cc-cookie-category-block-border: #f3f8fc !important;
|
|
46
|
+
--cc-cookie-category-block-hover-bg: #f0f4f7 !important;
|
|
47
|
+
--cc-cookie-category-block-hover-border: #f0f4f7 !important;
|
|
48
|
+
--cc-cookie-category-expanded-block-bg: transparent !important;
|
|
49
|
+
--cc-cookie-category-expanded-block-hover-bg: #dee4e9 !important;
|
|
50
|
+
|
|
51
|
+
--cc-overlay-bg: rgba(0, 0, 0, 0.65) !important;
|
|
52
|
+
--cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
|
|
53
|
+
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
|
|
54
|
+
|
|
55
|
+
--cc-footer-bg: #f3f8fc !important;
|
|
56
|
+
--cc-footer-color: var(--cc-secondary-color) !important;
|
|
57
|
+
--cc-footer-border-color: #e4eaed !important;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.cc--tenant\:con-edison-dark {
|
|
61
|
+
color-scheme: dark;
|
|
62
|
+
--cc-bg: #000 !important;
|
|
63
|
+
--cc-primary-color: #eff4f6 !important;
|
|
64
|
+
--cc-secondary-color: #b1bdc3 !important;
|
|
65
|
+
|
|
66
|
+
--cc-btn-primary-bg: #0078cf !important;
|
|
67
|
+
--cc-btn-primary-color: #ffffff !important;
|
|
68
|
+
--cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
|
|
69
|
+
--cc-btn-primary-hover-bg: #0078cf !important;
|
|
70
|
+
--cc-btn-primary-hover-color: #ffffff !important;
|
|
71
|
+
--cc-btn-primary-hover-border-color: var(
|
|
72
|
+
--cc-btn-primary-hover-bg
|
|
73
|
+
) !important;
|
|
74
|
+
|
|
75
|
+
--cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
|
|
76
|
+
--cc-btn-secondary-color: #fff !important;
|
|
77
|
+
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
|
|
78
|
+
--cc-btn-secondary-hover-bg: #252729 !important;
|
|
79
|
+
--cc-btn-secondary-hover-color: #fff !important;
|
|
80
|
+
--cc-btn-secondary-hover-border-color: #252729 !important;
|
|
81
|
+
|
|
82
|
+
--cc-separator-border-color: #252729 !important;
|
|
83
|
+
|
|
84
|
+
--cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
|
|
85
|
+
--cc-toggle-off-bg: #667481 !important;
|
|
86
|
+
--cc-toggle-on-knob-bg: var(--cc-bg) !important;
|
|
87
|
+
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
|
|
88
|
+
|
|
89
|
+
--cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
|
|
90
|
+
--cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
|
|
91
|
+
|
|
92
|
+
--cc-toggle-readonly-bg: #2f3132 !important;
|
|
93
|
+
--cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
|
|
94
|
+
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
|
|
95
|
+
|
|
96
|
+
--cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
|
|
97
|
+
|
|
98
|
+
--cc-cookie-category-block-bg: #101111 !important;
|
|
99
|
+
--cc-cookie-category-block-border: #1d1e1f !important;
|
|
100
|
+
--cc-cookie-category-block-hover-bg: #151516 !important;
|
|
101
|
+
--cc-cookie-category-block-hover-border: #1d1e1f !important;
|
|
102
|
+
--cc-cookie-category-expanded-block-bg: #101111 !important;
|
|
103
|
+
--cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
|
|
104
|
+
|
|
105
|
+
--cc-overlay-bg: rgba(0,0,0,.9) !important;
|
|
106
|
+
--cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
|
|
107
|
+
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
|
|
108
|
+
|
|
109
|
+
--cc-footer-bg: #000 !important;
|
|
110
|
+
--cc-footer-color: var(--cc-secondary-color) !important;
|
|
111
|
+
--cc-footer-border-color: #212529 !important;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.cc--tenant\:con-edison-light div.cm__btn-group,
|
|
115
|
+
.cc--tenant\:con-edison-dark div.cm__btn-group,
|
|
116
|
+
.cc--tenant\:con-edison-light div.cm__btns,
|
|
117
|
+
.cc--tenant\:con-edison-dark div.cm__btns {
|
|
118
|
+
& > *:not(:first-child) {
|
|
119
|
+
margin-top: 8px !important;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.cc--tenant\:con-edison-light div.pm__btn-group,
|
|
124
|
+
.cc--tenant\:con-edison-dark div.pm__btn-group {
|
|
125
|
+
& > *:not(:first-child) {
|
|
126
|
+
margin-left: 8px !important;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.cc--tenant\:con-edison-light button.cm__btn,
|
|
131
|
+
.cc--tenant\:con-edison-light button.pm__btn,
|
|
132
|
+
.cc--tenant\:con-edison-dark button.cm__btn,
|
|
133
|
+
.cc--tenant\:con-edison-dark button.pm__btn {
|
|
134
|
+
border-radius: 9999px !important;
|
|
135
|
+
font-weight: 800 !important;
|
|
136
|
+
letter-spacing: normal !important;
|
|
137
|
+
padding: 10px 24px !important; /* 10 px top/bottom, 24 px left/right */
|
|
138
|
+
height: 48px !important; /* 48 px height (3rem) */
|
|
139
|
+
font-size: 16px !important;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.cc--tenant\:con-edison-light button.cm__btn--secondary,
|
|
143
|
+
.cc--tenant\:con-edison-light button.pm__btn--secondary,
|
|
144
|
+
.cc--tenant\:con-edison-dark button.cm__btn--secondary,
|
|
145
|
+
.cc--tenant\:con-edison-dark button.pm__btn--secondary {
|
|
146
|
+
color: #0078cf !important;
|
|
147
|
+
background-color: #fff !important;
|
|
148
|
+
border-color: #0078cf !important;
|
|
149
|
+
border-width: 2.5px !important;
|
|
150
|
+
box-sizing: border-box !important;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
/** font */
|
|
154
|
+
.cc--tenant\:con-edison-light #cc-main,
|
|
155
|
+
.cc--tenant\:con-edison-dark #cc-main {
|
|
156
|
+
font-family: var(--font-open-sans, var(--cc-font-family)) !important;
|
|
157
|
+
}
|
|
@@ -57,7 +57,62 @@
|
|
|
57
57
|
--cc-footer-border-color: #e4eaed !important;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
+
.cc--tenant\:freeman-dark {
|
|
61
|
+
color-scheme: dark;
|
|
62
|
+
--cc-bg: #000 !important;
|
|
63
|
+
--cc-primary-color: #eff4f6 !important;
|
|
64
|
+
--cc-secondary-color: #b1bdc3 !important;
|
|
65
|
+
|
|
66
|
+
--cc-btn-primary-bg: #00bdf6 !important;
|
|
67
|
+
--cc-btn-primary-color: #000 !important;
|
|
68
|
+
--cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
|
|
69
|
+
--cc-btn-primary-hover-bg: #5ed6ff !important;
|
|
70
|
+
--cc-btn-primary-hover-color: #000 !important;
|
|
71
|
+
--cc-btn-primary-hover-border-color: var(
|
|
72
|
+
--cc-btn-primary-hover-bg
|
|
73
|
+
) !important;
|
|
74
|
+
|
|
75
|
+
--cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
|
|
76
|
+
--cc-btn-secondary-color: #fff !important;
|
|
77
|
+
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
|
|
78
|
+
--cc-btn-secondary-hover-bg: #252729 !important;
|
|
79
|
+
--cc-btn-secondary-hover-color: #fff !important;
|
|
80
|
+
--cc-btn-secondary-hover-border-color: #252729 !important;
|
|
81
|
+
|
|
82
|
+
--cc-separator-border-color: #252729 !important;
|
|
83
|
+
|
|
84
|
+
--cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
|
|
85
|
+
--cc-toggle-off-bg: #667481 !important;
|
|
86
|
+
--cc-toggle-on-knob-bg: var(--cc-bg) !important;
|
|
87
|
+
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
|
|
88
|
+
|
|
89
|
+
--cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
|
|
90
|
+
--cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
|
|
91
|
+
|
|
92
|
+
--cc-toggle-readonly-bg: #2f3132 !important;
|
|
93
|
+
--cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
|
|
94
|
+
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
|
|
95
|
+
|
|
96
|
+
--cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
|
|
97
|
+
|
|
98
|
+
--cc-cookie-category-block-bg: #101111 !important;
|
|
99
|
+
--cc-cookie-category-block-border: #1d1e1f !important;
|
|
100
|
+
--cc-cookie-category-block-hover-bg: #151516 !important;
|
|
101
|
+
--cc-cookie-category-block-hover-border: #1d1e1f !important;
|
|
102
|
+
--cc-cookie-category-expanded-block-bg: #101111 !important;
|
|
103
|
+
--cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
|
|
104
|
+
|
|
105
|
+
--cc-overlay-bg: rgba(0,0,0,.9) !important;
|
|
106
|
+
--cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
|
|
107
|
+
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
|
|
108
|
+
|
|
109
|
+
--cc-footer-bg: #000 !important;
|
|
110
|
+
--cc-footer-color: var(--cc-secondary-color) !important;
|
|
111
|
+
--cc-footer-border-color: #212529 !important;
|
|
112
|
+
}
|
|
113
|
+
|
|
60
114
|
/** font */
|
|
61
|
-
.cc--tenant\:freeman-light #cc-main
|
|
115
|
+
.cc--tenant\:freeman-light #cc-main,
|
|
116
|
+
.cc--tenant\:freeman-dark #cc-main {
|
|
62
117
|
font-family: var(--font-inter, var(--cc-font-family)) !important;
|
|
63
118
|
}
|
|
@@ -57,8 +57,64 @@
|
|
|
57
57
|
--cc-footer-border-color: #e4eaed !important;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
+
.cc--tenant\:frontier-dark {
|
|
61
|
+
color-scheme: dark;
|
|
62
|
+
--cc-bg: #000 !important;
|
|
63
|
+
--cc-primary-color: #eff4f6 !important;
|
|
64
|
+
--cc-secondary-color: #b1bdc3 !important;
|
|
65
|
+
|
|
66
|
+
--cc-btn-primary-bg: #ff0037 !important;
|
|
67
|
+
--cc-btn-primary-color: #ffffff !important;
|
|
68
|
+
--cc-btn-primary-border-color: var(--cc-btn-primary-bg) !important;
|
|
69
|
+
--cc-btn-primary-hover-bg: #141928 !important;
|
|
70
|
+
--cc-btn-primary-hover-color: #ffffff !important;
|
|
71
|
+
--cc-btn-primary-hover-border-color: var(
|
|
72
|
+
--cc-btn-primary-hover-bg
|
|
73
|
+
) !important;
|
|
74
|
+
|
|
75
|
+
--cc-btn-secondary-bg: hsla(0,0%,100%,.039) !important;
|
|
76
|
+
--cc-btn-secondary-color: #fff !important;
|
|
77
|
+
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg) !important;
|
|
78
|
+
--cc-btn-secondary-hover-bg: #252729 !important;
|
|
79
|
+
--cc-btn-secondary-hover-color: #fff !important;
|
|
80
|
+
--cc-btn-secondary-hover-border-color: #252729 !important;
|
|
81
|
+
|
|
82
|
+
--cc-separator-border-color: #252729 !important;
|
|
83
|
+
|
|
84
|
+
--cc-toggle-on-bg: var(--cc-btn-primary-bg) !important;
|
|
85
|
+
--cc-toggle-off-bg: #667481 !important;
|
|
86
|
+
--cc-toggle-on-knob-bg: var(--cc-bg) !important;
|
|
87
|
+
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg) !important;
|
|
88
|
+
|
|
89
|
+
--cc-toggle-enabled-icon-color: var(--cc-bg) !important; /* yes (v tick) */
|
|
90
|
+
--cc-toggle-disabled-icon-color: var(--cc-bg) !important; /* no (x tick) */
|
|
91
|
+
|
|
92
|
+
--cc-toggle-readonly-bg: #2f3132 !important;
|
|
93
|
+
--cc-toggle-readonly-knob-bg: var(--cc-cookie-category-block-bg) !important;
|
|
94
|
+
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg) !important;
|
|
95
|
+
|
|
96
|
+
--cc-section-category-border: var(--cc-cookie-category-block-bg) !important;
|
|
97
|
+
|
|
98
|
+
--cc-cookie-category-block-bg: #101111 !important;
|
|
99
|
+
--cc-cookie-category-block-border: #1d1e1f !important;
|
|
100
|
+
--cc-cookie-category-block-hover-bg: #151516 !important;
|
|
101
|
+
--cc-cookie-category-block-hover-border: #1d1e1f !important;
|
|
102
|
+
--cc-cookie-category-expanded-block-bg: #101111 !important;
|
|
103
|
+
--cc-cookie-category-expanded-block-hover-bg: #1d1e1f !important;
|
|
104
|
+
|
|
105
|
+
--cc-overlay-bg: rgba(0,0,0,.9) !important;
|
|
106
|
+
--cc-webkit-scrollbar-bg: var(--cc-section-category-border) !important;
|
|
107
|
+
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg) !important;
|
|
108
|
+
|
|
109
|
+
--cc-footer-bg: #000 !important;
|
|
110
|
+
--cc-footer-color: var(--cc-secondary-color) !important;
|
|
111
|
+
--cc-footer-border-color: #212529 !important;
|
|
112
|
+
}
|
|
113
|
+
|
|
60
114
|
.cc--tenant\:frontier-light button.cm__btn,
|
|
61
|
-
.cc--tenant\:frontier-light button.pm__btn
|
|
115
|
+
.cc--tenant\:frontier-light button.pm__btn,
|
|
116
|
+
.cc--tenant\:frontier-dark button.cm__btn,
|
|
117
|
+
.cc--tenant\:frontier-dark button.pm__btn {
|
|
62
118
|
border-radius: 9999px !important;
|
|
63
119
|
text-transform: uppercase !important;
|
|
64
120
|
font-weight: 700 !important;
|
|
@@ -66,6 +122,7 @@
|
|
|
66
122
|
}
|
|
67
123
|
|
|
68
124
|
/** font */
|
|
69
|
-
.cc--tenant\:frontier-light #cc-main
|
|
125
|
+
.cc--tenant\:frontier-light #cc-main,
|
|
126
|
+
.cc--tenant\:frontier-dark #cc-main {
|
|
70
127
|
font-family: var(--font-frontier-pp-object-sans, var(--cc-font-family)) !important;
|
|
71
128
|
}
|