Added Isso dark mode styles
This commit is contained in:
parent
da942970cc
commit
b4ee01e251
2 changed files with 44 additions and 0 deletions
|
@ -44,6 +44,49 @@ main {
|
|||
background-color: #080808;
|
||||
border-color: #000;
|
||||
}
|
||||
|
||||
section#isso-thread {
|
||||
div.textarea,
|
||||
.auth-section p.input-wrapper input,
|
||||
.notification-section input {
|
||||
background: @very-dark-grey;
|
||||
color: @light-grey;
|
||||
}
|
||||
|
||||
>h4 {
|
||||
color: @light-grey;
|
||||
}
|
||||
|
||||
.isso-postbox > .form-wrapper .preview {
|
||||
background: repeating-linear-gradient(
|
||||
-45deg,
|
||||
@solid-dark-grey, @solid-dark-grey 10px,
|
||||
@very-dark-grey 10px, @very-dark-grey 20px
|
||||
);
|
||||
}
|
||||
|
||||
.isso-comment > div.text-wrapper {
|
||||
> .isso-comment-header {
|
||||
.author {
|
||||
color: @light-grey;
|
||||
}
|
||||
|
||||
.spacer, a.permalink, .note, a.parent {
|
||||
color: @med-grey;
|
||||
|
||||
&:hover {
|
||||
color: @light-grey;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> .isso-comment-footer a:hover {
|
||||
// Unfortunately, Isso uses a lot of !important in its styles, so I
|
||||
// have to override that.
|
||||
text-shadow: @dark-grey 0 0 1px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
|
|
|
@ -7,6 +7,7 @@
|
|||
@med-grey: #999999;
|
||||
@dark-grey: #242121;
|
||||
@solid-dark-grey: #222222;
|
||||
@very-dark-grey: #1a1a1a;
|
||||
|
||||
// Font family
|
||||
@sans: 'Source Sans Pro', 'Roboto', 'Open Sans', 'Liberation Sans', 'DejaVu Sans', 'Verdana', 'Helvetica', 'Arial', sans-serif;
|
||||
|
|
Loading…
Reference in a new issue