2022-02-26 21:26:16 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
2022-03-04 17:53:18 +00:00
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
<title>ArmCord Settings</title>
|
|
|
|
<style>
|
2022-04-18 10:05:06 +00:00
|
|
|
@import url("../content/css/settings.css");
|
2022-03-04 17:53:18 +00:00
|
|
|
</style>
|
|
|
|
</head>
|
2022-02-26 21:26:16 +00:00
|
|
|
|
2022-03-04 17:53:18 +00:00
|
|
|
<body>
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acTheme">
|
2022-07-14 17:46:01 +00:00
|
|
|
<select name="theme" id="theme" class="left dropdown">
|
2022-03-04 17:53:18 +00:00
|
|
|
<option value="default">Default</option>
|
|
|
|
<option value="native">Native</option>
|
|
|
|
</select>
|
2022-06-12 11:18:18 +00:00
|
|
|
<p class="header" id="settings-theme">ArmCord theme:</p>
|
2022-07-14 17:46:01 +00:00
|
|
|
<p class="description">
|
|
|
|
ArmCord "themes" are basically behaviour packs.
|
|
|
|
<br />
|
|
|
|
<b>Default</b> - this is how ArmCord looks when you first launch it. It includes recreation of Discord's
|
|
|
|
custom titlebar and ArmCord specific styles injected into Discord.
|
|
|
|
<br />
|
|
|
|
<b>Native</b> - uses native titlebar of OS you're currently running (e.g Windows 7/10). Functions more
|
|
|
|
similar to actual Discord app.
|
|
|
|
</p>
|
2022-03-04 17:53:18 +00:00
|
|
|
</div>
|
|
|
|
<br />
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acCSP">
|
2022-07-14 17:46:01 +00:00
|
|
|
<label class="header2">ArmCord CSP</label>
|
2022-03-04 17:53:18 +00:00
|
|
|
<input class="tgl tgl-light left" id="csp" type="checkbox" />
|
|
|
|
<label class="tgl-btn left" for="csp"></label>
|
2022-07-14 17:46:01 +00:00
|
|
|
<p class="description2">
|
|
|
|
ArmCord CSP is our system that manages loading custom content loading into the Discord app. Stuff like
|
|
|
|
client mods and themes depend on it. Disable if you want to get rid of mods and custom styles.
|
|
|
|
</p>
|
2022-03-04 17:53:18 +00:00
|
|
|
</div>
|
|
|
|
<br />
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acTray">
|
2022-07-14 17:46:01 +00:00
|
|
|
<label class="header2" id="settings-tray">Minimize to tray</label>
|
2022-03-04 17:53:18 +00:00
|
|
|
<input class="tgl tgl-light left" id="tray" type="checkbox" />
|
|
|
|
<label class="tgl-btn left" for="tray"></label>
|
2022-07-14 17:46:01 +00:00
|
|
|
<p class="description2">
|
2022-07-14 20:37:33 +00:00
|
|
|
When disabled, ArmCord will close like any other window when closed, otherwise it'll sit back and relax
|
|
|
|
in your system tray for later.
|
2022-07-14 17:46:01 +00:00
|
|
|
</p>
|
2022-03-04 17:53:18 +00:00
|
|
|
</div>
|
|
|
|
<br />
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acPatches">
|
2022-07-14 17:46:01 +00:00
|
|
|
<label class="header2" id="settings-patches">Automatic Patches</label>
|
2022-03-04 17:53:18 +00:00
|
|
|
<input class="tgl tgl-light left" id="patches" type="checkbox" />
|
|
|
|
<label class="tgl-btn left" for="patches"></label>
|
2022-07-14 17:46:01 +00:00
|
|
|
<p class="description2">
|
|
|
|
Fetches automatic patches that are distributed if release turns out to have bugs after release. Usually
|
|
|
|
you don't have to keep this enabled, unless notified in support Discord.
|
|
|
|
</p>
|
2022-03-04 17:53:18 +00:00
|
|
|
</div>
|
2022-05-14 18:00:33 +00:00
|
|
|
<br />
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acWebsocket">
|
2022-07-14 17:46:01 +00:00
|
|
|
<label class="header2" id="settings-invitewebsocket">Invite Websocket</label>
|
2022-05-14 18:00:33 +00:00
|
|
|
<input class="tgl tgl-light left" id="websocket" type="checkbox" />
|
|
|
|
<label class="tgl-btn left" for="websocket"></label>
|
2022-07-14 20:37:33 +00:00
|
|
|
<p class="description2">
|
|
|
|
When enabled ArmCord will support Discord.gg links which means that if you open an invite link in your
|
|
|
|
browser, ArmCord will automatically accept the invite. Can be unresponsive at times.
|
|
|
|
</p>
|
2022-05-14 18:00:33 +00:00
|
|
|
</div>
|
2022-07-11 17:13:52 +00:00
|
|
|
<br />
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acMobileMode">
|
2022-07-14 17:46:01 +00:00
|
|
|
<label class="header2" id="settings-mobileMode">Mobile mode</label>
|
2022-07-11 17:13:52 +00:00
|
|
|
<input class="tgl tgl-light left" id="mobile" type="checkbox" />
|
|
|
|
<label class="tgl-btn left" for="mobile"></label>
|
2022-07-14 20:37:33 +00:00
|
|
|
<p class="description2">
|
|
|
|
If you're on a device with touch-screen this feature is for you! It activates Discord's hidden mobile
|
|
|
|
mode meant for phones and tablets. Only major feature missing is voice chat support. This is ideal for
|
|
|
|
users on PinePhone and similar.
|
|
|
|
</p>
|
2022-07-11 17:13:52 +00:00
|
|
|
</div>
|
2022-07-14 17:46:01 +00:00
|
|
|
<br />
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acAltPaste">
|
2022-07-14 18:37:03 +00:00
|
|
|
<label class="header2" id="settings-alternativePaste">Alternative paste</label>
|
|
|
|
<input class="tgl tgl-light left" id="alternativePaste" type="checkbox" />
|
|
|
|
<label class="tgl-btn left" for="alternativePaste"></label>
|
2022-07-14 20:37:33 +00:00
|
|
|
<p class="description2">
|
|
|
|
If you're on Gnome on Linux or just simply can't paste images copied from other messages, then this is
|
|
|
|
for you. This enables alternative module for pasting images. Only enable this when you're experiencing
|
|
|
|
issues.
|
|
|
|
</p>
|
2022-07-14 18:37:03 +00:00
|
|
|
</div>
|
|
|
|
<br />
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acChannel">
|
2022-07-14 17:46:01 +00:00
|
|
|
<select name="channel" id="channel" class="left dropdown">
|
2022-03-04 17:53:18 +00:00
|
|
|
<option value="stable">Stable</option>
|
|
|
|
<option value="canary">Canary</option>
|
|
|
|
<option value="ptb">PTB</option>
|
2022-07-12 14:10:41 +00:00
|
|
|
<option value="hummus">Hummus (unofficial)</option>
|
2022-03-04 17:53:18 +00:00
|
|
|
</select>
|
2022-07-14 17:46:01 +00:00
|
|
|
<div>
|
|
|
|
<p class="header" id="settings-channel">Discord channel:</p>
|
2022-07-14 20:37:33 +00:00
|
|
|
<p class="description">
|
|
|
|
You can use this setting to change current instance of Discord:
|
|
|
|
<br />
|
|
|
|
<b>Stable</b> - you're probably most familiar with this one. It's the one you see in default Discord
|
|
|
|
client!
|
|
|
|
<br />
|
|
|
|
<b>Canary</b> - this is alpha test release of Discord. By using it you gain access to newest
|
|
|
|
features and fixes.
|
|
|
|
<br />
|
|
|
|
<b>PTB</b> - public test build. Gets features earlier than stable but is a bit older than Canary.
|
|
|
|
<br />
|
|
|
|
<b>Hummus</b> - unofficial instance of Discord that takes you back to 2016! None of the client mods
|
|
|
|
bundled with ArmCord work with it. It's run by community, so you take all the risk by using it.
|
|
|
|
</p>
|
2022-07-14 17:46:01 +00:00
|
|
|
</div>
|
2022-03-04 17:53:18 +00:00
|
|
|
</div>
|
2022-07-14 17:46:01 +00:00
|
|
|
<br />
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acClientMod">
|
2022-07-14 17:46:01 +00:00
|
|
|
<select name="mod" id="mod" class="left dropdown">
|
2022-03-04 17:53:18 +00:00
|
|
|
<option value="cumcord">Cumcord</option>
|
|
|
|
<option value="goosemod">GooseMod</option>
|
|
|
|
<option value="flicker">Flicker</option>
|
2022-04-20 19:05:03 +00:00
|
|
|
<option value="none">None</option>
|
2022-03-04 17:53:18 +00:00
|
|
|
</select>
|
2022-06-12 11:18:18 +00:00
|
|
|
<p class="header" id="settings-mod">Client mod:</p>
|
2022-07-14 20:37:33 +00:00
|
|
|
<p class="description">
|
|
|
|
Client mods are programs that allow you customize your Discord experience. They can change appearance of
|
|
|
|
the client, modify behaviours or add new features!
|
|
|
|
<br />
|
|
|
|
<b>Cumcord</b> - focuses on making the Discord plugin development experience easier. Minimal and
|
|
|
|
lightweight.
|
|
|
|
<br />
|
|
|
|
<b>GooseMod</b> - light, secure, and easy to use, with out of the box experience. Features a built-in
|
|
|
|
store for plugins.
|
|
|
|
<br />
|
|
|
|
<b>Flicker</b> - heavily work in progress, doesn't have a working UI.
|
|
|
|
</p>
|
2022-03-04 17:53:18 +00:00
|
|
|
</div>
|
2022-07-14 17:46:01 +00:00
|
|
|
<br />
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acPrfmMode">
|
2022-07-14 17:46:01 +00:00
|
|
|
<select name="prfmMode" id="prfmMode" class="left dropdown">
|
2022-06-10 18:24:13 +00:00
|
|
|
<option value="performance">Performance</option>
|
|
|
|
<option value="battery">Battery</option>
|
|
|
|
<option value="none">None</option>
|
|
|
|
</select>
|
2022-06-12 11:18:18 +00:00
|
|
|
<p class="header" id="settings-prfmMode">Performance mode:</p>
|
2022-07-14 20:37:33 +00:00
|
|
|
<p class="description">
|
|
|
|
Performance mode is an experimental function that may either increase responsiveness and performance of
|
|
|
|
ArmCord or... decrease it. Please try every option and see which fits you the best.
|
|
|
|
</p>
|
2022-06-10 18:24:13 +00:00
|
|
|
</div>
|
2022-07-14 17:46:01 +00:00
|
|
|
<br />
|
2022-07-14 20:37:33 +00:00
|
|
|
<div class="switch acTray">
|
2022-07-14 17:46:01 +00:00
|
|
|
<select name="trayIcon" id="trayIcon" class="left dropdown">
|
2022-07-04 14:39:22 +00:00
|
|
|
<option value="ac_plug_colored">Default</option>
|
|
|
|
<option value="dsc-tray">Discord Icon</option>
|
|
|
|
<option value="ac_white_plug">White Icon</option>
|
|
|
|
<option value="ac_black_plug">Black Icon</option>
|
|
|
|
<option value="ac_white_plug_hollow">White Hollowed Icon</option>
|
|
|
|
<option value="ac_black_plug_hollow">Black Hollowed Icon</option>
|
|
|
|
</select>
|
|
|
|
<p class="header" id="settings-trayIcon">Tray icon:</p>
|
2022-07-14 20:37:33 +00:00
|
|
|
<p class="description">Set the icon which will appear in tray menu.</p>
|
2022-07-04 14:39:22 +00:00
|
|
|
</div>
|
2022-07-14 20:37:33 +00:00
|
|
|
<br />
|
2022-07-04 14:39:22 +00:00
|
|
|
<button id="settings-save" class="center">Save Settings</button>
|
2022-07-15 09:17:42 +00:00
|
|
|
<br />
|
|
|
|
<button id="settings-pluginsFolder" class="center">Open plugins folder</button>
|
|
|
|
<br />
|
|
|
|
<button id="settings-themeFolder" class="center">Open themes folder</button>
|
|
|
|
<br />
|
|
|
|
<button id="settings-storageFolder" class="center">Open storage folder</button>
|
|
|
|
<br />
|
|
|
|
<button id="settings-copyDebugInfo" class="center">Copy debug info</button>
|
2022-03-04 17:53:18 +00:00
|
|
|
</body>
|
2022-06-12 11:18:18 +00:00
|
|
|
<script>
|
|
|
|
async function loadLang() {
|
|
|
|
document.getElementById("settings-save").innerHTML = await settings.getLang("settings-save");
|
|
|
|
document.getElementById("settings-mod").innerHTML = await settings.getLang("settings-mod");
|
|
|
|
document.getElementById("settings-channel").innerHTML = await settings.getLang("settings-channel");
|
|
|
|
document.getElementById("settings-invitewebsocket").innerHTML = await settings.getLang(
|
|
|
|
"settings-invitewebsocket"
|
|
|
|
);
|
|
|
|
document.getElementById("settings-patches").innerHTML = await settings.getLang("settings-patches");
|
|
|
|
document.getElementById("settings-tray").innerHTML = await settings.getLang("settings-tray");
|
2022-07-11 17:13:52 +00:00
|
|
|
document.getElementById("settings-mobileMode").innerHTML = await settings.getLang("settings-mobileMode");
|
2022-06-12 11:18:18 +00:00
|
|
|
document.getElementById("settings-theme").innerHTML = await settings.getLang("settings-theme");
|
|
|
|
//select stuff
|
|
|
|
document.getElementById("mod").options[3].text = await settings.getLang("settings-none");
|
|
|
|
document.getElementById("prfmMode").options[2].text = await settings.getLang("settings-none");
|
|
|
|
document.getElementById("prfmMode").options[1].text = await settings.getLang("settings-prfmMode-battery");
|
|
|
|
document.getElementById("prfmMode").options[0].text = await settings.getLang(
|
|
|
|
"settings-prfmMode-performance"
|
|
|
|
);
|
|
|
|
document.getElementById("theme").options[1].text = await settings.getLang("settings-theme-native");
|
|
|
|
document.getElementById("theme").options[0].text = await settings.getLang("settings-theme-default");
|
|
|
|
}
|
|
|
|
loadLang();
|
|
|
|
</script>
|
2022-03-04 17:53:18 +00:00
|
|
|
<script>
|
|
|
|
async function loadSettings() {
|
|
|
|
document.getElementById("csp").checked = await settings.get("armcordCSP");
|
|
|
|
document.getElementById("tray").checked = await settings.get("minimizeToTray");
|
2022-05-14 18:00:33 +00:00
|
|
|
document.getElementById("websocket").checked = await settings.get("inviteWebsocket");
|
2022-07-14 18:37:03 +00:00
|
|
|
document.getElementById("alternativePaste").checked = await settings.get("alternativePaste");
|
2022-07-11 17:13:52 +00:00
|
|
|
document.getElementById("mobile").checked = await settings.get("mobileMode");
|
2022-03-04 17:53:18 +00:00
|
|
|
document.getElementById("patches").value = await settings.get("automaticPatches");
|
|
|
|
document.getElementById("mod").value = await settings.get("mods");
|
|
|
|
document.getElementById("channel").value = await settings.get("channel");
|
|
|
|
document.getElementById("theme").value = await settings.get("windowStyle");
|
2022-06-12 11:18:18 +00:00
|
|
|
document.getElementById("prfmMode").value = await settings.get("performanceMode");
|
2022-07-04 14:39:22 +00:00
|
|
|
document.getElementById("trayIcon").value = await settings.get("trayIcon");
|
2022-03-04 17:53:18 +00:00
|
|
|
}
|
|
|
|
loadSettings();
|
2022-06-12 11:18:18 +00:00
|
|
|
document.getElementById("settings-save").addEventListener("click", function () {
|
2022-04-18 10:05:06 +00:00
|
|
|
settings.save({
|
|
|
|
windowStyle: document.getElementById("theme").value,
|
|
|
|
channel: document.getElementById("channel").value,
|
|
|
|
armcordCSP: document.getElementById("csp").checked,
|
|
|
|
minimizeToTray: document.getElementById("tray").checked,
|
2022-07-14 18:37:03 +00:00
|
|
|
alternativePaste: document.getElementById("alternativePaste").checked,
|
2022-04-18 10:05:06 +00:00
|
|
|
automaticPatches: document.getElementById("patches").checked,
|
|
|
|
mods: document.getElementById("mod").value,
|
2022-07-11 17:13:52 +00:00
|
|
|
mobileMode: document.getElementById("mobile").checked,
|
2022-05-14 18:00:33 +00:00
|
|
|
inviteWebsocket: document.getElementById("websocket").checked,
|
2022-06-10 18:24:13 +00:00
|
|
|
performanceMode: document.getElementById("prfmMode").value,
|
2022-07-04 14:39:22 +00:00
|
|
|
trayIcon: document.getElementById("trayIcon").value,
|
2022-04-19 17:59:52 +00:00
|
|
|
doneSetup: true
|
2022-04-18 10:05:06 +00:00
|
|
|
});
|
2022-03-04 17:53:18 +00:00
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</html>
|