highlight.scss

/**
 * Licensed to the .NET Foundation under one or more agreements.
 * The .NET Foundation licenses this file to you under the MIT license.
 */

@use "sass:meta";
@use "highlight.js/scss/vs";
@use "bootstrap/scss/bootstrap";

@include bootstrap.color-mode(dark) {
  /* stylelint-disable-next-line no-invalid-position-at-import-rule */
  @include meta.load-css("highlight.js/scss/vs2015");
}

/* default code block style before hljs loads */
pre code {
  background-color: #f5f5f5;
  color: #000;
  display: block;
  overflow-x: auto;
  padding: 1em;
}

@include bootstrap.color-mode(dark) {
  pre code {
    background: #1E1E1E;
    color: #DCDCDC;
  }
}

.hljs {
  background-color: #f5f5f5;

  @media print {
    overflow-x: hidden;
    text-wrap: pretty;
  }
}

/* For code snippet line highlight */
pre > code .line-highlight {
  background-color: yellow;
}

@include bootstrap.color-mode(dark) {
  pre > code .line-highlight {
    background-color: #4a4a00;
  }
}