mirror of
https://github.com/modernw/App-Installer-For-Windows-8.x-Reset.git
synced 2026-06-18 05:10:09 +10:00
Update theme and fix bugs.
This commit is contained in:
Bruce
+196
-1
@@ -1,5 +1,200 @@
|
||||
(function(global) {
|
||||
"use strict";
|
||||
var winjsCss = document.querySelector("link#winjs-style");
|
||||
var themeCss = document.querySelector("link#theme-style");
|
||||
var winjsPath = "libs/winjs/2.0/css/ui-{themecolor}.css";
|
||||
var themePath = "theme/{themecolor}/{id}/{id}.css";
|
||||
var ini = Bridge.External.Config.getConfig();
|
||||
var themeSection = ini.getSection("Personalization");
|
||||
var ThemeType = {
|
||||
light: 1, // 浅色模式
|
||||
dark: 2, // 深色模式
|
||||
auto: 3, // 跟随系统
|
||||
time: 4, // 跟随时间
|
||||
custom: 5 // 自定义
|
||||
};
|
||||
var nstrutil = Bridge.NString;
|
||||
var ColorType = {
|
||||
light: 0xFFFFFF,
|
||||
dark: 0x000000,
|
||||
};
|
||||
|
||||
function changeDarkMode(mode) {}
|
||||
function getThemeSwitchType() {
|
||||
var themeType = themeSection.getKey("AppInstaller:ThemeMode").value;
|
||||
if (nstrutil.equals(themeType, "light")) return ThemeType.light;
|
||||
else if (nstrutil.equals(themeType, "dark")) return ThemeType.dark;
|
||||
else if (nstrutil.equals(themeType, "auto")) return ThemeType.auto;
|
||||
else if (nstrutil.equals(themeType, "time")) return ThemeType.time;
|
||||
else if (nstrutil.equals(themeType, "custom")) return ThemeType.custom;
|
||||
else return ThemeType.light;
|
||||
}
|
||||
|
||||
function getCurrentThemeColor() {
|
||||
try {
|
||||
var themeType = getThemeSwitchType();
|
||||
if (themeType === ThemeType.light) return ColorType.light;
|
||||
else if (themeType === ThemeType.dark) return ColorType.dark;
|
||||
else if (themeType === ThemeType.auto) {
|
||||
if (Bridge.UI.darkmode) return ColorType.dark;
|
||||
else return ColorType.light;
|
||||
} else if (themeType === ThemeType.time) {
|
||||
var daytime = new Date();
|
||||
var nighttime = new Date();
|
||||
try {
|
||||
var daytimestr = themeSection.getKey("AppInstaller:DayTime").value;
|
||||
daytime = new Date(daytimestr);
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
daytime = new Date('2011-07-15T08:00:00.000Z');
|
||||
}
|
||||
try {
|
||||
var nighttimestr = themeSection.getKey("AppInstaller:NightTime").value;
|
||||
nighttime = new Date(nighttimestr);
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
nighttime = new Date('2011-07-15T20:00:00.000Z');
|
||||
}
|
||||
var now = new Date();
|
||||
daytime.setFullYear(now.getFullYear());
|
||||
nighttime.setFullYear(now.getFullYear());
|
||||
daytime.setMonth(now.getMonth());
|
||||
nighttime.setMonth(now.getMonth());
|
||||
daytime.setDate(now.getDate());
|
||||
nighttime.setDate(now.getDate());
|
||||
if (now >= daytime && now < nighttime) return ColorType.light;
|
||||
else return ColorType.dark;
|
||||
} else if (themeType === ThemeType.custom) {
|
||||
var customColor = themeSection.getKey("AppInstaller:CustomColor").value;
|
||||
if (nstrutil.equals(customColor, "light")) return ColorType.light;
|
||||
else if (nstrutil.equals(customColor, "dark")) return ColorType.dark;
|
||||
else return ColorType.light;
|
||||
} else {
|
||||
return ColorType.light;
|
||||
}
|
||||
} catch (e) {
|
||||
return ColorType.light;
|
||||
}
|
||||
}
|
||||
|
||||
function getSuitableTheme() {
|
||||
var color = getCurrentThemeColor();
|
||||
var ret = "";
|
||||
if (color === ColorType.light) ret = themeSection.getKey("AppInstaller:LightTheme").value;
|
||||
else ret = themeSection.getKey("AppInstaller:DarkTheme").value;
|
||||
if (nstrutil.empty(ret)) ret = "default";
|
||||
return ret;
|
||||
}
|
||||
|
||||
function getTimeModeTimeLimit() {
|
||||
var ret = {
|
||||
day: new Date(),
|
||||
night: new Date()
|
||||
};
|
||||
try {
|
||||
var daytimestr = themeSection.getKey("AppInstaller:DayTime").value;
|
||||
ret.day = new Date(daytimestr);
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
ret.day = new Date('2011-07-15T08:00:00.000Z');
|
||||
}
|
||||
try {
|
||||
var nighttimestr = themeSection.getKey("AppInstaller:NightTime").value;
|
||||
ret.night = new Date(nighttimestr);
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
ret.night = new Date('2011-07-15T20:00:00.000Z');
|
||||
}
|
||||
var now = new Date();
|
||||
ret.day.setFullYear(now.getFullYear());
|
||||
ret.night.setFullYear(now.getFullYear());
|
||||
ret.day.setMonth(now.getMonth());
|
||||
ret.night.setMonth(now.getMonth());
|
||||
ret.day.setDate(now.getDate());
|
||||
ret.night.setDate(now.getDate());
|
||||
return ret;
|
||||
}
|
||||
|
||||
function copyTime(to, from) {
|
||||
to.setHours(
|
||||
from.getHours(),
|
||||
from.getMinutes(),
|
||||
from.getSeconds(),
|
||||
from.getMilliseconds()
|
||||
);
|
||||
}
|
||||
var dayTimer = null;
|
||||
var nightTimer = null;
|
||||
|
||||
function setupThemeTimers(limit, execFunc) {
|
||||
if (limit === null || limit === void 0) limit = getTimeModeTimeLimit();
|
||||
var now = new Date();
|
||||
var dayTime = new Date(now);
|
||||
var nightTime = new Date(now);
|
||||
copyTime(dayTime, limit.day);
|
||||
copyTime(nightTime, limit.night);
|
||||
// 处理跨天：如果 night <= day，说明夜晚跨到第二天
|
||||
var nightIsNextDay = nightTime <= dayTime;
|
||||
if (nightIsNextDay) {
|
||||
nightTime.setDate(nightTime.getDate() + 1);
|
||||
}
|
||||
var isDayTime;
|
||||
if (nightIsNextDay) {
|
||||
isDayTime = now >= dayTime && now < nightTime;
|
||||
} else {
|
||||
isDayTime = now >= dayTime && now < nightTime;
|
||||
}
|
||||
var nextDay = new Date(dayTime);
|
||||
var nextNight = new Date(nightTime);
|
||||
if (now >= dayTime) nextDay.setDate(nextDay.getDate() + 1);
|
||||
if (now >= nightTime) nextNight.setDate(nextNight.getDate() + 1);
|
||||
if (dayTimer) {
|
||||
clearTimeout(dayTimer);
|
||||
dayTimer = null;
|
||||
}
|
||||
if (nightTimer) {
|
||||
clearTimeout(nightTimer);
|
||||
nightTimer = null;
|
||||
}
|
||||
dayTimer = setTimeout(function() {
|
||||
execFunc("day");
|
||||
setupThemeTimers(); // 递归重建，防漂移
|
||||
}, nextDay - now);
|
||||
nightTimer = setTimeout(function() {
|
||||
execFunc("night");
|
||||
setupThemeTimers();
|
||||
}, nextNight - now);
|
||||
return isDayTime ? "day" : "night";
|
||||
}
|
||||
|
||||
function refreshTheme() {
|
||||
var type = getThemeSwitchType();
|
||||
var color = getCurrentThemeColor();
|
||||
var theme = getSuitableTheme();
|
||||
if (type === ThemeType.time) {
|
||||
setupThemeTimers(getTimeModeTimeLimit(), refreshTheme);
|
||||
}
|
||||
var colorstr = "light";
|
||||
if (color === ColorType.light) colorstr = "light";
|
||||
else if (color === ColorType.dark) colorstr = "dark";
|
||||
winjsCss.setAttribute("href", winjsPath.replace("{themecolor}", colorstr));
|
||||
themeCss.setAttribute("href", themePath.replace("{themecolor}", colorstr).replace("{id}", theme).replace("{id}", theme));
|
||||
setTimeout(function() {
|
||||
try { Windows.UI.DPI.mode = 1; } catch (e) {}
|
||||
}, 0);
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
Theme: {
|
||||
ThemeType: ThemeType,
|
||||
ColorType: ColorType,
|
||||
getType: getThemeSwitchType,
|
||||
getColor: getCurrentThemeColor,
|
||||
getTheme: getSuitableTheme,
|
||||
getTimeModeTimeLimit: getTimeModeTimeLimit,
|
||||
refresh: refreshTheme
|
||||
}
|
||||
};
|
||||
if (typeof OnLoad !== "undefined") {
|
||||
OnLoad.add(refreshTheme);
|
||||
}
|
||||
})(this);
|
||||
Reference in New Issue
Block a user