table.markdownTable th { color: unset; } /* overrides from default CSS for some admonitions */ dl.note, dl.remark, dl.warning, dl.attention, dl.important, dl.deprecated, dl.see { color: unset; box-shadow: 5px 5px 5px hsla(0, 0%, 19.2%, 0.5); } dl.remark { background: var(--remark-color-bg); border-left: 8px solid var(--remark-color-hl); } dl.remark dt { color: var(--remark-color-hl); } dl.important dt { color: var(--important-color-hl); } dl.important { background: var(--important-color-bg); border-left: 8px solid var(--important-color-hl); } dl.attention dt { color: var(--attention-color-hl); } dl.attention { background: var(--attention-color-bg); border-left: 8px solid var(--attention-color-hl); } dl.deprecated dt { color: var(--deprecated-color-hl); } dl.deprecated { background: var(--deprecated-color-bg); border-left: 8px solid var(--deprecated-color-hl); } /* special rules to accent `/see` or `/sa` command output */ dl.see { background: var(--seealso-color-bg); border-left: 8px solid var(--seealso-color-hl); } dl.see dt { color: var(--seealso-color-hl); } dl.see { padding: 10px; margin: 10px 0px; overflow: hidden; margin-left: 0; border-radius: 4px; } dl.see dd { margin-left: 0; } /* admonition icons */ dl.note dt::before { background-color: var(--note-color-hl); mask-image: var(--note-icon); } dl.see dt::before { background-color: var(--seealso-color-hl); mask-image: var(--seealso-icon); } dl.remark dt::before { background-color: var(--remark-color-hl); mask-image: var(--remark-icon); } dl.warning dt::before { background-color: var(--warning-color-hl); mask-image: var(--warning-icon); } dl.deprecated dt::before { background-color: var(--deprecated-color-hl); mask-image: var(--deprecated-icon); } dl.important dt::before { background-color: var(--important-color-hl); mask-image: var(--important-icon); } dl.attention dt::before { background-color: var(--attention-color-hl); mask-image: var(--attention-icon); } dl.note dt::before, dl.see dt::before, dl.warning dt::before, dl.remark dt::before, dl.deprecated dt::before, dl.important dt::before, dl.attention dt::before { vertical-align: middle; background-repeat: no-repeat; content: ""; display: inline-block; height: 2em; width: 2em; margin-right: 0.25rem; } dl.note dt, dl.see dt, dl.warning dt, dl.remark dt, dl.deprecated dt, dl.important dt, dl.attention dt { margin-top: -0.35em; margin-bottom: 0.5em; } /* icon SVG data */ *:root { --note-icon: url('data:image/svg+xml;utf8,'); --warning-icon: url('data:image/svg+xml;utf8,'); --remark-icon: url('data:image/svg+xml;utf8,'); --attention-icon: url('data:image/svg+xml;utf8,'); --important-icon: url('data:image/svg+xml;utf8,'); --seealso-icon: url('data:image/svg+xml;utf8,'); --deprecated-icon: url('data:image/svg+xml;utf8,'); } /* color overrides */ html, html.dark-mode { --note-color-hl: hsl(213.7, 92.8%, 62%); --note-color-bg: hsla(213.7, 92.8%, 62%, 12.5%); --warning-color-hl: hsl(40.6, 72.1%, 47.8%); --warning-color-bg: hsla(40.6, 72.1%, 47.8%, 12.5%); --attention-color-hl: hsl(2.7, 92.6%, 62.9%); --attention-color-bg: hsla(2.7, 92.6%, 62.9%, 12.5%); --deprecated-color-hl: hsl(0, 0%, 47%); --deprecated-color-bg: hsla(0, 0%, 47%, 12.5%); --seealso-color-hl: hsl(323, 72%, 52%); --seealso-color-bg: hsla(323, 72%, 52%, 12.5%); --remark-color-hl: hsl(128.4, 49.2%, 48.6%); --remark-color-bg: hsla(128.4, 49.2%, 48.6%, 12.5%); --important-color-hl: hsl(262.4, 89.8%, 73.1%); --important-color-bg: hsla(262.4, 89.8%, 73.1%, 12.5%); }