.bb-theme-baobab {
  --bb-color: #353535;
  --bb-color-transp: rgba(255, 255, 255, .235);
  --bb-title-after-bg-color: red;
  --bb-bg-color: #FDFDFD;
  --bb-highlight-color: #A0A0A0;
  --bb-bg-blue: var(--bb-bg-color);
  --bb-nav-blue: var(--bb-bg-color);
  --bb-nav-hover-after-bg-color: var(--bb-highlight-color);
  --bb-nav-bg-color: rgba(245, 235, 235);
  --bb-sides-ul-color: rgb(85, 85, 105);
  --bb-sides-link-color: #1b1208;
  --bb-sides-action-hover-color: #ffc365;
  --bb-nav-color: var(--bb-color);
  --bb-button-color: white;
  --bb-nav-height: 80px;
  --bb-transition-normal: .25s;
  --bb-transition-slow: .45s;
  --bb-top-container-box-shadow: 0 0 5rem var(--bb-bg-color);

  --bb-menu-btn-border: 2px solid #FDE0E0;

  --bb-title-bg-color: var(--bb-bg-color);

  --bb-button-filter: invert(1) hue-rotate(-176deg) brightness(1.236);
  --bb-button-hover-filter: invert(0) hue-rotate(-48deg) brightness(1.236);

  --bb-active-filter: hue-rotate(-136deg) saturate(2) brightness(1.236);

  --bb-sides-bullet-bg-color: #FD8585;
  --bb-sides-box-shadow: 0 0 0 1px rgba(35, 35, 35, 0.135), 0 18px 36px rgba(35, 35, 35, 0.135);

  --bb-main-color: #686565;

  --bb-sides-bg-color: #FDFDFD;
  --bb-sides-link-color: rgb(185, 135, 165);
  --bb-sides-color: #853535;
  --bb-sides-h1-color: #858585;
  --bb-sides-h2-color: #B56575;
  --bb-sides-h2-filter: hue-rotate(0deg) saturate(1.735);
  --bb-sides-li-button-after-filter: hue-rotate(-65deg) saturate(2) brightness(.85) contrast(.95);

  /*borders*/
  --bb-container-radius: 18px;
}

.bb-theme-jamun {
  --bb-color: white;
  --bb-color-transp: rgba(255, 255, 255, .235);
  --bb-bg-color: #43233c;
  --bb-highlight-color: #a60081;
  --bb-bg-blue: var(--bb-bg-color);
  --bb-nav-blue: var(--bb-bg-color);
  --bb-nav-hover-after-bg-color: var(--bb-highlight-color);
  --bb-nav-bg-color: var(--bb-bg-color);
  --bb-sides-ul-color: rgb(85, 85, 105);
  --bb-sides-link-color: #1b1208;
  --bb-sides-action-hover-color: #ffc365;
  --bb-nav-color: white;
  --bb-button-color: white;
  --bb-nav-height: 80px;
  --bb-transition-normal: .25s;
  --bb-transition-slow: .45s;
  --bb-top-container-box-shadow: 0 0 5rem var(--bb-bg-color);

  --bb-title-bg-color: var(--bb-bg-color);

  --bb-button-filter: invert(1) hue-rotate(-176deg) brightness(1.236);
  --bb-button-hover-filter: invert(0) hue-rotate(-48deg) brightness(1.236);

  --bb-active-filter: hue-rotate(-136deg) saturate(2) brightness(1.236);

  --bb-sides-h2-filter: hue-rotate(35deg) saturate(1.735);
  --bb-sides-li-button-after-filter: hue-rotate(-65deg) saturate(2) brightness(.85) contrast(.95);

  /*borders*/
  --bb-container-radius: 18px;
}

.bb-theme-kumquat {
  --bb-color: white;
  --bb-color-transp: rgba(255, 255, 255, .235);
  --bb-bg-color: #df9743;
  --bb-highlight-color: #f2a955;
  --bb-bg-blue: var(--bb-bg-color);
  --bb-nav-blue: var(--bb-bg-color);
  --bb-nav-hover-after-bg-color: var(--bb-highlight-color);
  --bb-nav-bg-color: var(--bb-bg-color);
  --bb-sides-ul-color: rgb(85, 85, 105);
  --bb-sides-link-color: #1b1208;
  --bb-sides-action-hover-color: #ffc365;
  --bb-nav-color: white;
  --bb-button-color: white;
  --bb-nav-height: 80px;
  --bb-top-container-box-shadow: 0 0 5rem var(--bb-bg-color);

  --bb-nav-btn-alt-hover-filter: hue-rotate(185deg) saturate(3) brightness(.85);

  --bb-sides-box-shadow: 0 0 0 1px rgba(35, 35, 35, 0.035), 0 8px 18px rgba(235, 135, 85, 0.735);
  --bb-title-bg-color: var(--bb-bg-color);
  --bb-sides-bg-color: #fdd9af;

  /*borders*/
  --bb-container-radius: 18px;
}

