body {
  background-color: black;
    color: white;
  }
  span {
    outline: solid 1px #ffffff52;
  }
  

  .code-root, .code-interpolation { color: white; }
  .code-keyword { color: #569cd6; }
  .code-def { color: #dcdcaa; }

  .code-open-comment,
  .code-comment,
  .code-open-block-comment,
  .code-block-comment,
  .code-close-block-comment {
    color: #6a9955!important;
  }

  .code-string,
  .code-template,
  .code-open-string,
  .code-close-string,
  .code-open-template,
  .code-close-template { color: #ce9178; }
  .code-template .code-bracket { color: #809bbd; }
  
  .code-template [text="$"],
  .code-template .code-open-bracket,
  .code-template .code-close-bracket {
    color: #569cd6;
  }
  [text="."] + .code-default,  .code-property { color: #dcdcaa; }
  
  [text=","],
  [text="."] { color: white; }
  .code-active { color: #90abcd; }