diff --git a/src/components/HeartbeatBar.vue b/src/components/HeartbeatBar.vue
index eed132d1c..8c85c9c93 100644
--- a/src/components/HeartbeatBar.vue
+++ b/src/components/HeartbeatBar.vue
@@ -149,7 +149,7 @@ export default {
         border-radius: 50rem;
 
         &.empty {
-            background-color: aliceblue;
+            background-color: #d0d3d5;
         }
 
         &.down {
diff --git a/src/components/NotificationDialog.vue b/src/components/NotificationDialog.vue
index 4eea85d66..dc73e463d 100644
--- a/src/components/NotificationDialog.vue
+++ b/src/components/NotificationDialog.vue
@@ -508,3 +508,18 @@ export default {
     },
 }
 </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>
\ No newline at end of file
diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
index 4405ebb7b..3468d0af3 100644
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@@ -7,7 +7,7 @@
 
     <!-- Desktop header -->
     <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" />
             <span class="fs-4 title">Uptime Kuma</span>
         </router-link>
@@ -28,7 +28,7 @@
 
     <!-- Mobile header -->
     <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" />
             <span class="fs-4 title ms-2">Uptime Kuma</span>
         </router-link>