highlight-it/dist/styles/stackoverflow.css

A lightweight syntax highlighting library with themes, line numbers, and copy functionality

/*!
  Theme: StackOverflow Light
  Description: Light theme as used on stackoverflow.com
  Author: stackoverflow.com
  Maintainer: @Hirse
  Website: https://github.com/StackExchange/Stacks
  License: MIT
  Updated: 2021-05-15

  Updated for @stackoverflow/stacks v0.64.0
  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
*/

/*!
  Theme: StackOverflow Dark
  Description: Dark theme as used on stackoverflow.com
  Author: stackoverflow.com
  Maintainer: @Hirse
  Website: https://github.com/StackExchange/Stacks
  License: MIT
  Updated: 2021-05-15

  Updated for @stackoverflow/stacks v0.64.0
  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
*/

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}

code.hljs {
  padding: 3px 5px;
}

:root {
  color: #ffffff;
}

.hljs-subst {
  color: #ffffff;
}

.hljs-comment {
  color: #999999;
}

.hljs-meta .hljs-keyword,
.hljs-doctag,
.hljs-section {
  color: #88aece;
}

.hljs-attr {
  color: #88aece;
}

.hljs-attribute {
  color: #c59bc1;
}

.hljs-template-tag {
  color: #f08d49;
}

.hljs-selector-class {
  color: #88aece;
}

.hljs-selector-attr {
  color: #b5bd68;
}

.hljs-selector-pseudo {
  color: #88aece;
}

.hljs-literal {
  color: #f08d49;
}

.hljs-code {
  color: #cccccc;
}

.hljs-meta .hljs-string {
  color: #b5bd68;
}

.hljs-deletion {
  color: #de7176;
}

.hljs-addition {
  color: #76c490;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.highlightit-theme-light {
  color: #2f3337;
  .hljs-subst {
    color: #2f3337;
  }

  .hljs-comment {
    color: #656e77;
  }

  .hljs-meta .hljs-keyword,
  .hljs-doctag,
  .hljs-section {
    color: #015692;
  }

  .hljs-attr {
    color: #015692;
  }

  .hljs-attribute {
    color: #803378;
  }

  .hljs-template-tag {
    color: #b75501;
  }

  .hljs-selector-class {
    color: #015692;
  }

  .hljs-selector-attr {
    color: #54790d;
  }

  .hljs-selector-pseudo {
    color: #015692;
  }

  .hljs-literal {
    color: #b75501;
  }

  .hljs-code {
    color: #535a60;
  }

  .hljs-meta .hljs-string {
    color: #54790d;
  }

  .hljs-deletion {
    color: #c02d2e;
  }

  .hljs-addition {
    color: #2f6f44;
  }

  .hljs-emphasis {
    font-style: italic;
  }

  .hljs-strong {
    font-weight: bold;
  }
}

@media (prefers-color-scheme: light) {
  :root.highlightit-theme-auto {
    color: #2f3337;
    .hljs-subst {
      color: #2f3337;
    }

    .hljs-comment {
      color: #656e77;
    }

    .hljs-meta .hljs-keyword,
    .hljs-doctag,
    .hljs-section {
      color: #015692;
    }

    .hljs-attr {
      color: #015692;
    }

    .hljs-attribute {
      color: #803378;
    }

    .hljs-template-tag {
      color: #b75501;
    }

    .hljs-selector-class {
      color: #015692;
    }

    .hljs-selector-attr {
      color: #54790d;
    }

    .hljs-selector-pseudo {
      color: #015692;
    }

    .hljs-literal {
      color: #b75501;
    }

    .hljs-code {
      color: #535a60;
    }

    .hljs-meta .hljs-string {
      color: #54790d;
    }

    .hljs-deletion {
      color: #c02d2e;
    }

    .hljs-addition {
      color: #2f6f44;
    }

    .hljs-emphasis {
      font-style: italic;
    }

    .hljs-strong {
      font-weight: bold;
    }
  }
}

.highlightit-container[data-theme='light'],
.highlightit-container pre[data-theme='light'],
.highlightit-container code[data-theme='light'] {
  color: #2f3337;
  .hljs-subst {
    color: #2f3337;
  }

  .hljs-comment {
    color: #656e77;
  }

  .hljs-meta .hljs-keyword,
  .hljs-doctag,
  .hljs-section {
    color: #015692;
  }

  .hljs-attr {
    color: #015692;
  }

  .hljs-attribute {
    color: #803378;
  }

  .hljs-template-tag {
    color: #b75501;
  }

  .hljs-selector-class {
    color: #015692;
  }

  .hljs-selector-attr {
    color: #54790d;
  }

  .hljs-selector-pseudo {
    color: #015692;
  }

  .hljs-literal {
    color: #b75501;
  }

  .hljs-code {
    color: #535a60;
  }

  .hljs-meta .hljs-string {
    color: #54790d;
  }

  .hljs-deletion {
    color: #c02d2e;
  }

  .hljs-addition {
    color: #2f6f44;
  }

  .hljs-emphasis {
    font-style: italic;
  }

  .hljs-strong {
    font-weight: bold;
  }
}

.highlightit-container[data-theme='dark'],
.highlightit-container pre[data-theme='dark'],
.highlightit-container code[data-theme='dark'] {
  color: #ffffff;
  .hljs-subst {
    color: #ffffff;
  }

  .hljs-comment {
    color: #999999;
  }

  .hljs-meta .hljs-keyword,
  .hljs-doctag,
  .hljs-section {
    color: #88aece;
  }

  .hljs-attr {
    color: #88aece;
  }

  .hljs-attribute {
    color: #c59bc1;
  }

  .hljs-template-tag {
    color: #f08d49;
  }

  .hljs-selector-class {
    color: #88aece;
  }

  .hljs-selector-attr {
    color: #b5bd68;
  }

  .hljs-selector-pseudo {
    color: #88aece;
  }

  .hljs-literal {
    color: #f08d49;
  }

  .hljs-code {
    color: #cccccc;
  }

  .hljs-meta .hljs-string {
    color: #b5bd68;
  }

  .hljs-deletion {
    color: #de7176;
  }

  .hljs-addition {
    color: #76c490;
  }

  .hljs-emphasis {
    font-style: italic;
  }

  .hljs-strong {
    font-weight: bold;
  }
}