oss/wallabag
oss/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-09-15 18:57:05 +00:00
Code Wiki Activity

Basic dark theme handling

Browse source
This commit is contained in:
Simounet 2020-11-08 15:04:29 +01:00
parent 7f49e5cd1b
commit a562f6b943
No known key found for this signature in database
GPG key ID: 77D3B7DC794EB770
16 changed files with 165 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

73
app/Resources/static/themes/material/css/dark_theme.scss Normal file
View file

@ -0,0 +1,73 @@
.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,
.collection .collection-item,
.dropdown-content,
.nav-panel-add,
.nav-panel-search,
.side-nav,
.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body,
.tabs {
background-color: black;
}
.dropdown-content li:hover,
.dropdown-content li.active,
.dropdown-content li.selected {
background-color: #575757;
}
main #content,
#article article,
#article article h1,
#article article h2,
#article article h3,
#article article h4,
#article article h5,
#article article h6,
.results a,
.side-nav li > a,
.side-nav li > a > i.material-icons {
color: #dfdfdf;
}
.grey-text.text-darken-4 {
color: #dfdfdf !important;
}
.side-nav li.active,
.side-nav li:not(.logo) > a:hover,
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover {
background-color: #333;
}
#article {
box-shadow: 0 0 10px #575757;
}
nav,
.card,
.side-nav {
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.4), 0 1px 5px 0 rgba(255, 255, 255, 0.4), 0 3px 1px -2px rgba(255, 255, 255, 0.4);
}
.logo img,
.preview.preview--default,
.typo-logo {
filter: invert(100%);
}
.border-bottom,
.collapsible {
border-color: #222;
}
}