Documentation

Customize style and colors

.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); 
}