mirror of
https://github.com/smartfrigde/armcord.git
synced 2024-08-14 23:56:58 +00:00
Fixed UI and added a test theme :p
This commit is contained in:
KayoticCarnige
parent
9145f8f233
commit
cdf8ed4ba7
8 changed files with 164 additions and 88 deletions
5
main.js
5
main.js
|
|
@ -6,12 +6,7 @@ const os = require("os");
|
||||||
require("v8-compile-cache");
|
require("v8-compile-cache");
|
||||||
require("./utils/updater");
|
require("./utils/updater");
|
||||||
|
|
||||||
if (os.type() == 'Linux'){
|
|
||||||
var iconformat = __dirname + "/discord.png"
|
var iconformat = __dirname + "/discord.png"
|
||||||
} else { //test this
|
|
||||||
console.log("Running Non-Linux")
|
|
||||||
var iconformat = __dirname + "/discord.ico";
|
|
||||||
}
|
|
||||||
|
|
||||||
contextMenu({
|
contextMenu({
|
||||||
prepend: (defaultActions, parameters, browserWindow) => [
|
prepend: (defaultActions, parameters, browserWindow) => [
|
||||||
|
|
|
||||||
117
manager.css
Normal file
117
manager.css
Normal file
|
|
@ -0,0 +1,117 @@
|
||||||
|
@import url("https://kckarnige.github.io/femboi_owo/discord-font.css");
|
||||||
|
|
||||||
|
:root {
|
||||||
|
background-color: #2f3136;
|
||||||
|
user-select: none;
|
||||||
|
--header-secondary: #b9bbbe;
|
||||||
|
--header-primary: #fff;
|
||||||
|
--background-tertiary: #202225;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 0;
|
||||||
|
text-align: center;
|
||||||
|
transform: translateY(-105%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:before {
|
||||||
|
content: "ARM";
|
||||||
|
color: #7289da;
|
||||||
|
font-weight: normal;
|
||||||
|
font-family: Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: normal;
|
||||||
|
font-family: Discordinated;
|
||||||
|
font-size: 32px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
color: #fff;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
button.back-btn {
|
||||||
|
position: absolute;
|
||||||
|
background-color: #7289da;
|
||||||
|
font-family: Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 4px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 105px;
|
||||||
|
height: 25px;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-left: 5px;
|
||||||
|
text-align: center;
|
||||||
|
border-style: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.back-btn:hover {
|
||||||
|
background-color: #687dc6;
|
||||||
|
border-style: none;
|
||||||
|
outline: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.back-btn:active {
|
||||||
|
background-color: #5c6fb1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tm-list {
|
||||||
|
position: absolute;
|
||||||
|
top: 100px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
#tm-list-item {
|
||||||
|
background: #23272a;
|
||||||
|
font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 10px 10px 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#theme-name {
|
||||||
|
color: #7289da;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#theme-author {
|
||||||
|
color: #99aab5;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#theme-description {
|
||||||
|
color: #b9bbbe;
|
||||||
|
font-size: 15px;
|
||||||
|
position: relative;
|
||||||
|
top: 8px;
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 0.4em;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background: #202225;
|
||||||
|
border-radius: 25px;
|
||||||
|
}
|
||||||
79
manager.html
79
manager.html
|
|
@ -3,84 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<title>ArmCord Manager</title>
|
<title>ArmCord Manager</title>
|
||||||
<style>
|
<link rel="stylesheet" href="manager.css">
|
||||||
@import url("https://kckarnige.github.io/femboi_owo/discord-font.css");
|
|
||||||
|
|
||||||
:root {
|
|
||||||
background-color: #2c2f33;
|
|
||||||
--header-secondary: #b9bbbe;
|
|
||||||
--header-primary: #fff;
|
|
||||||
--background-tertiary: #202225;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 0px;
|
|
||||||
text-align: center;
|
|
||||||
transform: translateY(-105%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo:before {
|
|
||||||
content: "ARM";
|
|
||||||
color: #7289da;
|
|
||||||
font-weight: normal;
|
|
||||||
font-family: Helvetica, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
color: #ffffff;
|
|
||||||
font-weight: normal;
|
|
||||||
font-family: Discordinated;
|
|
||||||
font-size: 32px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
position: fixed;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
color: #fff;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
button.back-btn {
|
|
||||||
position: absolute;
|
|
||||||
background-color: #7289da;
|
|
||||||
font-family: Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
||||||
color: #ffffff;
|
|
||||||
padding: 4px;
|
|
||||||
border-radius: 5px;
|
|
||||||
width: 105px;
|
|
||||||
height: 25px;
|
|
||||||
margin-top: 5px;
|
|
||||||
margin-left: 5px;
|
|
||||||
text-align: center;
|
|
||||||
border-style: none;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.back-btn:hover {
|
|
||||||
background-color: #687dc6;
|
|
||||||
border-style: none;
|
|
||||||
outline: none;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
button.back-btn:active {
|
|
||||||
background-color: #5c6fb1;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
const fs = require("fs");
|
const fs = require("fs");
|
||||||
const armcord = require("./ArmCord.js");
|
const armcord = require("./armcord.js");
|
||||||
const themeFolder = __dirname + "/themes/";
|
const themeFolder = __dirname + "/themes/";
|
||||||
|
|
||||||
window.addEventListener("DOMContentLoaded", () => {
|
window.addEventListener("DOMContentLoaded", () => {
|
||||||
|
|
@ -14,13 +14,13 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||||
const theme = fs.readFileSync(`${__dirname}/themes/${file}/${themeFile.theme}`, "utf8");
|
const theme = fs.readFileSync(`${__dirname}/themes/${file}/${themeFile.theme}`, "utf8");
|
||||||
if (themeFile.theme.endsWith(".scss")) {
|
if (themeFile.theme.endsWith(".scss")) {
|
||||||
console.log(
|
console.log(
|
||||||
`%cCouldn't load ${themeFile.name} made by ${themeFile.author}. ArmCord doesn't support scss files if you want to have this theme ported feel free to reach out https://discord.gg/F25bc4RYDt `,
|
`%cCouldn't load ${themeFile.name} made by ${themeFile.author}. ArmCord doesn't support SCSS files! If you want to have this theme ported, feel free to reach out https://discord.gg/F25bc4RYDt `,
|
||||||
"color:red; font-weight: bold; font-size: 50px;color: red;"
|
"color:red; font-weight: bold; font-size: 50px;color: red;"
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
armcord.addStyle(theme);
|
armcord.addStyle(theme);
|
||||||
var html = `<p>${themeFile.name}</p>`;
|
var html = `<div id="tm-list-item"><div id="theme-name">${themeFile.name}</div><div id="theme-author">By ${themeFile.author}</div><div id="theme-description">${themeFile.description}</div></div><br><br>`;
|
||||||
document.getElementById("tm-list").insertAdjacentHTML("afterend", html);
|
document.getElementById("tm-list").innerHTML = html + document.getElementById("tm-list").innerHTML;
|
||||||
console.log(`%cLoaded ${themeFile.name} made by ${themeFile.author}`, "color:red");
|
console.log(`%cLoaded ${themeFile.name} made by ${themeFile.author}`, "color:red");
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.error(err);
|
console.error(err);
|
||||||
|
|
|
||||||
21
utils/themes/test_thing/LICENSE
Normal file
21
utils/themes/test_thing/LICENSE
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2021 GooseNest
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
||||||
3
utils/themes/test_thing/README.md
Normal file
3
utils/themes/test_thing/README.md
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
# GT-RevertRebrand ArmCord
|
||||||
|
|
||||||
|
Reverts Discord's 2021 rebrand (font, colors, reactions, mentions, loading screen, home icon, reply ping color, and more)
|
||||||
9
utils/themes/test_thing/RevertRebrand.theme.css
Normal file
9
utils/themes/test_thing/RevertRebrand.theme.css
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
/**
|
||||||
|
* @name Revert Rebrand
|
||||||
|
* @author GooseNest
|
||||||
|
* @description Reverts Discord's 2021 rebrand (font, colors, reactions, mentions, loading screen, home icon, reply ping color, and more)
|
||||||
|
* @invite neMncS2
|
||||||
|
* @version 3.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
@import url('https://Goose-Nest.github.io/GT-RevertRebrand/src/main.css');
|
||||||
8
utils/themes/test_thing/manifest.json
Normal file
8
utils/themes/test_thing/manifest.json
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"name": "Test Theme",
|
||||||
|
"description": "A test description (For theme seperation)",
|
||||||
|
"version": "3.0",
|
||||||
|
"author": "KayoticCarnige",
|
||||||
|
"license": "MIT",
|
||||||
|
"theme": "RevertRebrand.theme.css"
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue