mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 20:19:13 +00:00
17146698db
* Finalize Premium theme * Improve theme compatibility of dark mode shadows * Improve theme compatibility of code examples * Add comments * Revert dark mode shadow color changes (to be addressed separately) * Revert dark mode shadow color change * Clean up redundant `wa-dark` properties
66 lines
1018 B
CSS
66 lines
1018 B
CSS
pre {
|
|
background-color: var(--wa-color-gray-20);
|
|
color: white;
|
|
|
|
/* Ensures a discernible background color in dark mode
|
|
* Useful for themes that use gray-20 as --wa-color-surface-default */
|
|
.wa-dark & {
|
|
background-color: var(--wa-color-surface-lowered);
|
|
}
|
|
}
|
|
.code-comment,
|
|
.code-prolog,
|
|
.code-doctype,
|
|
.code-cdata,
|
|
.code-operator,
|
|
.code-punctuation {
|
|
color: var(--wa-color-gray-70);
|
|
}
|
|
|
|
.code-namespace {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.code-property,
|
|
.code-keyword,
|
|
.code-tag,
|
|
.code-url {
|
|
color: var(--wa-color-indigo-70);
|
|
}
|
|
|
|
.code-symbol,
|
|
.code-deleted,
|
|
.code-important {
|
|
color: var(--wa-color-red-70);
|
|
}
|
|
|
|
.code-boolean,
|
|
.code-constant,
|
|
.code-selector,
|
|
.code-attr-name,
|
|
.code-string,
|
|
.code-char,
|
|
.code-builtin,
|
|
.code-inserted {
|
|
color: var(--wa-color-green-70);
|
|
}
|
|
|
|
.code-atrule,
|
|
.code-attr-value,
|
|
.code-number,
|
|
.code-variable,
|
|
.code-function,
|
|
.code-class-name,
|
|
.code-regex {
|
|
color: var(--wa-color-blue-70);
|
|
}
|
|
|
|
.code-important,
|
|
.code-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.code-italic {
|
|
font-style: italic;
|
|
}
|