.cs-comments { font-family: var( --font-family-base ); --color-cs-comment-header-collapsed: hsl( 210, 17%, 93% ); --color-cs-comment-header-expanded: hsl( 210, 90%, 93% ); --color-cs-comment-header-reply: hsl( 210, 60%, 96% ); .skin-citizen-dark & { --color-cs-comment-header-collapsed: hsl( 210, 17%, 7% ); --color-cs-comment-header-expanded: hsl( 210, 90%, 7% ); --color-cs-comment-header-reply: hsl( 210, 60%, 10% ); } } .cs-edit-box { border: 1px solid var( --border-color-base ); background-color: var( --color-surface-1 ); } .cs-comment-title { color: var( --color-base--emphasized ); } .cs-comment-details { color: var( --color-base--subtle ); } .cs-comment-header { .cs-collapsed & { background-color: var( --color-cs-comment-header-collapsed ); } .cs-expanded & { background-color: var( --color-cs-comment-header-expanded ); } .cs-reply-comment > & { background-color: var( --color-cs-comment-header-reply ); } }