feat(CommentStreams): update CommentStreams style (#647)

* Update ext.CommentStreams.less

* Update README.md
This commit is contained in:
沈澄心 2023-06-03 01:29:01 +08:00 committed by GitHub
parent a269d35dac
commit 109b68172f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 31 additions and 35 deletions

View file

@ -48,7 +48,7 @@ Name | Grade | Version | Last updated
[CleanChanges](https://www.mediawiki.org/wiki/Extension:CleanChanges) | B | MLEB 2021.07 | 2021-07-29
[CodeEditor](https://www.mediawiki.org/wiki/Extension:CodeEditor) | A | REL1_39 `67c012c` | 2022-12-15
[CodeMirror](https://www.mediawiki.org/wiki/Extension:CodeMirror) | A | REL1_35 `a326407` | 2023-05-24
[CommentStreams](https://www.mediawiki.org/wiki/Extension:CommentStreams) | B | REL1_39 `f75ff3b` | 2023-05-27
[CommentStreams](https://www.mediawiki.org/wiki/Extension:CommentStreams) | B | REL1_39 `f75ff3b` | 2023-06-02
[CookieWarning](https://www.mediawiki.org/wiki/Extension:CookieWarning) | A | REL1_35 `3c2ae6a` | 2022-04-29
[DiscussionTools](https://www.mediawiki.org/wiki/Extension:DiscussionTools) | B | REL1_39 `1aae2cc` | 2023-01-21
[DismissableSiteNotice](https://www.mediawiki.org/wiki/Extension:DismissableSiteNotice) | A | N/A | N/A

View file

@ -5,45 +5,41 @@
* Module: ext.CommentStreams
* Version: REL1_39 f75ff3b
*
* Date: 2023-05-27
* Date: 2023-06-02
*/
.cs-comments {
.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 );
&-edit-box {
background-color: var( --color-surface-1 );
}
border: 1px solid var( --border-color-base );
}
.cs-comment-title {
&-comment {
&-title {
color: var( --color-base--emphasized );
}
}
.cs-comment-details {
&-details {
color: var( --color-base--subtle );
}
}
.cs-comment-header {
&-header {
.cs-collapsed & {
background-color: var( --color-cs-comment-header-collapsed );
background-color: var( --color-surface-2 );
}
.cs-expanded & {
background-color: var( --color-cs-comment-header-expanded );
background-color: rgba( 51, 102, 204, 0.1 );
}
.cs-reply-comment > & {
background-color: var( --color-cs-comment-header-reply );
background-color: var( --color-surface-1 );
border-top: 1px solid var( --border-color-base );
}
}
}
}