TyleoDvDelaware3217/Kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-06-01 19:32:34 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

darkmode fixes

Browse source
This commit is contained in:
Philipp Dormann 2021-08-03 15:19:39 +02:00
parent 4f9165195f
commit 7ea30ba780
No known key found for this signature in database
GPG key ID: 3BB9ADD52DCA4314
3 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/HeartbeatBar.vue
View file

@ -149,7 +149,7 @@ export default {
border-radius: 50rem; border-radius: 50rem;
&.empty { &.empty {
background-color: aliceblue; background-color: #d0d3d5;
} }
&.down { &.down {

15
src/components/NotificationDialog.vue
View file

@ -508,3 +508,18 @@ export default {
}, },
} }
</script> </script>
<style>
.modal-dialog .form-text, .modal-dialog p{
color: var(--main-font-color);
}
.modal-content{
border: 1px solid var(--main-font-color);
}
@media (prefers-color-scheme: dark) {
.btn-close{
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
opacity: 1;
}
}
</style>

4
src/layouts/Layout.vue
View file

@ -7,7 +7,7 @@
<!-- Desktop header --> <!-- Desktop header -->
<header v-if="! $root.isMobile" class="d-flex flex-wrap justify-content-center py-3 mb-3 border-bottom"> <header v-if="! $root.isMobile" class="d-flex flex-wrap justify-content-center py-3 mb-3 border-bottom">
<router-link to="/dashboard" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none"> <router-link to="/dashboard" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-decoration-none">
<object class="bi me-2 ms-4" width="40" height="40" data="/icon.svg" alt="Logo" /> <object class="bi me-2 ms-4" width="40" height="40" data="/icon.svg" alt="Logo" />
<span class="fs-4 title">Uptime Kuma</span> <span class="fs-4 title">Uptime Kuma</span>
</router-link> </router-link>
@ -28,7 +28,7 @@
<!-- Mobile header --> <!-- Mobile header -->
<header v-else class="d-flex flex-wrap justify-content-center mt-3 mb-3"> <header v-else class="d-flex flex-wrap justify-content-center mt-3 mb-3">
<router-link to="/dashboard" class="d-flex align-items-center text-dark text-decoration-none"> <router-link to="/dashboard" class="d-flex align-items-center text-decoration-none">
<object class="bi" width="40" height="40" data="/icon.svg" /> <object class="bi" width="40" height="40" data="/icon.svg" />
<span class="fs-4 title ms-2">Uptime Kuma</span> <span class="fs-4 title ms-2">Uptime Kuma</span>
</router-link> </router-link>