/* Dark-mode overrides for Unfold WysiwygWidget (Trix). */
html.dark trix-editor {
  background-color: rgb(17 24 39); /* base-900 */
  border-color: rgb(55 65 81); /* base-700 */
  color: rgb(243 244 246); /* base-100 */
}

html.dark trix-toolbar .trix-button-group {
  border-color: rgb(55 65 81);
  border-top-color: rgb(75 85 99);
  border-bottom-color: rgb(31 41 55);
}

html.dark trix-toolbar .trix-button {
  color: rgb(209 213 219);
  border-bottom-color: rgb(55 65 81);
  background: transparent;
}

html.dark trix-toolbar .trix-button:not(:first-child) {
  border-left-color: rgb(55 65 81);
}

html.dark trix-toolbar .trix-button.trix-active {
  background: rgb(55 65 81);
  color: rgb(243 244 246);
}

html.dark trix-toolbar .trix-button:disabled {
  color: rgb(75 85 99);
}

html.dark trix-toolbar .trix-dialog {
  background: rgb(17 24 39);
  box-shadow: 0 0.3em 1em rgba(0, 0, 0, 0.55);
  border-top-color: rgb(75 85 99);
  color: rgb(243 244 246);
}

html.dark trix-toolbar .trix-input--dialog {
  background-color: rgb(31 41 55);
  border-color: rgb(55 65 81);
  color: rgb(243 244 246);
}

html.dark trix-editor .trix-button--remove {
  background-color: rgb(31 41 55);
  border-color: rgb(156 163 175);
}