.bb-theme-liquorice {
  --bb-color: #FEFEFE;
  --bb-color-transp: rgba(255, 255, 255, .235);
  --bb-title-after-bg-color: rgb(205, 135, 105);
  --bb-bg-color: #1A1A1A;
  --bb-highlight-color: #D030A0;
  --bb-bg-blue: var(--bb-bg-color);
  --bb-nav-blue: var(--bb-bg-color);
  --bb-nav-hover-after-bg-color: var(--bb-highlight-color);
  --bb-nav-bg-color: #151515;
  --bb-nav-color: #F5F5F5;
  --bb-sides-ul-color: rgb(85, 85, 105);
  --bb-sides-link-color: #1b1208;
  --bb-sides-action-hover-color: #ffc365;
  --bb-button-color: white;
  --bb-nav-height: 80px;
  --bb-transition-normal: .25s;
  --bb-transition-slow: .45s;
  --bb-top-container-box-shadow: 0 0 5rem var(--bb-bg-color);

  --bb-menu-btn-border: 2px solid #FDE0E0;

  --bb-title-bg-color: var(--bb-bg-color);

  --bb-button-filter: invert(1) hue-rotate(-176deg) brightness(1.236);
  --bb-button-hover-filter: invert(0) hue-rotate(-48deg) brightness(1.236);

  --bb-active-filter: hue-rotate(-136deg) saturate(2) brightness(1.236);

  --bb-sides-bullet-bg-color: #FD8585;
  --bb-sides-box-shadow: 0 0 0 1px rgba(35, 35, 35, 0.135), 0 18px 36px rgba(35, 35, 35, 0.135);

  --bb-main-color: #F8F5F5;

  --bb-sides-bg-color: #303030;
  --bb-sides-link-color: #D0D0D0;
  --bb-sides-color: #F5F5F5;
  --bb-sides-h1-color: #F5F5F5;
  --bb-sides-h2-color: #BDBDBD;
  --bb-sides-h2-filter: hue-rotate(0deg) saturate(1.735);
  --bb-sides-li-button-after-filter: hue-rotate(135deg) saturate(2) brightness(.85) contrast(.95);

  /*borders*/
  --bb-container-radius: 18px;
}

.bb-theme-raspberry {
  --bb-color: #F5F5F5;
  --bb-color-transp: rgba(255, 255, 255, .235);
  --bb-title-after-bg-color: red;
  --bb-bg-color: #FD4050;
  --bb-highlight-color: rgb(105, 175, 135);
  --bb-bg-blue: var(--bb-bg-color);
  --bb-nav-blue: var(--bb-bg-color);
  --bb-nav-hover-after-bg-color: var(--bb-highlight-color);
  --bb-nav-bg-color: #CB2050;
  --bb-sides-ul-color: #858515;
  --bb-sides-link-color: #1b1208;
  --bb-sides-action-hover-color: #ffc365;
  --bb-nav-color: var(--bb-color);
  --bb-button-color: white;
  --bb-nav-height: 80px;
  --bb-transition-normal: .25s;
  --bb-transition-slow: .45s;
  --bb-top-container-box-shadow: 0 0 5rem var(--bb-bg-color);

  --bb-menu-btn-border: 2px solid #FDE0E0;

  --bb-title-bg-color: var(--bb-bg-color);

  --bb-button-filter: invert(1) hue-rotate(-176deg) brightness(1.236);
  --bb-button-hover-filter: invert(0) hue-rotate(-48deg) brightness(1.236);

  --bb-active-filter: hue-rotate(-136deg) saturate(2) brightness(1.236);

  --bb-sides-bullet-bg-color: #FD8585;
  --bb-sides-box-shadow: 0 0 0 1px rgba(35, 35, 35, 0.135), 0 18px 36px rgba(35, 35, 35, 0.135);

  --bb-main-color: var(--bb-color);

  --bb-active-filter: hue-rotate(30deg) saturate(.8);

  --bb-sides-bg-color: #FDFDFD;
  --bb-sides-link-color: rgb(185, 135, 165);
  --bb-sides-color: #853535;
  --bb-sides-h1-color: #F58585;
  --bb-sides-h2-color: #B56575;
  --bb-sides-h2-filter: hue-rotate(0deg) saturate(1.735);
  --bb-sides-li-button-after-filter: hue-rotate(-65deg) saturate(2) brightness(.85) contrast(.95);

  /*borders*/
  --bb-container-radius: 18px;
}