feat: add splash window theming (#52)

Co-authored-by: V <vendicated@riseup.net>
This commit is contained in:
Ryan Cao
2023-10-14 11:04:44 +08:00
committed by GitHub
parent 0d93e08e99
commit 841cdcf672
6 changed files with 82 additions and 3 deletions

View File

@@ -9,6 +9,8 @@ import { join } from "path";
import { SplashProps } from "shared/browserWinProperties";
import { ICON_PATH, VIEW_DIR } from "shared/paths";
import { Settings } from "./settings";
export function createSplashWindow() {
const splash = new BrowserWindow({
...SplashProps,
@@ -17,5 +19,20 @@ export function createSplashWindow() {
splash.loadFile(join(VIEW_DIR, "splash.html"));
const { splashBackground, splashColor, splashTheming } = Settings.store;
if (splashTheming) {
if (splashColor) {
const semiTransparentSplashColor = splashColor.replace("rgb(", "rgba(").replace(")", ", 0.2)");
splash.webContents.insertCSS(`body { --fg: ${splashColor} !important }`);
splash.webContents.insertCSS(`body { --fg-semi-trans: ${semiTransparentSplashColor} !important }`);
}
if (splashBackground) {
splash.webContents.insertCSS(`body { --bg: ${splashBackground} !important }`);
}
}
return splash;
}