2023-05-27 23:13:38 +00:00
|
|
|
/*
|
|
|
|
|
* Citizen
|
|
|
|
|
*
|
|
|
|
|
* SkinStyles for Extension:CommentStreams
|
|
|
|
|
* Module: ext.CommentStreams
|
|
|
|
|
* Version: REL1_39 f75ff3b
|
|
|
|
|
*
|
|
|
|
|
* Date: 2023-05-27
|
|
|
|
|
*/
|
|
|
|
|
|
2023-05-27 18:42:21 +00:00
|
|
|
.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% );
|
2023-05-27 18:43:09 +00:00
|
|
|
|
2023-05-27 18:42:21 +00:00
|
|
|
.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 );
|
2023-05-27 18:43:09 +00:00
|
|
|
background-color: var( --color-surface-1 );
|
2023-05-27 18:42:21 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.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 );
|
2023-05-18 17:53:07 +00:00
|
|
|
}
|
|
|
|
|
}
|
