.wysibb {
    background-color: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-gray-700);
    color: var(--bs-light);
  }
  
  .wysibb .wysibb-toolbar {
    background-color: hsla(var(--bs-secondary-hsl),var(--bs-bg-opacity))!important;
    border-bottom: 1px solid var(--bs-gray-700);
  }
  
  .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn {
    color: hsla(var(--bs-white-hsl), 1%)!important;
    border-color: transparent;
  }

  .wbbm-title .wbbm-title-text {
    color: var(--bs-white)!important;
  }

  .wbbm-content {
    background-color:hsla(var(--bs-secondary-hsl),255)!important
  }

  .wysibb .wysibb-toolbar-btn .fonticon {
        color: var(--bs-text);
  }

  .wbbm-inp-row label {
    color: var(--bs-white);
  }
  
  .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {
    background-color:hsla(var(--bs-secondary-hsl),var(--bs-bg-opacity))!important
  }
  
  .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
  .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active {
    background-color: var(--bs-primary);
    color: var(--bs-text);
  }
  
  .wysibb .wysibb-text-editor {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-light);
  }
  
  #wbbmodal {
    background-color: hsla(var(--bs-secondary-hsl),var(--bs-bg-opacity))!important;
  }
  
  #wbbmodal .wbbm {
    background-color: hsla(var(--bs-secondary-hsl),var(--bs-bg-opacity))!important;
    border: 1px solid var(--bs-tertiary-bg);
    color: var(--bs-light);
  }
  
  #wbbmodal .wbbm-title {
    background-color: var(--bs-tertiary-bg);
    border-bottom: 1px solid var(--bs-tertiary-bg);
  }

  .wysibb-text-editor {
    color:var(--bs-white)!important;
  }
  
  #wbbmodal button {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-light);
    border: 1px solid var(--bs-tertiary-bg);
  }
  
  #wbbmodal .wbb-button {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
  }

  .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {
    color: var(--bs-tertiary-bg-color)!important;
    text-shadow: 0 0px 0 #fff!important;

  }
  
  
  .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on .fonticon {
    background-color: var(--bs-primary)!important;
    color: white!important;
  }

  .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover {
    background-color: var(--bs-primary)!important;
    color: white!important;
  }

  .wbbm-inperr {
    font-size: 20px!important;
  }