My website has a black background and style. How can I customize the widget to match its color theme?

If your web site has a black/dark theme, with dark backgrounds and white text color, we recommend adding the following CSS rules.

1. Go to Settings>Colors and Styles

2. in the Custom CSS section at the bottom, paste this code:


.bookeocss table.priceSummary th {
color: #444;
}
.bookeocss table.priceSummary tr.odd td {
    color: #444;
}
.bookeocss table.priceSummary tr.even td {
    color: #FFFFFF;
}
.bookeocss table.priceSummary tr._final td {
   color: #FFFFFF;
}

.bookeocss .cb_reviewintro {
     color: #FFFFFF;
}

.bookeocss .cb_summaryMessage * {
    color: #FFFFFF;
}

.bookeocss .roundedDivDarker .cb_normalText {
    color: #444;
}

.bookeocss .htmledited ,
.bookeocss .htmledited * {
color: white;
}

.bookeocss #contentLeftPopup .htmledited ,
.bookeocss #contentLeftPopup .htmledited * {
color: #444;
}

.bookeocss .cb_bhf_dayheadingSmaller * {
   color: #FFFFFF;
}

.bookeocss .cb_bhf_legendLabel {
   color: #FFFFFF;
}

.bookeocss .bigsetting .title {
color: #FFFFFF;
}

.bookeocss .bigsetting_hover {
background-image: none;
}