hybridをScrapboxで使う
そのままでは動かなかったので全部に!importantをつけている
全てのCSSセレクタに.line code.highlightをつけてspan :is()でくくる code:style.css
/**
*/
.line span.code-block {
font-weight: normal;
}
/* color: fg_yellow */
.line code.highlight span:is(
.hljs-title,
.hljs-name
) {
}
/* color: fg_comment */
.line code.highlight span:is(
.hljs-comment,
.hljs-meta,
.hljs-meta .hljs-keyword
) {
}
/* color: fg_red */
.line code.highlight span:is(
.hljs-number,
.hljs-symbol,
.hljs-literal,
.hljs-deletion,
.hljs-link
) {
}
/* color: fg_green */
.line code.highlight span:is(
.hljs-string,
.hljs-doctag,
.hljs-addition,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-pseudo
) {
}
/* color: fg_purple */
.line code.highlight span:is(
.hljs-attr,
.hljs-attribute,
.hljs-code,
.hljs-selector-id
) {
}
/* color: fg_blue */
.line code.highlight span:is(
.hljs-keyword,
.hljs-selector-tag,
.hljs-bullet,
.hljs-tag
) {
}
/* color: fg_aqua */
.line code.highlight span:is(
.hljs-subst,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable
) {
}
/* color: fg_orange */
.line code.highlight span:is(
.hljs-type,
.hljs-built_in,
.hljs-quote,
.hljs-section,
.hljs-selector-class
) {
}
.line code.highlight span.hljs-emphasis {
font-style: italic;
}
.line code.highlight span.hljs-strong {
font-weight: bold;
}