github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-02 18:15:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: support to save and load theme setting from localStorage (#342)

Browse Source
This commit is contained in:
Rick 2023-11-21 16:48:57 +08:00 committed by GitHub
parent 8618a9440e
commit 03e1508afc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/layout/components/NavBar.vue
View File

@ -90,6 +90,14 @@ limitations under the License. -->
const pageTitle = ref<string>(""); const pageTitle = ref<string>("");
const theme = ref<boolean>(true); const theme = ref<boolean>(true);
const savedTheme = window.localStorage.getItem("theme-is-dark");
if (savedTheme === "false") {
theme.value = false;
} else if (savedTheme === "") {
// read the theme preference from system setting if there is no user setting
theme.value = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
}
changeTheme(); changeTheme();
resetDuration(); resetDuration();
getVersion(); getVersion();
@ -107,6 +115,7 @@ limitations under the License. -->
root.classList.remove(Themes.Dark); root.classList.remove(Themes.Dark);
appStore.setTheme(Themes.Light); appStore.setTheme(Themes.Light);
} }
window.localStorage.setItem("theme-is-dark", String(theme.value));
} }
function getName(list: any[]) { function getName(list: any[]) {