175 lines
2.7 KiB
Sass
175 lines
2.7 KiB
Sass
@import '_colors.sass'
|
|
|
|
body:not(.theme),
|
|
body.theme-light,
|
|
body.theme-dark,
|
|
body.theme-black
|
|
.toast
|
|
color: $foreground
|
|
border-color: $comment
|
|
background-color: $background
|
|
|
|
.divider
|
|
border-color: $background
|
|
|
|
.empty-subtitle
|
|
color: $foreground
|
|
|
|
.post-listing
|
|
.topic
|
|
background-color: $background
|
|
|
|
.label-topic-tag
|
|
color: $comment
|
|
|
|
.link-user
|
|
color: $green
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $pink
|
|
|
|
&:visited
|
|
color: $green
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $pink
|
|
|
|
.label-topic-tag a
|
|
color: $comment
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $pink
|
|
|
|
.text-secondary
|
|
font-style: normal
|
|
font-weight: bold
|
|
color: $comment
|
|
|
|
.text-warning
|
|
color: $background
|
|
background-color: $orange
|
|
padding: 10px
|
|
|
|
blockquote.text-warning
|
|
color: $foreground
|
|
background-color: $background
|
|
|
|
.form-status-success
|
|
color: $green
|
|
|
|
.form-status-error
|
|
color: $red
|
|
|
|
.is-comment-new .comment-text
|
|
color: $foreground
|
|
|
|
.is-topic-official h1 a:visited
|
|
color: $red
|
|
|
|
.label-topic-tag-spoiler
|
|
background-color: $yellow
|
|
|
|
a
|
|
color: $background
|
|
|
|
.label-topic-tag-nsfw
|
|
background-color: $red
|
|
|
|
a
|
|
color: $background
|
|
|
|
.topic-voting.btn
|
|
border-style: solid
|
|
|
|
.btn,
|
|
.btn.btn-link
|
|
color: $cyan
|
|
border-color: $cyan
|
|
background: transparent
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $background
|
|
border-color: $pink
|
|
background: $pink
|
|
|
|
&:visited
|
|
color: $cyan
|
|
border-color: $cyan
|
|
background: transparent
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $background
|
|
border-color: $pink
|
|
background: $pink
|
|
|
|
.btn-used,
|
|
.topic-voting.btn-used
|
|
color: $background
|
|
border-color: $pink
|
|
background: $pink
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $background
|
|
border-color: $pink
|
|
background: $pink
|
|
|
|
.btn.btn-primary
|
|
color: $background
|
|
background: $cyan
|
|
border-color: $cyan
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $background
|
|
border-color: $pink
|
|
background: $pink
|
|
|
|
.is-topic-official
|
|
border-left-color: $red !important
|
|
|
|
h1 a
|
|
color: $red
|
|
|
|
.is-topic-mine
|
|
border-left-color: $purple !important
|
|
|
|
h1 a
|
|
color: $purple
|
|
|
|
.topic-voting
|
|
color: $foreground
|
|
|
|
.is-topic-mine h1 a:visited
|
|
color: $purple
|
|
|
|
.topic-icon
|
|
border-color: $cyan
|
|
|
|
.is-comment-by-op>.comment-itself
|
|
border-color: $yellow !important
|
|
|
|
.is-comment-mine>.comment-itself
|
|
border-color: $purple !important
|
|
|
|
.is-comment-exemplary>.comment-itself
|
|
border-color: $cyan !important
|
|
|
|
.is-comment-new>.comment-itself
|
|
border-color: $orange !important
|
|
|
|
.is-message-mine
|
|
border-left-color: $purple !important
|