timamsk/App-Installer-For-Windows-8.x-Reset
1
0
Fork 0
mirror of https://github.com/modernw/App-Installer-For-Windows-8.x-Reset.git synced 2026-06-14 03:16:38 +10:00
Code Issues Packages Projects Releases Wiki Activity

Fixed Styles.

Browse Source
This commit is contained in:
Bruce
2025-12-14 11:32:58 +08:00
parent 4668f09dac
commit 470cbedde1
2 changed files with 40 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
shared/html/libs/msgbox/msgbox.css
+19
View File
@@ -12,6 +12,13 @@
flex-wrap: nowrap; flex-wrap: nowrap;
align-content: center; align-content: center;
justify-content: center; justify-content: center;
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex-wrap: nowrap;
-ms-flex-line-pack: center;
/* align-content: center */
-ms-flex-pack: center;
/* justify-content: center */
transition: all 0.15s linear; transition: all 0.15s linear;
opacity: 0; opacity: 0;
z-index: 100; z-index: 100;
@@ -29,6 +36,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex-wrap: nowrap;
min-height: 0 !important; min-height: 0 !important;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -67,6 +77,15 @@
align-content: center; align-content: center;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
display: -ms-flexbox;
-ms-flex-direction: row;
-ms-flex-wrap: nowrap;
-ms-flex-line-pack: center;
/* align-content: center（几乎无效，保留即可） */
-ms-flex-pack: end;
/* justify-content: flex-end */
-ms-flex-align: center;
/* align-items: center */
margin-top: 10px; margin-top: 10px;
/*gap: 20px;*/ /*gap: 20px;*/
} }
shared/html/settings/appinstaller/theme.html
+21 -10
View File
@@ -281,22 +281,22 @@
</div> </div>
<div class="win-settings-section" id="item-custom-theme"> <div class="win-settings-section" id="item-custom-theme">
<br> <br>
<label data-res-fromfile="publicRes (154)"></label><br> <label data-res-fromfile="publicRes (154)"></label><span>: </span><span id="custom-color-mode-display"></span><br>
<script> <script>
(function() { (function() {
var sect = document.getElementById("item-custom-theme"); var sect = document.getElementById("item-custom-theme");
var toggle = new Toggle(); var toggleForColorMode = new Toggle();
toggle.create(); toggleForColorMode.create();
toggle.parent = sect; toggleForColorMode.parent = sect;
toggle.setColor("#202020"); toggleForColorMode.setColor("#202020");
toggle.showlabel = true; toggleForColorMode.showlabel = true;
toggle.setStatusText(getPublicRes(155), getPublicRes(156)); toggleForColorMode.setStatusText(getPublicRes(155), getPublicRes(156));
toggle.addEventListener("change", function() { toggleForColorMode.addEventListener("change", function() {
Theme.setCustomColor(toggle.checked ? Theme.ColorType.dark : Theme.ColorType.light); Theme.setCustomColor(toggleForColorMode.checked ? Theme.ColorType.dark : Theme.ColorType.light);
refreshCustomPreview(); refreshCustomPreview();
}); });
OnLoad.add(function() { OnLoad.add(function() {
toggle.checked = Theme.customColor === Theme.ColorType.dark; toggleForColorMode.checked = Theme.customColor === Theme.ColorType.dark;
}); });
})(); })();
</script> </script>
@@ -481,6 +481,17 @@
var customThemePath = path.combine(path.root, "html\\theme\\{colormode}\\custom\\custom.css").replace("{colormode}", customcolorstr); var customThemePath = path.combine(path.root, "html\\theme\\{colormode}\\custom\\custom.css").replace("{colormode}", customcolorstr);
var iframe = document.getElementById("theme-custom-preview"); var iframe = document.getElementById("theme-custom-preview");
iframe.setAttribute("src", "../../preview.html?id=custom&color=" + customcolor); iframe.setAttribute("src", "../../preview.html?id=custom&color=" + customcolor);
var customColorModeDisplay = document.getElementById("custom-color-mode-display");
if (customColorModeDisplay) {
switch (customcolor) {
case Theme.ColorType.dark:
customColorModeDisplay.textContent = getPublicRes(155);
break;
case Theme.ColorType.light:
customColorModeDisplay.textContent = getPublicRes(156);
break;
}
}
} }
OnLoad.add(function() { OnLoad.add(function() {
setTimeout(refreshCustomPreview, 100); setTimeout(refreshCustomPreview, 100);