Dashboard: Fix dark mode, add background
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
parent
2b9b85e44a
commit
6a4d416e36
|
@ -1,3 +1,5 @@
|
||||||
# Dashboard
|
# Dashboard
|
||||||
|
|
||||||
Picture credit: [Clouds by Kamil Porembiński](https://www.flickr.com/photos/paszczak000/8715851521/)
|
Picture credit:
|
||||||
|
- [Clouds by Kamil Porembiński](https://www.flickr.com/photos/paszczak000/8715851521/)
|
||||||
|
- [Un beau soir dété by Tanguy Domenge](https://www.flickr.com/photos/148302424@N05/36591009215/)
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 627 KiB |
Binary file not shown.
After Width: | Height: | Size: 1.1 MiB |
|
@ -249,18 +249,31 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-bottom: 100px;
|
padding-bottom: 100px;
|
||||||
|
|
||||||
background-color: var(--color-primary);
|
|
||||||
background-image: url('/nextcloud/apps/dashboard/img/flickr-paszczak000-8715851521.jpg?v=1');
|
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
|
|
||||||
|
#body-user:not(.dark) & {
|
||||||
|
background-color: var(--color-primary);
|
||||||
|
background-image: url('/nextcloud/apps/dashboard/img/flickr-paszczak000-8715851521.jpg?v=1');
|
||||||
|
}
|
||||||
|
|
||||||
|
#body-user.dark & {
|
||||||
|
background-color: var(--color-main-background);
|
||||||
|
background-image: url('/nextcloud/apps/dashboard/img/flickr-148302424@N05-36591009215.jpg?v=1');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: var(--breakpoint-mobile)) {
|
@media only screen and (max-width: var(--breakpoint-mobile)) {
|
||||||
body {
|
#body-user:not(.dark) #app-dashboard {
|
||||||
background-image: url('/nextcloud/apps/dashboard/img/flickr-paszczak000-8715851521-mobile.jpg?v=1');
|
background-image: url('/nextcloud/apps/dashboard/img/flickr-paszczak000-8715851521-mobile.jpg?v=1');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#body-user.dark #app-dashboard {
|
||||||
|
background-color: var(--color-main-background);
|
||||||
|
background-image: url('/nextcloud/apps/dashboard/img/flickr-148302424@N05-36591009215-mobile.jpg?v=1');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
|
@ -273,8 +286,12 @@ export default {
|
||||||
|
|
||||||
.statuses {
|
.statuses {
|
||||||
::v-deep #user-status-menu-item__subheader>button {
|
::v-deep #user-status-menu-item__subheader>button {
|
||||||
background-color: rgba(255, 255, 255, 0.8);
|
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
|
background-color: rgba(255, 255, 255, 0.8);
|
||||||
|
|
||||||
|
#body-user.dark & {
|
||||||
|
background-color: rgba(24, 24, 24, 0.8);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -297,6 +314,10 @@ export default {
|
||||||
backdrop-filter: blur(10px);
|
backdrop-filter: blur(10px);
|
||||||
border-radius: var(--border-radius-large);
|
border-radius: var(--border-radius-large);
|
||||||
|
|
||||||
|
#body-user.dark & {
|
||||||
|
background-color: rgba(24, 24, 24, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
&.sortable-ghost {
|
&.sortable-ghost {
|
||||||
opacity: 0.1;
|
opacity: 0.1;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue