midk/src/PianoSheet/index.css

Mapping MIDI keypress to PC keyboard

:root {
  --global-background: #444;

  --piano-header-background: #eb5a7b;

  --base-note-color: #fafafa;
  --sharp-note-color: #444;

  --base-note-name-color: #777;
  --base-note-text-color: #333;
  --sharp-note-text-color: #fafafa;

  --active-note-color: #fb829e;

  --kbd-color: #444d56;
  --kbd-background: transparent;
  --kbd-border-color: #d1d5da;
}

body {
  background: var(--global-background);
}


::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #000;
  -webkit-border-radius: 100px;
}

::-webkit-scrollbar:hover {
  cursor: pointer;
}

::-webkit-scrollbar:active {
  cursor: pointer;
}

::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 100px;
}

::-webkit-scrollbar-thumb:active {
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 100px;
}

::-webkit-scrollbar-thumb:vertical {
  min-height: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
  min-width: 6px;
}