From 109b68172f7661696f7b1abe53fab0a4c2bf4a6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=88=E6=BE=84=E5=BF=83?= <dringsim@qq.com>
Date: Sat, 3 Jun 2023 01:29:01 +0800
Subject: [PATCH] feat(CommentStreams): update CommentStreams style (#647)

* Update ext.CommentStreams.less

* Update README.md
---
 README.md                                     |  2 +-
 .../CommentStreams/ext.CommentStreams.less    | 64 +++++++++----------
 2 files changed, 31 insertions(+), 35 deletions(-)

diff --git a/README.md b/README.md
index 18d454a0..afc242f3 100644
--- a/README.md
+++ b/README.md
@@ -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
diff --git a/skinStyles/extensions/CommentStreams/ext.CommentStreams.less b/skinStyles/extensions/CommentStreams/ext.CommentStreams.less
index 0c71646a..4988e3c9 100644
--- a/skinStyles/extensions/CommentStreams/ext.CommentStreams.less
+++ b/skinStyles/extensions/CommentStreams/ext.CommentStreams.less
@@ -5,45 +5,41 @@
  * Module: ext.CommentStreams
  * Version: REL1_39 f75ff3b
  *
- * Date: 2023-05-27
+ * Date: 2023-06-02
  */
 
-.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 {
+	&-comments {
+		font-family: var( --font-family-base );
 	}
 
-	.cs-expanded & {
-		background-color: var( --color-cs-comment-header-expanded );
+	&-edit-box {
+		background-color: var( --color-surface-1 );
+		border: 1px solid var( --border-color-base );
 	}
 
-	.cs-reply-comment > & {
-		background-color: var( --color-cs-comment-header-reply );
+	&-comment {
+		&-title {
+			color: var( --color-base--emphasized );
+		}
+
+		&-details {
+			color: var( --color-base--subtle );
+		}
+
+		&-header {
+			.cs-collapsed & {
+				background-color: var( --color-surface-2 );
+			}
+
+			.cs-expanded & {
+				background-color: rgba( 51, 102, 204, 0.1 );
+			}
+
+			.cs-reply-comment > & {
+				background-color: var( --color-surface-1 );
+				border-top: 1px solid var( --border-color-base );
+			}
+		}
 	}
 }