1
Fork 0
userstyles/sass/tildes-dracula/_comments.sass

155 lines
2.4 KiB
Sass

@import '_colors.sass'
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
.btn-comment-collapse
color: $cyan
border-color: $cyan
background: transparent
&:hover,
&:active,
&:focus
color: $background
border-color: $pink
background: $pink
.comment
border-color: $background
&:target > .comment-itself
border-left: 3px solid $green !important
.comment-itself
header
background-color: $background
.comment-nav-link
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
&:visited
color: $cyan
&:hover,
&:active,
&:focus
color: $pink
.comment-user-info
color: $yellow
.time-responsive-full
color: $foreground
.comment-exemplary-reasons
background-color: $background
padding: 5px
&[open]
border-bottom: 1px solid $cyan
ul
margin-left: 1.3rem
margin-bottom: 0
.comment[data-comment-depth='0']
border-color: $background
.is-comment-collapsed header .link-user
color: $green
.label-comment-exemplary
color: $background
border-color: $cyan
background-color: $cyan
.post-buttons
padding: 0
.post-button
color: $cyan
padding: 6px 8px
margin: 6px
margin-bottom: 0px
&:hover,
&:active,
&:focus
color: $pink
text-decoration: none
.post-button-used
color: $pink
text-decoration: underline
&:hover,
&:active,
&:focus
color: $cyan
text-decoration: underline
.btn-comment-label-exemplary
color: $cyan
border-color: $cyan
&:hover
color: $cyan
&.btn-used:hover
color: $background
background-color: $cyan
.btn-comment-label-offtopic
color: $green
border-color: $green
&:hover
color: $green
&.btn-used:hover
color: $background
background-color: $green
.btn-comment-label-joke
color: $yellow
border-color: $yellow
&:hover
color: $yellow
&.btn-used:hover
color: $background
background-color: $yellow
.btn-comment-label-noise
color: $orange
border-color: $orange
&:hover
color: $orange
&.btn-used:hover
color: $background
background-color: $orange
.btn-comment-label-malice
color: $red
border-color: $red
&:hover
color: $red
&.btn-used:hover
color: $background
background-color: $red
.btn-comment-label.btn-used
border: none