mirrors/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2024-12-17 05:06:28 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #4983 from Simounet/feat/dark-theme-updated

Browse source 
Dark theme updated
This commit is contained in:
Kevin Decherf 2021-01-30 23:52:05 +01:00 committed by GitHub
commit 5ff3074b10
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 31 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -19,43 +19,31 @@
background-color: #121212; background-color: #121212;
} }
.cyan,
.cyan.darken-1,
.cyan.darken-2 {
background-color: rgba(255, 255, 255, 0.05) !important;
}
.dropdown-content li { .dropdown-content li {
background-color: rgba(255, 255, 255, 0.07); background-color: #232323;
} }
.dropdown-content li:hover, .dropdown-content li:hover,
.dropdown-content li.active, .dropdown-content li.active,
.dropdown-content li.selected { .dropdown-content li.selected {
background-color: rgba(255, 255, 255, 0.11); background-color: #2c2c2c;
} }
.dropdown-content li > a { .dropdown-content .divider {
color: #dfdfdf; background-color: #383838;
}
.dropdown-content li.divider {
background-color: rgba(255, 255, 255, 0.16);
} }
.collection { .collection {
border: 0; border-color: transparent;
} }
.collection .collection-item { .collection .collection-item {
background-color: rgba(255, 255, 255, 0.05); border-color: #121212;
margin-top: 4px;
margin-bottom: 4px;
border: 0;
} }
.collection li.collection-item:hover { .card:hover,
background-color: rgba(255, 255, 255, 0.09); .collection .collection-item:hover {
background-color: #272727;
} }
main #content, main #content,
@ -66,41 +54,44 @@
#article article h4, #article article h4,
#article article h5, #article article h5,
#article article h6, #article article h6,
.dropdown-content li > a,
.results a, .results a,
.side-nav li > a, .side-nav li > a,
.side-nav li > a > i.material-icons { .side-nav li > a > i.material-icons {
color: #dfdfdf; color: #dfdfdf;
} }
.cyan,
.cyan.darken-1,
.cyan.darken-2 {
background-color: #1d1d1d !important;
}
.grey-text.text-darken-4 { .grey-text.text-darken-4 {
color: #dfdfdf !important; color: #dfdfdf !important;
} }
#article li.chip { #article .chip {
background-color: rgba(255, 255, 255, 0.11); background-color: #373737;
} }
.side-nav li.active { .side-nav li.active {
background-color: rgba(255, 255, 255, 0.12); background-color: #2f2f2f;
} }
.side-nav li:not(.logo) > a:hover, .side-nav li:not(.logo) > a:hover,
.side-nav .collapsible-header:hover, .side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover { .side-nav.fixed .collapsible-header:hover {
background-color: rgba(255, 255, 255, 0.04); background-color: #1d1d1d;
} }
#article { #article {
background-color: rgba(255, 255, 255, 0.05);
box-shadow: 0 0 10px #1d1d1d; box-shadow: 0 0 10px #1d1d1d;
} }
.card { .card,
background-color: rgba(255, 255, 255, 0.05); .collection .collection-item {
} background-color: #1d1d1d;
.card:hover {
background-color: rgba(255, 255, 255, 0.09);
} }
.card-action { .card-action {
@ -117,4 +108,10 @@
.collapsible { .collapsible {
border-color: #222; border-color: #222;
} }
@media only screen and (min-width: 992px) {
#article {
background-color: #101010;
}
}
} }

2
web/wallassets/material.css
View file

File diff suppressed because one or more lines are too long

2
web/wallassets/material.css.map
View file

File diff suppressed because one or more lines are too long