Partial Powercord Theme Support
This commit is contained in:
smartfridge
parent
8d3b5f523a
commit
6232c01006
|
|
@ -1,55 +1,17 @@
|
|||
const themeFolder = __dirname + "/themes/";
|
||||
const fs = require("fs");
|
||||
const armcord = require("./armcord.js");
|
||||
const splitRegex = /[^\S\r\n]*?\r?(?:\r\n|\n)[^\S\r\n]*?\*[^\S\r\n]?/;
|
||||
const escapedAtRegex = /^\\@/;
|
||||
function parseMeta(fileContent) {
|
||||
//https://github.com/rauenzi/BetterDiscordApp/blob/01941c1178c13e1229e39e1f1434678a39a020b8/renderer/src/modules/addonmanager.js
|
||||
const block = fileContent.split("/**", 2)[1].split("*/", 1)[0];
|
||||
const out = {};
|
||||
let field = "";
|
||||
let accum = "";
|
||||
for (const line of block.split(splitRegex)) {
|
||||
if (line.length === 0) continue;
|
||||
if (line.charAt(0) === "@" && line.charAt(1) !== " ") {
|
||||
out[field] = accum;
|
||||
const l = line.indexOf(" ");
|
||||
field = line.substr(1, l - 1);
|
||||
accum = line.substr(l + 1);
|
||||
} else {
|
||||
accum += " " + line.replace("\\n", "\n").replace(escapedAtRegex, "@");
|
||||
}
|
||||
}
|
||||
out[field] = accum.trim();
|
||||
delete out[""];
|
||||
out.format = "jsdoc";
|
||||
return out;
|
||||
}
|
||||
function loadPluginMenu() {
|
||||
window.addEventListener("DOMContentLoaded", () => {
|
||||
fs.readdirSync(themeFolder).forEach((file) => {
|
||||
console.log(file);
|
||||
try {
|
||||
const style = fs.readFileSync(`${__dirname}/themes/${file}`, "utf8");
|
||||
document.getElementById("tm-list").appendChild(
|
||||
`
|
||||
<p>${parseMeta(style)}</p>
|
||||
`
|
||||
);
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
const themeFolder = __dirname + "/themes/";
|
||||
window.addEventListener("DOMContentLoaded", () => {
|
||||
loadPluginMenu()
|
||||
fs.readdirSync(themeFolder).forEach((file) => {
|
||||
console.log(file);
|
||||
try {
|
||||
const style = fs.readFileSync(`${__dirname}/themes/${file}`, "utf8");
|
||||
armcord.addStyle(style);
|
||||
const manifest = fs.readFileSync(`${__dirname}/themes/${file}/manifest.json`, "utf8");
|
||||
var themeFile = JSON.parse(manifest);
|
||||
console.log(themeFile.theme);
|
||||
console.log(themeFile)
|
||||
const theme = fs.readFileSync(`${__dirname}/themes/${file}/${themeFile.theme}`, "utf8");
|
||||
armcord.addStyle(theme)
|
||||
console.log(`Loaded ${themeFile.name} made by ${themeFile.author}`);
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
# GT-RevertRebrand
|
||||
|
||||
Reverts Discord's 2021 rebrand (font, colors, reactions, mentions, loading screen, home icon, reply ping color, and more)
|
||||
|
||||
## Mods Supported
|
||||
|
||||
- Powercord
|
||||
- BetterDiscord
|
||||
- Vizality
|
||||
|
||||
## Screenshots
|
||||
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path d="M0 0h18v18H0z"/>
|
||||
<path fill="#43b581" d="M14.25 14.25H3.75V3.75h7.5v-1.5h-7.5c-.8325 0-1.5.6675-1.5 1.5v10.5c0 .8284271.67157288 1.5 1.5 1.5h10.5c.8284271 0 1.5-.6715729 1.5-1.5v-6h-1.5v6zM6.6825 7.31L5.625 8.375 9 11.75l7.5-7.5-1.0575-1.065L9 9.6275 6.6825 7.31z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 400 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">
|
||||
<path fill="#43b581" fill-rule="evenodd" d="M17.7163041 15.36645368c-.0190957.02699568-1.9039523 2.6680735-2.9957762 2.63320406-3.0676659-.09785935-6.6733809-3.07188394-9.15694343-5.548738C3.08002193 9.9740657.09772497 6.3791404 0 3.3061316v-.024746C0 2.2060575 2.61386252.3152347 2.64082114.2972376c.7110335-.4971705 1.4917101-.3149497 1.80959713.1372281.19320342.2744561 2.19712724 3.2811005 2.42290565 3.6489167.09884826.1608492.14714912.3554431.14714912.5702838 0 .2744561-.07975258.5770327-.23701117.8751101-.1527655.2902036-.65262318 1.1664385-.89862055 1.594995.2673396.3768148.94804468 1.26429792 2.351016 2.66357424 1.39173858 1.39027775 2.28923588 2.07641807 2.67002628 2.34187563.4302146-.2452108 1.3086162-.74238132 1.5972981-.89423205.5447887-.28682915 1.0907006-.31944893 1.4568885-.08661115.3459689.2182151 3.3383754 2.21027167 3.6225641 2.41611376.2695862.19234426.4144887.5399137.4144887.91672846 0 .2969525-.089862.61190215-.2808189.88523346"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,11 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10px" height="14px" viewBox="0 0 10 14" version="1.1">
|
||||
<!-- Generator: Sketch 3.7 (28169) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>icon-green-lock</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs/>
|
||||
<g id="Settings" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Desktop-HD---2FA,-Settings---Active" transform="translate(-545.000000, -509.000000)" fill="#43b581">
|
||||
<path d="M553,515 L547,515 L547,514 C547,512.346 548.346,511 550,511 C551.654,511 553,512.346 553,514 L553,515 Z M549,521 L551,521 L551,517 L549,517 L549,521 Z M550,509 C547.238,509 545,511.238 545,514 L545,515 L545,519 L545,521 C545,522.104 545.896,523 547,523 L553,523 C554.104,523 555,522.104 555,521 L555,519 L555,515 L555,514 C555,511.238 552.762,509 550,509 L550,509 Z" id="icon-green-lock"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 953 B |
|
|
@ -0,0 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path d="M18 0H0v18h18z"/>
|
||||
<path fill="#43b581" d="M0 8h14.2l-3.6-3.6L12 3l6 6-6 6-1.4-1.4 3.6-3.6H0"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 228 B |
|
|
@ -0,0 +1,6 @@
|
|||
export default {
|
||||
name: 'Revert Rebrand',
|
||||
description: 'Reverts Discord\'s 2021 rebrand (font, colors, reactions, mentions, loading screen, home icon, reply ping color, and more)',
|
||||
version: '3.0',
|
||||
screenshots: []
|
||||
};
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"name": "Revert Rebrand",
|
||||
"description": "Reverts Discord's 2021 rebrand (font, colors, reactions, mentions, loading screen, home icon, reply ping color, and more)",
|
||||
"version": "3.0",
|
||||
"author": "GooseNest",
|
||||
"license": "MIT",
|
||||
"theme": "src/main.scss"
|
||||
}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"name": "Revert Rebrand",
|
||||
"description": "Reverts Discord's 2021 rebrand (font, colors, reactions, mentions, loading screen, home icon, reply ping color, and more)",
|
||||
"version": "3.0",
|
||||
"author": "GooseNest",
|
||||
"license": "MIT",
|
||||
"theme": "src/main.scss"
|
||||
}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
/* Revert mentions and channel links */
|
||||
#app-mount .wrapper-3WhCwL {
|
||||
color: var(--brand-experiment-400);
|
||||
background: var(--brand-experiment-10a);
|
||||
}
|
||||
|
||||
#app-mount .wrapper-3WhCwL:hover {
|
||||
background: var(--brand-experiment-25a);
|
||||
}
|
||||
|
||||
/* Hide semi-transparent background if mentioned in message */
|
||||
/* .mentioned-xhSam7 .mention {
|
||||
background: transparent !important;
|
||||
} */
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
/* Revert reactions */
|
||||
.reaction-1hd86g {
|
||||
border-radius: .25rem;
|
||||
background: var(--background-modifier-selected);
|
||||
|
||||
border-color: transparent !important;
|
||||
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.reaction-1hd86g .reactionCount-2mvXRV {
|
||||
color: var(--text-muted); /* A11Y-- */
|
||||
}
|
||||
|
||||
.reaction-1hd86g .reactionInner-15NvIl {
|
||||
padding: 0 4.5px;
|
||||
}
|
||||
|
||||
/* Self reactions */
|
||||
.reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV {
|
||||
color: var(--brand-experiment); /* A11Y-- */
|
||||
}
|
||||
|
||||
.reaction-1hd86g.reactionMe-wv5HKu {
|
||||
background-color: var(--brand-experiment-30a);
|
||||
}
|
||||
|
||||
/* Reaction hover */
|
||||
.reaction-1hd86g:hover .reactionCount-2mvXRV {
|
||||
color: var(--interactive-active) !important;
|
||||
}
|
||||
|
||||
.reaction-1hd86g:hover {
|
||||
background-color: var(--background-modifier-selected);
|
||||
}
|
||||
|
||||
.reaction-1hd86g.reactionMe-wv5HKu:hover {
|
||||
background-color: var(--brand-experiment-40a);
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
/* Color BD specific settings elements */
|
||||
.bd-addon-views .bd-view-button.selected, .bd-button {
|
||||
background-color: var(--brand-experiment);
|
||||
}
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
/* Restyle the create server and discovery buttons to the old green */
|
||||
.circleIconButton-1QV--U.circleButtonBase-2DCxIZ {
|
||||
color: var(--old-green);
|
||||
}
|
||||
.circleIconButton-1QV--U.circleButtonBase-2DCxIZ.selected-1JjBPm {
|
||||
color: white;
|
||||
background-color: var(--old-green);
|
||||
}
|
||||
|
||||
/* On switches to old green */
|
||||
.container-3auIfb[style="opacity: 1; background-color: rgb(59, 165, 92);"] {
|
||||
background-color: var(--old-green) !important;
|
||||
}
|
||||
|
||||
/* Text input focus border color is now focus / link, change back to original brand color */
|
||||
.input-cIJ7To.focused-1mmYsC, .input-cIJ7To:focus {
|
||||
border-color: var(--brand-experiment);
|
||||
}
|
||||
|
||||
/* Restyle the create server and discovery buttons to the old green */
|
||||
.circleIconButton-1QV--U.circleButtonBase-2DCxIZ {
|
||||
color: var(--old-green);
|
||||
}
|
||||
.circleIconButton-1QV--U.circleButtonBase-2DCxIZ.selected-1JjBPm {
|
||||
color: white;
|
||||
background-color: var(--old-green);
|
||||
}
|
||||
|
||||
/* On switches to old green */
|
||||
.container-3auIfb[style="opacity: 1; background-color: rgb(59, 165, 92);"] {
|
||||
background-color: var(--old-green) !important;
|
||||
}
|
||||
|
||||
/* Text input focus border color is now focus / link, change back to original brand color */
|
||||
.input-cIJ7To.focused-1mmYsC, .input-cIJ7To:focus {
|
||||
border-color: var(--brand-experiment);
|
||||
}
|
||||
|
||||
/* Change all radio bars with the new green to the old green */
|
||||
/* In particular, this fixes the privacy and safety settings' 'keep me safe' option */
|
||||
.radioBar-bMNUI-[style*="--radio-bar-accent-color:#3ba55c"] {
|
||||
--radio-bar-accent-color: var(--old-green) !important;
|
||||
}
|
||||
|
||||
/* Revert ping mention button being link colored (used to be brand) */
|
||||
.colorLink-2vG20E.size14-e6ZScH.mentionButton-3710-W {
|
||||
color: var(--brand-experiment) !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
/* Change green colorables from the new green color to the old green color. */
|
||||
/* In particular, this fixes the join call buttons, but it may also fix other stuff around the app */
|
||||
.colorable-1bkp8v.green-plH-Mj {
|
||||
background-color: var(--old-green);
|
||||
}
|
||||
|
||||
/* Verified check mark color */
|
||||
.verified-1eC5dy {
|
||||
color: var(--old-green);
|
||||
}
|
||||
|
||||
/* Fix the speaking ring around your avatar in the bottom left corner of your screen */
|
||||
.avatarSpeaking-2c8-9i {
|
||||
box-shadow: inset 0 0 0 2px var(--old-green), inset 0 0 0 3px #2f3136;
|
||||
}
|
||||
|
||||
/* And fix speaking avatars in calls in general */
|
||||
.speaking-B2MXPi.border-Jn5IOt {
|
||||
box-shadow: inset 0 0 0 2px var(--old-green), inset 0 0 0 3px #2f3136;
|
||||
}
|
||||
|
||||
/* Revert new Nitro icon by setting item */
|
||||
.premiumTabItem-1QTfBr .icon-Zc-uZZ {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Online status */
|
||||
.wrapper-3t9DeA rect.pointerEvents-2zdfdO[mask="url(#svg-mask-status-online)"]:not([fill="#ffffff"]) {
|
||||
fill: var(--old-green);
|
||||
}
|
||||
|
||||
/* Online status (mobile) */
|
||||
.wrapper-3t9DeA rect.pointerEvents-2zdfdO[mask="url(#svg-mask-status-online-mobile)"]:not([fill="#ffffff"]) {
|
||||
fill: var(--old-green);
|
||||
}
|
||||
|
||||
/* Online status (typing and other) */
|
||||
.wrapper-3t9DeA svg.cursorDefault-dsQJ1n > rect[fill="#3ba55c"] {
|
||||
fill: var(--old-green);
|
||||
}
|
||||
|
||||
/* Revert loading tip title color */
|
||||
.tipTitle-GL9qAt {
|
||||
color: var(--brand-experiment) !important;
|
||||
}
|
||||
|
||||
/* Revert home icon */
|
||||
.homeIcon-FuNwkv > path {
|
||||
d: path("M 20.6644 20 C 20.6644 20 19.8014 18.9762 19.0822 18.0714 C 22.2226 17.1905 23.4212 15.2381 23.4212 15.2381 C 22.4384 15.881 21.5034 16.3334 20.6644 16.6429 C 19.4658 17.1429 18.3151 17.4762 17.1884 17.6667 C 14.887 18.0953 12.7774 17.9762 10.9795 17.6429 C 9.61301 17.381 8.43836 17 7.45548 16.6191 C 6.90411 16.4048 6.30479 16.1429 5.70548 15.8096 C 5.63356 15.7619 5.56164 15.7381 5.48973 15.6905 C 5.44178 15.6667 5.41781 15.6429 5.39384 15.6191 C 4.96233 15.381 4.7226 15.2143 4.7226 15.2143 C 4.7226 15.2143 5.87329 17.1191 8.91781 18.0238 C 8.19863 18.9286 7.31164 20 7.31164 20 C 2.0137 19.8333 0 16.381 0 16.381 C 0 8.7144 3.45205 2.50017 3.45205 2.50017 C 6.90411 -0.07123 10.1884 0.000197861 10.1884 0.000197861 L 10.4281 0.285909 C 6.11301 1.52399 4.12329 3.40493 4.12329 3.40493 C 4.12329 3.40493 4.65068 3.11921 5.53767 2.71446 C 8.10274 1.59542 10.1404 1.2859 10.9795 1.21447 C 11.1233 1.19066 11.2432 1.16685 11.387 1.16685 C 12.8493 0.976379 14.5034 0.92876 16.2295 1.11923 C 18.5068 1.38114 20.9521 2.0478 23.4452 3.40493 C 23.4452 3.40493 21.5514 1.61923 17.476 0.381146 L 17.8116 0.000197861 C 17.8116 0.000197861 21.0959 -0.07123 24.5479 2.50017 C 24.5479 2.50017 28 8.7144 28 16.381 C 28 16.381 25.9623 19.8333 20.6644 20 Z M 9.51712 8.88106 C 8.15068 8.88106 7.07192 10.0715 7.07192 11.5239 C 7.07192 12.9763 8.17466 14.1667 9.51712 14.1667 C 10.8836 14.1667 11.9623 12.9763 11.9623 11.5239 C 11.9863 10.0715 10.8836 8.88106 9.51712 8.88106 Z M 18.2671 8.88106 C 16.9007 8.88106 15.8219 10.0715 15.8219 11.5239 C 15.8219 12.9763 16.9247 14.1667 18.2671 14.1667 C 19.6336 14.1667 20.7123 12.9763 20.7123 11.5239 C 20.7123 10.0715 19.6336 8.88106 18.2671 8.88106 Z");
|
||||
}
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
/* Fix misc SVGs that for some reason sometimes weren't targeted by the previous rules (particularly presence SVGs) */
|
||||
*[fill="#3ba55c"] {
|
||||
fill: var(--old-green);
|
||||
}
|
||||
|
||||
/* Fix the call icons in chat */
|
||||
.icon-2Po-VO.iconSize-2tmqqh[style='background-image: url("/assets/7f75ab26bc5deb393cd8db44d9fe14e7.svg");'] {
|
||||
background-image: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/call_icon.svg") !important;
|
||||
}
|
||||
|
||||
/* Server join icon to old green (arrow left to join system message) */
|
||||
.icon-2Po-VO.iconSize-2tmqqh[style='background-image: url("/assets/e06a573355c490f7ce6e3125ac01db81.svg");'] {
|
||||
background-image: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/server_join_icon.svg") !important;
|
||||
}
|
||||
|
||||
/* Change the lock icon in the settings, it's an img tag so we need to use the content: css attribute instead of background-image */
|
||||
.lockIcon-2Hj8Tq[src="/assets/acea8fd38500a12d0509c027a274caaa.svg"] {
|
||||
content: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/mfa_lock_icon.svg") !important;
|
||||
}
|
||||
|
||||
/* Permission checkmarks in authorized apps to the old green */
|
||||
/* The images in these are specified by class, so it's impossible to get more specific of a match than this */
|
||||
.permissionCheckmark-1SeKr2 {
|
||||
background: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/authorized_apps_checkmark_icon.svg") no-repeat;
|
||||
}
|
||||
|
|
@ -0,0 +1,249 @@
|
|||
body {
|
||||
/* Revert new green to old color */
|
||||
--old-green: #43b581;
|
||||
--info-positive-foreground: var(--old-green);
|
||||
--status-positive-background: var(--old-green);
|
||||
--text-positive: var(--old-green);
|
||||
/* Revert new red to old color */
|
||||
--old-red: #f04747;
|
||||
--text-danger: var(--old-red);
|
||||
--info-danger-foreground: var(--old-red);
|
||||
--status-danger-background: var(--old-red);
|
||||
/* Revert to old font var */
|
||||
--font-display: var(--font-primary);
|
||||
/* Found in Discord's CSS file: oldBrand vs newBrand HTML class - here we force old brand vars via copying */
|
||||
--brand-experiment-100: #f8f9fd;
|
||||
--brand-experiment-130: #f2f4fc;
|
||||
--brand-experiment-160: #ebeefa;
|
||||
--brand-experiment-200: #e3e7f8;
|
||||
--brand-experiment-230: #dae0f5;
|
||||
--brand-experiment-260: #d1d9f3;
|
||||
--brand-experiment-300: #c7d0f0;
|
||||
--brand-experiment-330: #b5c1ec;
|
||||
--brand-experiment-360: #a5b3e7;
|
||||
--brand-experiment-400: #8ea1e1;
|
||||
--brand-experiment-430: #869adf;
|
||||
--brand-experiment-460: #7d92dd;
|
||||
--brand-experiment: #7289da;
|
||||
--brand-experiment-500: #7289da;
|
||||
--brand-experiment-530: #687dc6;
|
||||
--brand-experiment-560: #5c6fb1;
|
||||
--brand-experiment-600: #4e5d94;
|
||||
--brand-experiment-630: #435180;
|
||||
--brand-experiment-660: #3b4770;
|
||||
--brand-experiment-700: #2e3757;
|
||||
--brand-experiment-730: #2b3352;
|
||||
--brand-experiment-760: #272f4b;
|
||||
--brand-experiment-800: #222941;
|
||||
--brand-experiment-830: #1a2032;
|
||||
--brand-experiment-860: #111521;
|
||||
--brand-experiment-900: #06070b;
|
||||
--brand-experiment-05a: rgba(114,137,218,0.05);
|
||||
--brand-experiment-10a: rgba(114,137,218,0.1);
|
||||
--brand-experiment-15a: rgba(114,137,218,0.15);
|
||||
--brand-experiment-20a: rgba(114,137,218,0.2);
|
||||
--brand-experiment-25a: rgba(114,137,218,0.25);
|
||||
--brand-experiment-30a: rgba(114,137,218,0.3);
|
||||
--brand-experiment-35a: rgba(114,137,218,0.35);
|
||||
--brand-experiment-40a: rgba(114,137,218,0.4);
|
||||
--brand-experiment-45a: rgba(114,137,218,0.45);
|
||||
--brand-experiment-50a: rgba(114,137,218,0.5);
|
||||
--brand-experiment-55a: rgba(114,137,218,0.55);
|
||||
--brand-experiment-60a: rgba(114,137,218,0.6);
|
||||
--brand-experiment-65a: rgba(114,137,218,0.65);
|
||||
--brand-experiment-70a: rgba(114,137,218,0.7);
|
||||
--brand-experiment-75a: rgba(114,137,218,0.75);
|
||||
--brand-experiment-80a: rgba(114,137,218,0.8);
|
||||
--brand-experiment-85a: rgba(114,137,218,0.85);
|
||||
--brand-experiment-90a: rgba(114,137,218,0.9);
|
||||
--brand-experiment-95a: rgba(114,137,218,0.95);
|
||||
}
|
||||
|
||||
/* Revert mentions and channel links */
|
||||
#app-mount .wrapper-3WhCwL {
|
||||
color: var(--brand-experiment-400);
|
||||
background: var(--brand-experiment-10a);
|
||||
}
|
||||
|
||||
#app-mount .wrapper-3WhCwL:hover {
|
||||
background: var(--brand-experiment-25a);
|
||||
}
|
||||
|
||||
/* Hide semi-transparent background if mentioned in message */
|
||||
/* .mentioned-xhSam7 .mention {
|
||||
background: transparent !important;
|
||||
} */
|
||||
/* Revert reactions */
|
||||
.reaction-1hd86g {
|
||||
border-radius: 0.25rem;
|
||||
background: var(--background-modifier-selected);
|
||||
border-color: transparent !important;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.reaction-1hd86g .reactionCount-2mvXRV {
|
||||
color: var(--text-muted);
|
||||
/* A11Y-- */
|
||||
}
|
||||
|
||||
.reaction-1hd86g .reactionInner-15NvIl {
|
||||
padding: 0 4.5px;
|
||||
}
|
||||
|
||||
/* Self reactions */
|
||||
.reaction-1hd86g.reactionMe-wv5HKu .reactionCount-2mvXRV {
|
||||
color: var(--brand-experiment);
|
||||
/* A11Y-- */
|
||||
}
|
||||
|
||||
.reaction-1hd86g.reactionMe-wv5HKu {
|
||||
background-color: var(--brand-experiment-30a);
|
||||
}
|
||||
|
||||
/* Reaction hover */
|
||||
.reaction-1hd86g:hover .reactionCount-2mvXRV {
|
||||
color: var(--interactive-active) !important;
|
||||
}
|
||||
|
||||
.reaction-1hd86g:hover {
|
||||
background-color: var(--background-modifier-selected);
|
||||
}
|
||||
|
||||
.reaction-1hd86g.reactionMe-wv5HKu:hover {
|
||||
background-color: var(--brand-experiment-40a);
|
||||
}
|
||||
|
||||
/* Color BD specific settings elements */
|
||||
.bd-addon-views .bd-view-button.selected, .bd-button {
|
||||
background-color: var(--brand-experiment);
|
||||
}
|
||||
|
||||
/* Restyle the create server and discovery buttons to the old green */
|
||||
.circleIconButton-1QV--U.circleButtonBase-2DCxIZ {
|
||||
color: var(--old-green);
|
||||
}
|
||||
|
||||
.circleIconButton-1QV--U.circleButtonBase-2DCxIZ.selected-1JjBPm {
|
||||
color: white;
|
||||
background-color: var(--old-green);
|
||||
}
|
||||
|
||||
/* On switches to old green */
|
||||
.container-3auIfb[style="opacity: 1; background-color: rgb(59, 165, 92);"] {
|
||||
background-color: var(--old-green) !important;
|
||||
}
|
||||
|
||||
/* Text input focus border color is now focus / link, change back to original brand color */
|
||||
.input-cIJ7To.focused-1mmYsC, .input-cIJ7To:focus {
|
||||
border-color: var(--brand-experiment);
|
||||
}
|
||||
|
||||
/* Restyle the create server and discovery buttons to the old green */
|
||||
.circleIconButton-1QV--U.circleButtonBase-2DCxIZ {
|
||||
color: var(--old-green);
|
||||
}
|
||||
|
||||
.circleIconButton-1QV--U.circleButtonBase-2DCxIZ.selected-1JjBPm {
|
||||
color: white;
|
||||
background-color: var(--old-green);
|
||||
}
|
||||
|
||||
/* On switches to old green */
|
||||
.container-3auIfb[style="opacity: 1; background-color: rgb(59, 165, 92);"] {
|
||||
background-color: var(--old-green) !important;
|
||||
}
|
||||
|
||||
/* Text input focus border color is now focus / link, change back to original brand color */
|
||||
.input-cIJ7To.focused-1mmYsC, .input-cIJ7To:focus {
|
||||
border-color: var(--brand-experiment);
|
||||
}
|
||||
|
||||
/* Change all radio bars with the new green to the old green */
|
||||
/* In particular, this fixes the privacy and safety settings' 'keep me safe' option */
|
||||
.radioBar-bMNUI-[style*="--radio-bar-accent-color:#3ba55c"] {
|
||||
--radio-bar-accent-color: var(--old-green) !important;
|
||||
}
|
||||
|
||||
/* Revert ping mention button being link colored (used to be brand) */
|
||||
.colorLink-2vG20E.size14-e6ZScH.mentionButton-3710-W {
|
||||
color: var(--brand-experiment) !important;
|
||||
}
|
||||
|
||||
/* Fix misc SVGs that for some reason sometimes weren't targeted by the previous rules (particularly presence SVGs) */
|
||||
*[fill="#3ba55c"] {
|
||||
fill: var(--old-green);
|
||||
}
|
||||
|
||||
/* Fix the call icons in chat */
|
||||
.icon-2Po-VO.iconSize-2tmqqh[style='background-image: url("/assets/7f75ab26bc5deb393cd8db44d9fe14e7.svg");'] {
|
||||
background-image: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/call_icon.svg") !important;
|
||||
}
|
||||
|
||||
/* Server join icon to old green (arrow left to join system message) */
|
||||
.icon-2Po-VO.iconSize-2tmqqh[style='background-image: url("/assets/e06a573355c490f7ce6e3125ac01db81.svg");'] {
|
||||
background-image: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/server_join_icon.svg") !important;
|
||||
}
|
||||
|
||||
/* Change the lock icon in the settings, it's an img tag so we need to use the content: css attribute instead of background-image */
|
||||
.lockIcon-2Hj8Tq[src="/assets/acea8fd38500a12d0509c027a274caaa.svg"] {
|
||||
content: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/mfa_lock_icon.svg") !important;
|
||||
}
|
||||
|
||||
/* Permission checkmarks in authorized apps to the old green */
|
||||
/* The images in these are specified by class, so it's impossible to get more specific of a match than this */
|
||||
.permissionCheckmark-1SeKr2 {
|
||||
background: url("https://Goose-Nest.github.io/GT-RevertRebrand/assets/authorized_apps_checkmark_icon.svg") no-repeat;
|
||||
}
|
||||
|
||||
/* Change green colorables from the new green color to the old green color. */
|
||||
/* In particular, this fixes the join call buttons, but it may also fix other stuff around the app */
|
||||
.colorable-1bkp8v.green-plH-Mj {
|
||||
background-color: var(--old-green);
|
||||
}
|
||||
|
||||
/* Verified check mark color */
|
||||
.verified-1eC5dy {
|
||||
color: var(--old-green);
|
||||
}
|
||||
|
||||
/* Fix the speaking ring around your avatar in the bottom left corner of your screen */
|
||||
.avatarSpeaking-2c8-9i {
|
||||
box-shadow: inset 0 0 0 2px var(--old-green), inset 0 0 0 3px #2f3136;
|
||||
}
|
||||
|
||||
/* And fix speaking avatars in calls in general */
|
||||
.speaking-B2MXPi.border-Jn5IOt {
|
||||
box-shadow: inset 0 0 0 2px var(--old-green), inset 0 0 0 3px #2f3136;
|
||||
}
|
||||
|
||||
/* Revert new Nitro icon by setting item */
|
||||
.premiumTabItem-1QTfBr .icon-Zc-uZZ {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Online status */
|
||||
.wrapper-3t9DeA rect.pointerEvents-2zdfdO[mask="url(#svg-mask-status-online)"]:not([fill="#ffffff"]) {
|
||||
fill: var(--old-green);
|
||||
}
|
||||
|
||||
/* Online status (mobile) */
|
||||
.wrapper-3t9DeA rect.pointerEvents-2zdfdO[mask="url(#svg-mask-status-online-mobile)"]:not([fill="#ffffff"]) {
|
||||
fill: var(--old-green);
|
||||
}
|
||||
|
||||
/* Online status (typing and other) */
|
||||
.wrapper-3t9DeA svg.cursorDefault-dsQJ1n > rect[fill="#3ba55c"] {
|
||||
fill: var(--old-green);
|
||||
}
|
||||
|
||||
/* Revert loading tip title color */
|
||||
.tipTitle-GL9qAt {
|
||||
color: var(--brand-experiment) !important;
|
||||
}
|
||||
|
||||
/* Revert home icon */
|
||||
.homeIcon-FuNwkv > path {
|
||||
d: path("M 20.6644 20 C 20.6644 20 19.8014 18.9762 19.0822 18.0714 C 22.2226 17.1905 23.4212 15.2381 23.4212 15.2381 C 22.4384 15.881 21.5034 16.3334 20.6644 16.6429 C 19.4658 17.1429 18.3151 17.4762 17.1884 17.6667 C 14.887 18.0953 12.7774 17.9762 10.9795 17.6429 C 9.61301 17.381 8.43836 17 7.45548 16.6191 C 6.90411 16.4048 6.30479 16.1429 5.70548 15.8096 C 5.63356 15.7619 5.56164 15.7381 5.48973 15.6905 C 5.44178 15.6667 5.41781 15.6429 5.39384 15.6191 C 4.96233 15.381 4.7226 15.2143 4.7226 15.2143 C 4.7226 15.2143 5.87329 17.1191 8.91781 18.0238 C 8.19863 18.9286 7.31164 20 7.31164 20 C 2.0137 19.8333 0 16.381 0 16.381 C 0 8.7144 3.45205 2.50017 3.45205 2.50017 C 6.90411 -0.07123 10.1884 0.000197861 10.1884 0.000197861 L 10.4281 0.285909 C 6.11301 1.52399 4.12329 3.40493 4.12329 3.40493 C 4.12329 3.40493 4.65068 3.11921 5.53767 2.71446 C 8.10274 1.59542 10.1404 1.2859 10.9795 1.21447 C 11.1233 1.19066 11.2432 1.16685 11.387 1.16685 C 12.8493 0.976379 14.5034 0.92876 16.2295 1.11923 C 18.5068 1.38114 20.9521 2.0478 23.4452 3.40493 C 23.4452 3.40493 21.5514 1.61923 17.476 0.381146 L 17.8116 0.000197861 C 17.8116 0.000197861 21.0959 -0.07123 24.5479 2.50017 C 24.5479 2.50017 28 8.7144 28 16.381 C 28 16.381 25.9623 19.8333 20.6644 20 Z M 9.51712 8.88106 C 8.15068 8.88106 7.07192 10.0715 7.07192 11.5239 C 7.07192 12.9763 8.17466 14.1667 9.51712 14.1667 C 10.8836 14.1667 11.9623 12.9763 11.9623 11.5239 C 11.9863 10.0715 10.8836 8.88106 9.51712 8.88106 Z M 18.2671 8.88106 C 16.9007 8.88106 15.8219 10.0715 15.8219 11.5239 C 15.8219 12.9763 16.9247 14.1667 18.2671 14.1667 C 19.6336 14.1667 20.7123 12.9763 20.7123 11.5239 C 20.7123 10.0715 19.6336 8.88106 18.2671 8.88106 Z");
|
||||
}
|
||||
|
||||
/* Import all the CSS files */
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
/* Import all the CSS files */
|
||||
|
||||
@use "variables";
|
||||
|
||||
@use "components/mentions";
|
||||
@use "components/reactions";
|
||||
|
||||
@use "general/bd";
|
||||
@use "general/inputs";
|
||||
@use "general/svgs";
|
||||
@use "general/other";
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
body {
|
||||
/* Revert new green to old color */
|
||||
--old-green: #43b581;
|
||||
--info-positive-foreground: var(--old-green);
|
||||
--status-positive-background: var(--old-green);
|
||||
--text-positive: var(--old-green);
|
||||
|
||||
/* Revert new red to old color */
|
||||
--old-red: #f04747;
|
||||
--text-danger: var(--old-red);
|
||||
--info-danger-foreground: var(--old-red);
|
||||
--status-danger-background: var(--old-red);
|
||||
|
||||
/* Revert to old font var */
|
||||
--font-display: var(--font-primary);
|
||||
|
||||
/* Found in Discord's CSS file: oldBrand vs newBrand HTML class - here we force old brand vars via copying */
|
||||
--brand-experiment-100: #f8f9fd;
|
||||
--brand-experiment-130: #f2f4fc;
|
||||
--brand-experiment-160: #ebeefa;
|
||||
--brand-experiment-200: #e3e7f8;
|
||||
--brand-experiment-230: #dae0f5;
|
||||
--brand-experiment-260: #d1d9f3;
|
||||
--brand-experiment-300: #c7d0f0;
|
||||
--brand-experiment-330: #b5c1ec;
|
||||
--brand-experiment-360: #a5b3e7;
|
||||
--brand-experiment-400: #8ea1e1;
|
||||
--brand-experiment-430: #869adf;
|
||||
--brand-experiment-460: #7d92dd;
|
||||
|
||||
--brand-experiment: #7289da;
|
||||
|
||||
--brand-experiment-500: #7289da;
|
||||
--brand-experiment-530: #687dc6;
|
||||
--brand-experiment-560: #5c6fb1;
|
||||
--brand-experiment-600: #4e5d94;
|
||||
--brand-experiment-630: #435180;
|
||||
--brand-experiment-660: #3b4770;
|
||||
--brand-experiment-700: #2e3757;
|
||||
--brand-experiment-730: #2b3352;
|
||||
--brand-experiment-760: #272f4b;
|
||||
--brand-experiment-800: #222941;
|
||||
--brand-experiment-830: #1a2032;
|
||||
--brand-experiment-860: #111521;
|
||||
--brand-experiment-900: #06070b;
|
||||
|
||||
--brand-experiment-05a: rgba(114,137,218,0.05);
|
||||
--brand-experiment-10a: rgba(114,137,218,0.1);
|
||||
--brand-experiment-15a: rgba(114,137,218,0.15);
|
||||
--brand-experiment-20a: rgba(114,137,218,0.2);
|
||||
--brand-experiment-25a: rgba(114,137,218,0.25);
|
||||
--brand-experiment-30a: rgba(114,137,218,0.3);
|
||||
--brand-experiment-35a: rgba(114,137,218,0.35);
|
||||
--brand-experiment-40a: rgba(114,137,218,0.4);
|
||||
--brand-experiment-45a: rgba(114,137,218,0.45);
|
||||
--brand-experiment-50a: rgba(114,137,218,0.5);
|
||||
--brand-experiment-55a: rgba(114,137,218,0.55);
|
||||
--brand-experiment-60a: rgba(114,137,218,0.6);
|
||||
--brand-experiment-65a: rgba(114,137,218,0.65);
|
||||
--brand-experiment-70a: rgba(114,137,218,0.7);
|
||||
--brand-experiment-75a: rgba(114,137,218,0.75);
|
||||
--brand-experiment-80a: rgba(114,137,218,0.8);
|
||||
--brand-experiment-85a: rgba(114,137,218,0.85);
|
||||
--brand-experiment-90a: rgba(114,137,218,0.9);
|
||||
--brand-experiment-95a: rgba(114,137,218,0.95);
|
||||
}
|
||||
Loading…
Reference in New Issue