Personnaliser le style et les couleurs
La feuille de style (stylesheet CSS) peut être entièrement personnalisée via un champ éditable dans la plateforme de gestion, laissant ainsi le contrôle complet à modifier l’apparence de la bannière.
CSS par défaut de la bannière
.c_byscuitMode {
--cc-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--cc-font-size: 16px;
--cc-bg: #fff;
--cc-z-index: 2147483647;
--cc-text: #2d4156;
--cc-border-radius: .45rem;
--cc-btn-primary-bg: #2d4156;
--cc-btn-primary-text: var(--cc-bg);
--cc-btn-primary-hover-bg: #1d2e38;
--cc-btn-primary-hover-text: var(--cc-btn-primary-text);
--cc-btn-secondary-bg: #eaeff2;
--cc-btn-secondary-text: var(--cc-text);
--cc-btn-secondary-hover-bg: #d8e0e6;
--cc-btn-secondary-hover-text: var(--cc-btn-secondary-text);
--cc-btn-border-radius: 0.375rem;
--cc-toggle-bg-off: #919ea6;
--cc-toggle-bg-on: var(--cc-btn-primary-bg);
--cc-toggle-bg-readonly: #d5dee2;
--cc-toggle-knob-bg: #fff;
--cc-toggle-knob-icon-color: #ecf2fa;
--cc-block-text: var(--cc-text);
--cc-cookie-category-block-bg: #f0f4f7;
--cc-cookie-category-block-bg-hover: #e9eff4;
--cc-section-border: #f1f3f5;
--cc-cookie-table-border: #e9edf2;
--cc-overlay-bg: rgb(4, 6, 8);
--cc-overlay-opacity: .5;
--cc-consent-modal-box-shadow: 0 0.625rem 1.875rem rgba(2, 2, 3, 0.28);
--cc-webkit-scrollbar-bg: #cfd5db;
--cc-webkit-scrollbar-bg-hover: #9199a0;
--cc-settings-footer-margin: 2em;
--cc-settings-footer-bg: #EDEDED;
--cc-settings-footer-text: #000;
--cc-settings-footer-display: block;
--plc-text: #000;
--plc-btn-bg: var(--cc-btn-primary-bg);
--plc-btn-text: var(--cc-btn-primary-text);
--plc-btn-hover-bg: var(--cc-btn-primary-hover-bg);
--plc-btn-hover-text: var(--cc-btn-primary-hover-text);
--plc-btn-border-radius: var(--cc-btn-border-radius);
}