body.theme--dark,
body:not(.theme--dark),
body.theme--dark .theme--normal {
  pre[class*=language-] {
    border-radius: 0;
    margin: 0;
    padding: spacing(-2) spacing(-1);
    -webkit-overflow-scrolling: touch;
    background-color: color("background-secondary");
  }
  
  code[class*=language-], 
  pre[class*=language-] {
    font-size: font-size(0);
    font-family: "Courier", "Courier New", monospace;
    text-shadow: none;
  }

  div.code-toolbar>.toolbar {
    top: 0;
    right: spacing(-5);
  }

  div.code-toolbar>.toolbar>.toolbar-item>a, 
  div.code-toolbar>.toolbar>.toolbar-item>button, 
  div.code-toolbar>.toolbar>.toolbar-item>span {
    @include set-colors("interactive");
    @include set-font(-1, "multiple");
    padding: 0 spacing(-4);
    box-shadow: $shadow-style-front color("shadow");
    border-radius: 0;

    &:hover {
      background-color: color("interactive-hover");
    }

    &:active {
      box-shadow: $shadow-style-back color("shadow");
    }
  }

  .language-css .token.string {
    background-color: transparent;
  }
}