aperta-principium/Interclip

@import "colors";

body,
html,
.select,
.select::after,
.slct,
.full-screen,
#code {
  background: $darkBG !important;
  color: $darkText !important;
}

img {
  filter: grayscale(20%) !important;
}

.droppable-area {
  background: #111 !important;
}

.modal-content,
.modal-content > p,
#percentage-bar {
  background: #373737 !important;
  color: white !important;
}

.swal2-popup {
  background: #373737 !important;
  div,
  h2 {
    color: white !important;
  }
}

.select::after {
  background: #333 !important;
}

.closeBtn:hover {
  color: white !important;
}

#menu {
  background: #262626 !important;
}

body.dragover {
  background: #3b3b3b !important;
}

span.input-wrapper {
  color: #353535 !important;

  &:focus-within {
    color: $darkBG !important;
  }
}

/* Admin bar */
body,
section aside {
  background: #2a2a2e;
  color: #fff;
}

section aside {
  border: none;
  box-shadow: none;

  &:hover {
    box-shadow: none;
  }
}

.gui-switch {
  --thumb: hsl(0 0% 5%);
  --thumb-highlight: hsl(0 0% 100% / 25%);
  --track-inactive: hsl(80 0% 35%);
  --track-active: #56a0fa;
}