[dark] change message by theme

alireza0 · Feb 20, 2024 · 6cdeb7e · 6cdeb7e
1 parent 035a1a7
commit 6cdeb7e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
@@ -1038,6  1038,12 @@ li.ant-select-dropdown-menu-item:empty:after {
     color: rgba(255, 255, 255, 0.25);
 }
 
 .dark .ant-message-notice-content {
     background-color: #222d42;
     border: 1px solid #2c3950; 
     color: rgba(255, 255, 255, 0.65);
 }
 
 .ant-input-number-handler-wrap {
     border-radius: 0;
 }

diff --git a/web/html/common/head.html b/web/html/common/head.html
@@ -28,4  28,5 @@
     </style>
     <title>{{ .host }}-{{ i18n .title}}</title>
 </head>
 <div id="message"></div>
 {{end}}
diff --git a/web/html/xui/component/themeSwitch.html b/web/html/xui/component/themeSwitch.html
@@ -19,6  19,7 @@
       toggleTheme() {
         this.isDarkTheme = !this.isDarkTheme;
         localStorage.setItem('dark-mode', this.isDarkTheme);
         document.getElementById('message').className = themeSwitcher.currentTheme;
       },
     };
   }
@@ -29,6  30,10 @@
     props: [],
     template: `{{template "component/themeSwitchTemplate"}}`,
     data: () => ({ themeSwitcher }),
     mounted() {
       this.$message.config({getContainer: () => document.getElementById('message')});
       document.getElementById('message').className = themeSwitcher.currentTheme;
     }
   });
 </script>
 {{end}}