mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-17 15:09:31 +00:00
封装theme,用cookie保存主题
This commit is contained in:
33
lib/theme.js
33
lib/theme.js
@@ -19,6 +19,19 @@ export const initDarkMode = (isDarkMode, updateDarkMode) => {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 从cookie中读取 用户默认主题
|
||||
* @param {*} theme
|
||||
* @param {*} changeTheme
|
||||
*/
|
||||
export const initTheme = (theme, changeTheme) => {
|
||||
const userTheme = loadThemeFromCookies()
|
||||
console.log('默认主题', userTheme)
|
||||
if (userTheme !== theme) {
|
||||
changeTheme(userTheme)
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 是否优先深色模式
|
||||
* @returns {*}
|
||||
@@ -37,10 +50,26 @@ export function isPreferDark () {
|
||||
}
|
||||
|
||||
/**
|
||||
* 读取默认主题
|
||||
* 读取深色模式
|
||||
* @returns {*}
|
||||
*/
|
||||
export const loadDarkModeFromCookies = () => {
|
||||
return cookie.load('darkMode')
|
||||
}
|
||||
|
||||
/**
|
||||
* 保存深色模式
|
||||
* @param newTheme
|
||||
*/
|
||||
export const saveDarkModeToCookies = (newTheme) => {
|
||||
cookie.save('darkMode', newTheme, { path: '/' })
|
||||
}
|
||||
|
||||
/**
|
||||
* 读取默认主题
|
||||
* @returns {*}
|
||||
*/
|
||||
export const loadThemeFromCookies = () => {
|
||||
return cookie.load('theme')
|
||||
}
|
||||
|
||||
@@ -48,6 +77,6 @@ export const loadDarkModeFromCookies = () => {
|
||||
* 保存默认主题
|
||||
* @param newTheme
|
||||
*/
|
||||
export const saveDarkModeToCookies = (newTheme) => {
|
||||
export const saveThemeToCookies = (newTheme) => {
|
||||
cookie.save('theme', newTheme, { path: '/' })
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user