summaryrefslogtreecommitdiff
path: root/client/css/comment-control.styl
diff options
context:
space:
mode:
authorShyam Sunder <sgsunder1@gmail.com>2020-08-22 16:59:13 -0400
committerShyam Sunder <sgsunder1@gmail.com>2020-08-26 13:19:56 -0400
commitc004eb36c22852e3dc6cfd10954e9ae5ceb80a09 (patch)
treedc36f7b69c4476e109a3b4a7926fd7d492cfb6ca /client/css/comment-control.styl
parent1bbcaf11f7b064f2a40245b79d392cbbf0324484 (diff)
client/css: implement dark theme option
Diffstat (limited to 'client/css/comment-control.styl')
-rw-r--r--client/css/comment-control.styl15
1 files changed, 14 insertions, 1 deletions
diff --git a/client/css/comment-control.styl b/client/css/comment-control.styl
index 7e98171..0d5959b 100644
--- a/client/css/comment-control.styl
+++ b/client/css/comment-control.styl
@@ -1,5 +1,7 @@
@import colors
$comment-header-background-color = $top-navigation-color
+$comment-header-background-color-darktheme = $top-navigation-color-darktheme
+
$comment-border-color = #DDD
.comment-container
@@ -81,7 +83,7 @@ $comment-border-color = #DDD
.edit, .delete, .score-container a, .nickname a
&:not(.inactive)
- color: mix($main-color, $inactive-tab-text-color)
+ color: mix($main-color, $inactive-link-color)
i
margin-right: 0.3em
@@ -112,6 +114,17 @@ $comment-border-color = #DDD
.messages
margin: 1em 0
+.darktheme .comment-container .comment header
+ background: $comment-header-background-color-darktheme
+ nav.edit
+ ul
+ li
+ &.active
+ background: $window-color-darktheme
+ border-bottom: 1px solid $window-color-darktheme
+ .edit, .delete, .score-container a, .nickname a
+ &:not(.inactive)
+ color: mix($main-color, $inactive-link-color-darktheme)
.comment-content
ul, ol