beepbox terminal theme but i modified it

@font-face {
  src: url('https://files.catbox.moe/vtsy6k.ttf');
  font-family: "msdos";
}

:root {
  --page-margin: black;
  --editor-background: #010;
  --hover-preview: #000200;
  --playhead: #393;
  --primary-text: #393;
  --secondary-text: #393;
  --inverted-text: #013910;
  --text-selection: #040;
  --box-selection-fill: #040;
  --loop-accent: #393;
  --link-accent: #393;
  --ui-widget-background: #000800;
  --ui-widget-focus: #013910;
  --pitch-background: #000800;
  --tonic: #006400;
  --fifth-note: #393;
  --white-piano-key: #393;
  --black-piano-key: black;
  --white-piano-key-text: #131200;
  --black-piano-key-text: #393;
  --use-color-formula: false;
  --track-editor-bg-pitch: #000800;
  --track-editor-bg-pitch-dim: #000600;
  --track-editor-bg-noise: #000800;
  --track-editor-bg-noise-dim: #000600;
  --track-editor-bg-mod: #000800;
  --track-editor-bg-mod-dim: #000600;
  --multiplicative-mod-slider: #456;
  --overwriting-mod-slider: #393;
  --indicator-primary: #393;
  --indicator-secondary: #222;
  --select2-opt-group: #020;
  --input-box-outline: transparent;
  --mute-button-normal: #393;
  --mute-button-mod: #393;
  --pitch1-secondary-channel: #013910;
  --pitch1-primary-channel: #393;
  --pitch1-secondary-note: #013910;
  --pitch1-primary-note: #393;
  --pitch2-secondary-channel: #013910;
  --pitch2-primary-channel: #393;
  --pitch2-secondary-note: #013910;
  --pitch2-primary-note: #393;
  --pitch3-secondary-channel: #013910;
  --pitch3-primary-channel: #393;
  --pitch3-secondary-note: #013910;
  --pitch3-primary-note: #393;
  --pitch4-secondary-channel: #013910;
  --pitch4-primary-channel: #393;
  --pitch4-secondary-note: #013910;
  --pitch4-primary-note: #393;
  --pitch5-secondary-channel: #013910;
  --pitch5-primary-channel: #393;
  --pitch5-secondary-note: #013910;
  --pitch5-primary-note: #393;
  --pitch6-secondary-channel: #013910;
  --pitch6-primary-channel: #393;
  --pitch6-secondary-note: #013910;
  --pitch6-primary-note: #393;
  --pitch7-secondary-channel: #013910;
  --pitch7-primary-channel: #393;
  --pitch7-secondary-note: #013910;
  --pitch7-primary-note: #393;
  --pitch8-secondary-channel: #013910;
  --pitch8-primary-channel: #393;
  --pitch8-secondary-note: #013910;
  --pitch8-primary-note: #393;
  --pitch9-secondary-channel: #013910;
  --pitch9-primary-channel: #393;
  --pitch9-secondary-note: #013910;
  --pitch9-primary-note: #393;
  --pitch10-secondary-channel: #013910;
  --pitch10-primary-channel: #393;
  --pitch10-secondary-note: #013910;
  --pitch10-primary-note: #393;
  --noise1-secondary-channel: #013910;
  --noise1-primary-channel: #393;
  --noise1-secondary-note: #013910;
  --noise1-primary-note: #393;
  --noise2-secondary-channel: #013910;
  --noise2-primary-channel: #393;
  --noise2-secondary-note: #013910;
  --noise2-primary-note: #393;
  --noise3-secondary-channel: #013910;
  --noise3-primary-channel: #393;
  --noise3-secondary-note: #013910;
  --noise3-primary-note: #393;
  --noise4-secondary-channel: #013910;
  --noise4-primary-channel: #393;
  --noise4-secondary-note: #013910;
  --noise4-primary-note: #393;
  --noise5-secondary-channel: #013910;
  --noise5-primary-channel: #393;
  --noise5-secondary-note: #013910;
  --noise5-primary-note: #393;
  --mod1-secondary-channel: #013910;
  --mod1-primary-channel: #393;
  --mod1-secondary-note: #013910;
  --mod1-primary-note: #393;
  --mod2-secondary-channel: #013910;
  --mod2-primary-channel: #393;
  --mod2-secondary-note: #013910;
  --mod2-primary-note: #393;
  --mod3-secondary-channel: #013910;
  --mod3-primary-channel: #393;
  --mod3-secondary-note: #013910;
  --mod3-primary-note: #393;
  --mod4-secondary-channel: #013910;
  --mod4-primary-channel: #393;
  --mod4-secondary-note: #013910;
  --mod4-primary-note: #393;
  --mod-label-primary: #999;
  --mod-label-secondary-text: #333;
  --mod-label-primary-text: #222;
  --disabled-note-primary: #242;
  --disabled-note-secondary: #121;
  font-family: 'msdos';
}

#beepboxEditorContainer::after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(10, 10, 10, 0) 50%, rgba(10, 10, 10, 0.5) 50%);
  left: 0;
  top: 0;
  background-size: 100% 2px;
  touch-action: none;
  pointer-events: none;
  z-index: 100;
}

* {
  font-family: 'msdos';
}