highlight-it/dist/styles/isbl-editor.css

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

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

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

:root {
  color: #f0f0f0;
}

.hljs-subst {
  color: #f0f0f0;
}

.hljs-comment {
  color: #b5b5b5;
  font-style: italic;
}

.hljs-meta .hljs-keyword,
.hljs-doctag,
.hljs-name {
  color: #f0f0f0;
  font-weight: bold;
}

.hljs-string {
  color: #97bf0d;
}

.hljs-deletion {
  color: #f0f0f0;
}

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

.hljs-literal {
  color: #97bf0d;
  font-weight: bold;
}

.hljs-addition {
  color: #397300;
}

.hljs-class {
  color: #ce9d4d;
  font-weight: bold;
}

.hljs-section {
  color: #df471e;
}

.hljs-built_in {
  color: #81bce9;
  font-weight: normal;
}

.hljs-meta {
  color: #1f7199;
}

.hljs-meta .hljs-string {
  color: #4d99bf;
}

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

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

.highlightit-theme-light {
  color: black;
  .hljs-subst {
    color: black;
  }

  .hljs-comment {
    color: #555555;
    font-style: italic;
  }

  .hljs-meta .hljs-keyword,
  .hljs-doctag,
  .hljs-name {
    color: #000000;
    font-weight: bold;
  }

  .hljs-string {
    color: #000080;
  }

  .hljs-deletion {
    color: #000000;
  }

  .hljs-selector-pseudo {
    color: #5e1700;
  }

  .hljs-literal {
    color: #000080;
    font-weight: bold;
  }

  .hljs-addition {
    color: #397300;
  }

  .hljs-class {
    color: #6f1c00;
    font-weight: bold;
  }

  .hljs-section {
    color: #fb2c00;
  }

  .hljs-built_in {
    color: #008080;
    font-weight: normal;
  }

  .hljs-meta {
    color: #1f7199;
  }

  .hljs-meta .hljs-string {
    color: #4d99bf;
  }

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

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

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

    .hljs-comment {
      color: #555555;
      font-style: italic;
    }

    .hljs-meta .hljs-keyword,
    .hljs-doctag,
    .hljs-name {
      color: #000000;
      font-weight: bold;
    }

    .hljs-string {
      color: #000080;
    }

    .hljs-deletion {
      color: #000000;
    }

    .hljs-selector-pseudo {
      color: #5e1700;
    }

    .hljs-literal {
      color: #000080;
      font-weight: bold;
    }

    .hljs-addition {
      color: #397300;
    }

    .hljs-class {
      color: #6f1c00;
      font-weight: bold;
    }

    .hljs-section {
      color: #fb2c00;
    }

    .hljs-built_in {
      color: #008080;
      font-weight: normal;
    }

    .hljs-meta {
      color: #1f7199;
    }

    .hljs-meta .hljs-string {
      color: #4d99bf;
    }

    .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: black;
  .hljs-subst {
    color: black;
  }

  .hljs-comment {
    color: #555555;
    font-style: italic;
  }

  .hljs-meta .hljs-keyword,
  .hljs-doctag,
  .hljs-name {
    color: #000000;
    font-weight: bold;
  }

  .hljs-string {
    color: #000080;
  }

  .hljs-deletion {
    color: #000000;
  }

  .hljs-selector-pseudo {
    color: #5e1700;
  }

  .hljs-literal {
    color: #000080;
    font-weight: bold;
  }

  .hljs-addition {
    color: #397300;
  }

  .hljs-class {
    color: #6f1c00;
    font-weight: bold;
  }

  .hljs-section {
    color: #fb2c00;
  }

  .hljs-built_in {
    color: #008080;
    font-weight: normal;
  }

  .hljs-meta {
    color: #1f7199;
  }

  .hljs-meta .hljs-string {
    color: #4d99bf;
  }

  .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: #f0f0f0;
  .hljs-subst {
    color: #f0f0f0;
  }

  .hljs-comment {
    color: #b5b5b5;
    font-style: italic;
  }

  .hljs-meta .hljs-keyword,
  .hljs-doctag,
  .hljs-name {
    color: #f0f0f0;
    font-weight: bold;
  }

  .hljs-string {
    color: #97bf0d;
  }

  .hljs-deletion {
    color: #f0f0f0;
  }

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

  .hljs-literal {
    color: #97bf0d;
    font-weight: bold;
  }

  .hljs-addition {
    color: #397300;
  }

  .hljs-class {
    color: #ce9d4d;
    font-weight: bold;
  }

  .hljs-section {
    color: #df471e;
  }

  .hljs-built_in {
    color: #81bce9;
    font-weight: normal;
  }

  .hljs-meta {
    color: #1f7199;
  }

  .hljs-meta .hljs-string {
    color: #4d99bf;
  }

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

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