Fix theme color that do not apply to status page with a custom domain

src/mixins/theme.js

@@ -6,6 +6,7 @@ export default {
             userTheme: localStorage.theme,
             userHeartbeatBar: localStorage.heartbeatBarTheme,
             statusPageTheme: "light",
+            forceStatusPageTheme: false,
             path: "",
         };
     },
@@ -27,6 +28,10 @@ export default {
 
     computed: {
         theme() {
+            // As entry can be status page now, set forceStatusPageTheme to true to use status page theme
+            if (this.forceStatusPageTheme) {
+                return this.statusPageTheme;
+            }
 
             // Entry no need dark
             if (this.path === "") {

src/pages/Entry.vue

@@ -26,6 +26,7 @@ export default {
 
         if (res.type === "statusPageMatchedDomain") {
             this.statusPageSlug = res.statusPageSlug;
+            this.$root.forceStatusPageTheme = true;
 
         } else if (res.type === "entryPage") {          // Dev only. For production, the logic is in the server side
             const entryPage = res.entryPage;