body {
  color: white;
  background-color: #121212;
}

#header {
  background-color: #2f2f2f;
}

#main {
  color: white;
  background-color: #121212;
}

#sidebar {
  color: white;
  border-color: #2f2f2f !important;
  background-color: #121212;
}

button.bk.mdc-card__primary-action {
  color: white;
  background-color: #292929 !important;
}

.bk-slider-title {
  color: white;
}

.bk-slider-value {
  color: white;
}

:root {
  --mdc-theme-primary: #2f2f2f !important;
  --mdc-theme-on-primary: #ffffff !important;
  --mdc-theme-secondary: #6f6f6f !important;
  --mdc-theme-on-secondary:  #ffffff !important;
  --mdc-theme-error: #b00020 !important;
  --mdc-theme-on-error: #ffffff !important;
  --mdc-theme-surface: #2f2f2f !important;
  --mdc-theme-on-surface: #ffffff !important;
  --mdc-theme-background: #121212 !important;
  --mdc-theme-on-background: #fffff !important;
  --mdc-shape-small:  4px;
  --mdc-shape-medium:  4px;
  --mdc-shape-large:  0px;
  --mdc-typography--font-family:  "Roboto";
  --mdc-theme-text-primary-on-background: #ffffff !important;
}

html {
  scrollbar-face-color: #646464;
  scrollbar-base-color: #646464;
  scrollbar-3dlight-color: #646464;
  scrollbar-highlight-color: #646464;
  scrollbar-track-color: #000;
  scrollbar-arrow-color: #000;
  scrollbar-shadow-color: #646464;
  scrollbar-dark-shadow-color: #646464;
}

::-webkit-scrollbar { width: 12px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #646464;}
::-webkit-scrollbar-track-piece { background-color: #000;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #646464;}}
::-webkit-resizer { background-color: #666;}