wallabag/app/Resources/static/themes/material/css/dark_theme.scss

134 lines
2.3 KiB
SCSS
Raw Normal View History

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