mirror of
https://github.com/smartfrigde/armcord.git
synced 2024-08-14 23:56:58 +00:00
Themes loading tweaks + Revert Brand ported theme
This commit is contained in:
smartfridge
parent
45d8b89c9e
commit
f03642e51e
18 changed files with 7 additions and 559 deletions
|
|
@ -23,10 +23,13 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||||
window.location.href = "https://discord.com/invite/F25bc4RYDt";
|
window.location.href = "https://discord.com/invite/F25bc4RYDt";
|
||||||
});
|
});
|
||||||
electronLocalshortcut.register(currentWindow, "F3", () => {
|
electronLocalshortcut.register(currentWindow, "F3", () => {
|
||||||
window.location.href = __dirname + "/theme.html";
|
currentWindow.loadFile('theme.html')
|
||||||
});
|
});
|
||||||
require("./utils/capturer.js");
|
require("./utils/capturer.js");
|
||||||
|
console.log(
|
||||||
|
"%c ArmCord",
|
||||||
|
"font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)"
|
||||||
|
);
|
||||||
ArmCord.addStyle(`
|
ArmCord.addStyle(`
|
||||||
@import url("https://kckarnige.github.io/femboi_owo/discord-font.css");
|
@import url("https://kckarnige.github.io/femboi_owo/discord-font.css");
|
||||||
:root {
|
:root {
|
||||||
|
|
|
||||||
|
|
@ -1,12 +1,3 @@
|
||||||
# GT-RevertRebrand
|
# GT-RevertRebrand ArmCord
|
||||||
|
|
||||||
Reverts Discord's 2021 rebrand (font, colors, reactions, mentions, loading screen, home icon, reply ping color, and more)
|
Reverts Discord's 2021 rebrand (font, colors, reactions, mentions, loading screen, home icon, reply ping color, and more)
|
||||||
|
|
||||||
## Mods Supported
|
|
||||||
|
|
||||||
- Powercord
|
|
||||||
- BetterDiscord
|
|
||||||
- Vizality
|
|
||||||
|
|
||||||
## Screenshots
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 400 B |
|
|
@ -1,3 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 1 KiB |
|
|
@ -1,11 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 953 B |
|
|
@ -1,6 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 228 B |
|
|
@ -1,6 +0,0 @@
|
||||||
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: []
|
|
||||||
};
|
|
||||||
|
|
@ -4,5 +4,5 @@
|
||||||
"version": "3.0",
|
"version": "3.0",
|
||||||
"author": "GooseNest",
|
"author": "GooseNest",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"theme": "src/main.scss"
|
"theme": "RevertRebrand.theme.css"
|
||||||
}
|
}
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
{
|
|
||||||
"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"
|
|
||||||
}
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
/* 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;
|
|
||||||
} */
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
/* 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);
|
|
||||||
}
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
/* Color BD specific settings elements */
|
|
||||||
.bd-addon-views .bd-view-button.selected, .bd-button {
|
|
||||||
background-color: var(--brand-experiment);
|
|
||||||
}
|
|
||||||
|
|
@ -1,48 +0,0 @@
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
@ -1,50 +0,0 @@
|
||||||
/* 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");
|
|
||||||
}
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
@ -1,249 +0,0 @@
|
||||||
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 */
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
/* 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";
|
|
||||||
|
|
@ -1,66 +0,0 @@
|
||||||
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 a new issue