Aesthetically pleasing Stylus fixes for the Glitch editor dark mode

style.css

:root {
  --fonts-mono: "Hack", "Fira Code", "Fira Mono", monospace;
  --fonts-sans: -apple-system, BlinkMacSystemFont, "Inter V", "Segoe UI Variable Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

html {
  --theme-ui-colors-gray-2: gray;
}

.CodeMirror *  {
  font-family: "Hack", "Fira Code", "Fira Mono", monospace; !important;
}

#sidebar, .css-ct1dik {
  background-image: none;
  background-color: var(--variable-shim-primary-background) !important;
  border-right: 1px solid var(--theme-ui-colors-gray-2);
}

button[label="Assets"] {
  border-radius: 0px !important;
}

.active {
  background-color: var(--theme-ui-colors-backgroundSecondary) !important;
}

.css-1pwlkog, .css-lvwdr {
  font-family: inherit;
  text-transform: capitalize;
}

.css-1vlkfoe {
  width: 15px;
}

.css-1gajmml {
  padding: 3px 10px !important;
}

.css-11p6mfv {
  padding-left: 0px;
}

.css-br04fe {
  font-family: var(--fonts-mono);
}

.css-151m034, .css-guid9s, .css-1wr6waa {
  border-bottom: 1px solid var(--theme-ui-colors-gray-2);
}

#project-search-input {
  border-radius: 0px !important;
}