${parseMeta(style)}
- ` - ); - } 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); } diff --git a/utils/themes/GT-RevertRebrand-main/LICENSE b/utils/themes/GT-RevertRebrand-main/LICENSE new file mode 100644 index 0000000..3cf6dad --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/LICENSE @@ -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. \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/README.md b/utils/themes/GT-RevertRebrand-main/README.md new file mode 100644 index 0000000..e463215 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/README.md @@ -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 + diff --git a/utils/themes/revertBrand.css b/utils/themes/GT-RevertRebrand-main/RevertRebrand.theme.css similarity index 100% rename from utils/themes/revertBrand.css rename to utils/themes/GT-RevertRebrand-main/RevertRebrand.theme.css diff --git a/utils/themes/GT-RevertRebrand-main/assets/authorized_apps_checkmark_icon.svg b/utils/themes/GT-RevertRebrand-main/assets/authorized_apps_checkmark_icon.svg new file mode 100644 index 0000000..c379d0e --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/assets/authorized_apps_checkmark_icon.svg @@ -0,0 +1,6 @@ + diff --git a/utils/themes/GT-RevertRebrand-main/assets/call_icon.svg b/utils/themes/GT-RevertRebrand-main/assets/call_icon.svg new file mode 100644 index 0000000..63cbd39 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/assets/call_icon.svg @@ -0,0 +1,3 @@ + diff --git a/utils/themes/GT-RevertRebrand-main/assets/mfa_lock_icon.svg b/utils/themes/GT-RevertRebrand-main/assets/mfa_lock_icon.svg new file mode 100644 index 0000000..67d2121 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/assets/mfa_lock_icon.svg @@ -0,0 +1,11 @@ + diff --git a/utils/themes/GT-RevertRebrand-main/assets/server_join_icon.svg b/utils/themes/GT-RevertRebrand-main/assets/server_join_icon.svg new file mode 100644 index 0000000..419984e --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/assets/server_join_icon.svg @@ -0,0 +1,6 @@ + diff --git a/utils/themes/GT-RevertRebrand-main/gnTheme.mjs b/utils/themes/GT-RevertRebrand-main/gnTheme.mjs new file mode 100644 index 0000000..0661ae4 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/gnTheme.mjs @@ -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: [] +}; diff --git a/utils/themes/GT-RevertRebrand-main/manifest.json b/utils/themes/GT-RevertRebrand-main/manifest.json new file mode 100644 index 0000000..c464284 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/manifest.json @@ -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" +} \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/powercord_manifest.json b/utils/themes/GT-RevertRebrand-main/powercord_manifest.json new file mode 100644 index 0000000..c464284 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/powercord_manifest.json @@ -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" +} \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/src/components/mentions.css b/utils/themes/GT-RevertRebrand-main/src/components/mentions.css new file mode 100644 index 0000000..55b6071 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/src/components/mentions.css @@ -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; +} */ \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/src/components/reactions.css b/utils/themes/GT-RevertRebrand-main/src/components/reactions.css new file mode 100644 index 0000000..112f25c --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/src/components/reactions.css @@ -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); +} \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/src/general/bd.css b/utils/themes/GT-RevertRebrand-main/src/general/bd.css new file mode 100644 index 0000000..00a66a0 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/src/general/bd.css @@ -0,0 +1,4 @@ +/* Color BD specific settings elements */ +.bd-addon-views .bd-view-button.selected, .bd-button { + background-color: var(--brand-experiment); +} \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/src/general/inputs.css b/utils/themes/GT-RevertRebrand-main/src/general/inputs.css new file mode 100644 index 0000000..be56f71 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/src/general/inputs.css @@ -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; +} \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/src/general/other.css b/utils/themes/GT-RevertRebrand-main/src/general/other.css new file mode 100644 index 0000000..292c5cb --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/src/general/other.css @@ -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"); +} \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/src/general/svgs.css b/utils/themes/GT-RevertRebrand-main/src/general/svgs.css new file mode 100644 index 0000000..279f5a8 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/src/general/svgs.css @@ -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; +} \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/src/main.css b/utils/themes/GT-RevertRebrand-main/src/main.css new file mode 100644 index 0000000..6bb8149 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/src/main.css @@ -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 */ \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/src/main.scss b/utils/themes/GT-RevertRebrand-main/src/main.scss new file mode 100644 index 0000000..fcefb7c --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/src/main.scss @@ -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"; \ No newline at end of file diff --git a/utils/themes/GT-RevertRebrand-main/src/variables.css b/utils/themes/GT-RevertRebrand-main/src/variables.css new file mode 100644 index 0000000..24e4a46 --- /dev/null +++ b/utils/themes/GT-RevertRebrand-main/src/variables.css @@ -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); +} \ No newline at end of file