Search
Close this search box.

Dark Background CSS for Documents

This is a starting point with CSS if you have a website with a dark background, and you need to update the elements if your theme doesn’t adapt automatically. You might need to adjust to fit your needs.

				
					Dark Background CSS

#cmplz-document, #cmplz-document p, #cmplz-document span, #cmplz-document li {
    color: white;
}

#cmplz-document a {
    color: #85d5ff;
}

#cmplz-document a:visited {
    color: #deb7ff;
}

#cmplz-cookies-overview .cmplz-dropdown, #cmplz-document .cmplz-dropdown, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
    background-color: unset;
}

#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
    // Background Color
    color: #1A1423;
}

#cmplz-cookies-overview .cmplz-dropdown summary p, #cmplz-document .cmplz-dropdown summary p, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p {
    // Background Color
    color: #1A1423;
    font-weight: 500;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div,
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose
{
    background-color: unset!important;
}

cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header
{
    background-color: #909090;
    font-size: 18px;
    font-weight: 400;
    color: #1A1423;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
    // Background Color
    color: #1A1423;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description {
    padding: 10px;
    // Background Color
    background: #1A1423;
}

.cmplz-category-title {
    color: #1A1423!important;
    font-weight: 500;
}