同じレイヤーの前のルール、前のレイヤー、ブラウザの既定のスタイルのどこへ値が戻るかを、revert-rule・revert-layer・revertを切り替えて確認できます。
.rr-quietに書くキーワード
.rr-highlightと.rr-highlight.rr-quiet
要素に当てているCSSです。
@layer rr-base {
.rr-highlight {
color: var(--color-fg-base);
background-color: var(--color-bg-emphasize);
}
}
@layer rr-components {
.rr-highlight {
color: var(--color-primary-fg);
background-color: var(--color-primary-bg);
}
.rr-highlight.rr-quiet {
color: revert-rule;
background-color: revert-rule;
}
}