js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 11:09:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve code highlighter contrast in dark mode

Browse Source
This commit is contained in:
Cory LaViska
2020-08-19 08:56:31 -04:00
parent 956129950c
commit 85952f296c
1 changed files with 50 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
docs/assets/styles/docs-dark.css
View File

@@ -110,6 +110,56 @@
color: var(--sl-color-gray-40);
}
.sl-theme-dark .markdown-section pre .token.prolog,
.sl-theme-dark .markdown-section pre .token.doctype,
.sl-theme-dark .markdown-section pre .token.cdata,
.sl-theme-dark .markdown-section pre .token.operator {
color: var(--sl-color-gray-70);
}
.sl-theme-dark .markdown-section pre .token.property,
.sl-theme-dark .markdown-section pre .token.keyword,
.sl-theme-dark .markdown-section pre .token.tag,
.sl-theme-dark .markdown-section pre .token.url {
color: var(--sl-color-primary-65);
}
.sl-theme-dark .markdown-section pre .token.symbol,
.sl-theme-dark .markdown-section pre .token.deleted {
color: #f92672;
}
.sl-theme-dark .markdown-section pre .token.boolean,
.sl-theme-dark .markdown-section pre .token.constant,
.sl-theme-dark .markdown-section pre .token.selector,
.sl-theme-dark .markdown-section pre .token.attr-name,
.sl-theme-dark .markdown-section pre .token.string,
.sl-theme-dark .markdown-section pre .token.char,
.sl-theme-dark .markdown-section pre .token.builtin,
.sl-theme-dark .markdown-section pre .token.inserted {
color: var(--sl-color-success-60);
}
.sl-theme-dark .markdown-section pre .token.atrule,
.sl-theme-dark .markdown-section pre .token.attr-value,
.sl-theme-dark .markdown-section pre .token.number,
.sl-theme-dark .markdown-section pre .token.variable {
color: #c380ff;
}
.sl-theme-dark .markdown-section pre .token.function,
.sl-theme-dark .markdown-section pre .token.class-name {
color: #ffbb4d;
}
.sl-theme-dark .markdown-section pre .token.regex {
color: #f8bd5b;
}
.sl-theme-dark .markdown-section pre .token.important {
color: #fd495f;
}
/* Repo buttons */
.sl-theme-dark .repo-button {
background-color: var(--sl-color-gray-10);