highlight-it/dist/styles/tokyo-night.css

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

/*!
  Theme: Tokyo-night-light
  origin: https://github.com/enkia/tokyo-night-vscode-theme
  Description: Original highlight.js style
  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
  License: see project LICENSE
  Touched: 2022
*/

/*!
  Theme: Tokyo-night-Dark
  origin: https://github.com/enkia/tokyo-night-vscode-theme
  Description: Original highlight.js style
  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
  License: see project LICENSE
  Touched: 2022
*/

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

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

:root {
  color: #9aa5ce;
}

.hljs-comment {
  color: #565f89;
}

.hljs-deletion {
  color: #f7768e;
}

.hljs-link {
  color: #ff9e64;
}

.hljs-attribute {
  color: #e0af68;
}

.hljs-selector-tag {
  color: #73daca;
}

.hljs-property {
  color: #7dcfff;
}

.hljs-addition {
  color: #9ece6a;
}

.hljs-section {
  color: #7aa2f7;
}

.hljs-attr {
  color: #bb9af7;
}

.hljs-punctuation {
  color: #c0caf5;
}

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

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

.highlightit-theme-light {
  color: #565a6e;
  .hljs-comment {
    color: #9699a3;
  }

  .hljs-deletion {
    color: #8c4351;
  }

  .hljs-link {
    color: #965027;
  }

  .hljs-attribute {
    color: #8f5e15;
  }

  .hljs-selector-tag {
    color: #33635c;
  }

  .hljs-property {
    color: #0f4b6e;
  }

  .hljs-addition {
    color: #485e30;
  }

  .hljs-section {
    color: #34548a;
  }

  .hljs-attr {
    color: #5a4a78;
  }

  .hljs-punctuation {
    color: #343b58;
  }

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

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

@media (prefers-color-scheme: light) {
  :root.highlightit-theme-auto {
    color: #565a6e;
    .hljs-comment {
      color: #9699a3;
    }

    .hljs-deletion {
      color: #8c4351;
    }

    .hljs-link {
      color: #965027;
    }

    .hljs-attribute {
      color: #8f5e15;
    }

    .hljs-selector-tag {
      color: #33635c;
    }

    .hljs-property {
      color: #0f4b6e;
    }

    .hljs-addition {
      color: #485e30;
    }

    .hljs-section {
      color: #34548a;
    }

    .hljs-attr {
      color: #5a4a78;
    }

    .hljs-punctuation {
      color: #343b58;
    }

    .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: #565a6e;
  .hljs-comment {
    color: #9699a3;
  }

  .hljs-deletion {
    color: #8c4351;
  }

  .hljs-link {
    color: #965027;
  }

  .hljs-attribute {
    color: #8f5e15;
  }

  .hljs-selector-tag {
    color: #33635c;
  }

  .hljs-property {
    color: #0f4b6e;
  }

  .hljs-addition {
    color: #485e30;
  }

  .hljs-section {
    color: #34548a;
  }

  .hljs-attr {
    color: #5a4a78;
  }

  .hljs-punctuation {
    color: #343b58;
  }

  .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: #9aa5ce;
  .hljs-comment {
    color: #565f89;
  }

  .hljs-deletion {
    color: #f7768e;
  }

  .hljs-link {
    color: #ff9e64;
  }

  .hljs-attribute {
    color: #e0af68;
  }

  .hljs-selector-tag {
    color: #73daca;
  }

  .hljs-property {
    color: #7dcfff;
  }

  .hljs-addition {
    color: #9ece6a;
  }

  .hljs-section {
    color: #7aa2f7;
  }

  .hljs-attr {
    color: #bb9af7;
  }

  .hljs-punctuation {
    color: #c0caf5;
  }

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

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