Skip to content

Instantly share code, notes, and snippets.

@ghostdevv
Last active May 13, 2021 21:53
Show Gist options
  • Save ghostdevv/5c62ca14127a36ef6f90c95bb589d07a to your computer and use it in GitHub Desktop.
Save ghostdevv/5c62ca14127a36ef6f90c95bb589d07a to your computer and use it in GitHub Desktop.
Revert Discord Rebrand

So, you wanna reverse the rebrand? Well let's give it a go.

Here is the minified script, you can view the unminified version in the next file

function run(){GHOSTLog("Styles will be updated as best as possbile to before the rebrand");const n=document.createElement("style");n.innerHTML=GHOSTUpdatedStyles,document.body.appendChild(n),GHOSTLog("Let me know if there are any issues!")}function GHOSTLog(n){console.log(`%c${n}`,"color: #7289da; font-size: 20px; font-weight:600;")}GHOSTUpdatedStyles="\n:root {\n    --brand-experiment-100: #f8f9fd !important;\n    --brand-experiment-130: #f2f4fc !important;\n    --brand-experiment-160: #ebeefa !important;\n    --brand-experiment-200: #e3e7f8 !important;\n    --brand-experiment-230: #dae0f5 !important;\n    --brand-experiment-260: #d1d9f3 !important;\n    --brand-experiment-300: #c7d0f0 !important;\n    --brand-experiment-330: #b5c1ec !important;\n    --brand-experiment-360: #a5b3e7 !important;\n    --brand-experiment-400: #8ea1e1 !important;\n    --brand-experiment-430: #869adf !important;\n    --brand-experiment-460: #7d92dd !important;\n    --brand-experiment: #7289da !important;\n    --brand-experiment-500: #7289da !important;\n    --brand-experiment-530: #687dc6 !important;\n    --brand-experiment-560: #5c6fb1 !important;\n    --brand-experiment-600: #4e5d94 !important;\n    --brand-experiment-630: #435180 !important;\n    --brand-experiment-660: #3b4770 !important;\n    --brand-experiment-700: #2e3757 !important;\n    --brand-experiment-730: #2b3352 !important;\n    --brand-experiment-760: #272f4b !important;\n    --brand-experiment-800: #222941 !important;\n    --brand-experiment-830: #1a2032 !important;\n    --brand-experiment-860: #111521 !important;\n    --brand-experiment-900: #06070b !important;\n    --brand-experiment-05a: rgba(114,137,218,0.05) !important;\n    --brand-experiment-10a: rgba(114,137,218,0.1) !important;\n    --brand-experiment-15a: rgba(114,137,218,0.15) !important;\n    --brand-experiment-20a: rgba(114,137,218,0.2) !important;\n    --brand-experiment-25a: rgba(114,137,218,0.25) !important;\n    --brand-experiment-30a: rgba(114,137,218,0.3) !important;\n    --brand-experiment-35a: rgba(114,137,218,0.35) !important;\n    --brand-experiment-40a: rgba(114,137,218,0.4) !important;\n    --brand-experiment-45a: rgba(114,137,218,0.45) !important;\n    --brand-experiment-50a: rgba(114,137,218,0.5) !important;\n    --brand-experiment-55a: rgba(114,137,218,0.55) !important;\n    --brand-experiment-60a: rgba(114,137,218,0.6) !important;\n    --brand-experiment-65a: rgba(114,137,218,0.65) !important;\n    --brand-experiment-70a: rgba(114,137,218,0.7) !important;\n    --brand-experiment-75a: rgba(114,137,218,0.75) !important;\n    --brand-experiment-80a: rgba(114,137,218,0.8) !important;\n    --brand-experiment-85a: rgba(114,137,218,0.85) !important;\n    --brand-experiment-90a: rgba(114,137,218,0.9) !important;\n    --brand-experiment-95a: rgba(114,137,218,0.95) !important;\n}\n\n.theme-dark .wrapper-3WhCwL { color: #678dc6 !important; background: rgba(114, 137, 218, 0.15) !important; }\n.messageAttachment-1aDidq { width: 100% !important }\n",run();

Install

  • First go on discord and press shift + ctrl + i
  • Go to the console tab
  • Copy and paste the script above and press enter
  • It should be done!

IMPORTANT: Discord warns you about running scripts in console and you should, always read what you are running!

What does it change?

  • Colours
  • Force updates tags to old styles
  • Makes attachments back to full width

Version: 1.1.0, code

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment