mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 04:09:12 +00:00
69 lines
1.1 KiB
CSS
69 lines
1.1 KiB
CSS
/* Only code blocks generated by our docs get these styles */
|
|
pre[id*='code-block-'] {
|
|
color-scheme: dark;
|
|
color: white;
|
|
background-color: var(--wa-color-neutral-20);
|
|
|
|
/* 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;
|
|
}
|