thedesk/app/main/css.js

function css(mainWindow) {
	const electron = require("electron");
	const fs = require("fs");
	const path = require('path')
	var ipc = electron.ipcMain;
	var JSON5 = require('json5');
	const app = electron.app;
	const join = require('path').join;
	var customcss = join(app.getPath("userData"), "custom.css");

	ipc.on('custom-css-create', function (e, arg) {
		fs.writeFileSync(customcss, arg);
		e.sender.webContents.send('custom-css-create-complete', "");
	})
	ipc.on('custom-css-request', function (e, arg) {
		try {
			var css = fs.readFileSync(customcss, 'utf8');
		} catch (e) {
			var css = "";
		}
		e.sender.webContents.send('custom-css-response', css);
	})
	ipc.on('theme-json-create', function (e, arg) {
		var themecss = join(app.getPath("userData"), JSON5.parse(arg)["id"] +
			".thedesktheme");
		fs.writeFileSync(themecss, JSON5.stringify(JSON5.parse(arg)));
		if (JSON5.parse(arg)["id"]) {
			e.sender.webContents.send('theme-json-create-complete', "");
		} else {
			e.sender.webContents.send('theme-json-create-complete', "error");
		}
	})
	ipc.on('theme-json-delete', function (e, arg) {
		var themecss = join(app.getPath("userData"), arg + ".thedesktheme");
		console.log(themecss);
		fs.unlink(themecss, function (err) {
			e.sender.webContents.send('theme-json-delete-complete', "");
		});
	})
	ipc.on('theme-json-request', function (e, arg) {
		var themecss = join(app.getPath("userData"), arg + ".thedesktheme");
		var raw = fs.readFileSync(themecss, 'utf8')
		var json = JSON5.parse(raw);
		e.sender.webContents.send('theme-json-response', [json, raw]);
	})
	ipc.on('theme-css-request', function (e, arg) {
		var themecss = join(app.getPath("userData"), arg + ".thedesktheme");
		try {
			var json = JSON5.parse(fs.readFileSync(themecss, 'utf8'));

			var primary = json.vars.primary;
			var secondary = json.vars.secondary;
			var text = json.vars.text;
			if (json.base == "light") {
				var drag = "rgba(255, 255, 255, 0.8)";
				var beforehover = "#757575";
				var selected = "#3f3f3f"
				var selectedWithShare = "#b2babd"
				var gray = "#757575"
			} else {
				var drag = "rgba(0, 0, 0, 0.8)";
				var beforehover = "#9e9e9e";
				var selected = "#c0c0c0"
				var selectedWithShare = "#003a30"
				var gray = "#cccccc"
			}
			if (json.props) {
				if (json.props.TheDeskAccent) {
					var emphasized = json.props.TheDeskAccent
				} else {
					var emphasized = secondary
				}
				if (json.props.TheDeskActive) {
					var active = json.props.TheDeskActive
				} else {
					var active = primary
				}
				if (json.props.TheDeskModal) {
					var modal = json.props.TheDeskModal
				} else {
					var modal = secondary
				}
				if (json.props.TheDeskBottom) {
					var bottom = json.props.TheDeskBottom
				} else {
					var bottom = primary
				}
				if (json.props.TheDeskPostbox) {
					var postbox = json.props.TheDeskPostbox
				} else {
					var postbox = primary
				}
				if (json.props.TheDeskSubcolor) {
					var subcolor = json.props.TheDeskSubcolor
				} else {
					var subcolor = primary
				}
			} else {
				var emphasized = primary
				var acs = secondary
				var active = primary
				var modal = secondary
				var bottom = primary
				var postbox = primary
				var subcolor = primary
			}

			var css = ".customtheme {--bg:" + secondary + ";--drag:" + drag + ";" +
				"--color:" + text + ";--beforehover:" + beforehover + ";--modal:" +
				modal + ";--subcolor:" + subcolor + ";--box:" + subcolor +
				";--sidebar:" + bottom + ";--shared:" + emphasized + ";" +
				"--notfbox:" + secondary + ";--emphasized:" + active + ";--his-data:" +
				secondary +
				";--active:" + active + ";--postbox:" + postbox + ";--modalfooter:" +
				primary +
				";--accentbtn:" + subcolor + ";--selected:" + selected + ";--selectedWithShare:" + selectedWithShare + "}"+
				"--gray:" + gray + ";"+
				".customtheme #imagemodal{background: url(\"../img/pixel.svg\");}";
			e.sender.webContents.send('theme-css-response', css);
		} catch (e) {
			var css = "";
		}

	})
	ipc.on('theme-json-list', function (e, arg) {
		fs.readdir(app.getPath("userData"), function (err, files) {
			if (err || !files) throw err;
			var fileList = files.filter(function (file) {
				if(file.match(/\.thedesktheme$/)){
					var tfile = join(app.getPath("userData"), file)
					return fs.statSync(tfile).isFile() && /.*\.thedesktheme$/.test(tfile)
				}else{
					return null
				}
			})
			var themes = [];
			for (var i = 0; i < fileList.length; i++) {
				var themecss = join(app.getPath("userData"), fileList[i]);
				var json = JSON5.parse(fs.readFileSync(themecss, 'utf8'));
				themes.push({
					name: json.name,
					id: json.id
				})
			}
			e.sender.webContents.send('theme-json-list-response', themes);
		});
	})
}
exports.css = css;