wallabag/app/Resources/static/themes/material/css/dark_theme.scss
2023-05-10 20:38:06 +02:00

144 lines
2.5 KiB
SCSS
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

.dark-theme {
body {
background-color: #101010;
}
#article,
.card,
.card-panel,
.card .card-reveal,
.card-stacked .preview:not(.preview--default),
.card .preview:not(.preview--default),
.collapsible-header,
.collection,
.dropdown-content,
.side-nav,
.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body,
.tabs {
background-color: #121212;
}
table.striped > tbody > tr:nth-child(2n+1),
.dropdown-content li {
background-color: #232323;
}
.dropdown-content li:hover,
.dropdown-content li.active,
.dropdown-content li.selected,
.pagination li:not(.active) a:hover,
.pagination li:not(.active) a:active,
.pagination li:not(.active) a:focus {
background-color: #2c2c2c;
}
.dropdown-content .divider {
background-color: #383838;
}
.collection {
border-color: transparent;
}
.collection .collection-item {
border-color: #121212;
}
.card:hover,
.collection .collection-item:hover {
background-color: #272727;
}
#content,
#article article,
#article article h1,
#article article h2,
#article article h3,
#article article h4,
#article article h5,
#article article h6,
.dropdown-content li > a,
.nav-panels .input-field input:focus,
.results a,
.side-nav li > a,
.side-nav li > a > i.material-icons {
color: #dfdfdf;
}
.cyan,
.cyan.darken-1,
.cyan.darken-2,
.nav-panel-add,
.nav-panel-search {
background-color: #1d1d1d !important;
}
.grey-text.text-darken-4,
.nav-panel-item .add,
.nav-panel-item .search,
.nav-panels .close {
color: #dfdfdf !important;
}
#article .chip {
background-color: #373737;
}
.side-nav li.active {
background-color: #2f2f2f;
}
.side-nav li:not(.logo) > a:hover,
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover {
background-color: #1d1d1d;
}
#article {
box-shadow: 0 0 10px #1d1d1d;
}
.card,
.collection .collection-item {
background-color: #1d1d1d;
}
.card-action {
background-color: transparent;
}
.logo img,
.preview.preview--default,
.typo-logo {
filter: invert(100%);
}
.border-bottom,
.collapsible,
.collapsible-body,
.collapsible-header {
border-color: #222;
}
.pagination li.active {
background-color: #666;
}
.hljs,
#article pre {
color: #abb2bf;
background-color: #282c34;
}
nav input {
color: #abb2bf;
}
@media only screen and (min-width: 992px) {
#article {
background-color: #101010;
}
}
}