Utils/revert-discord-layout.md

1.3 KiB

Revert New Discord Layout (but the code is actually proper)

How to use this script:

  1. Go to the Discord webapp
  2. Press Ctrl + Shift + I to open DevTools
  3. Go to the Console tab
  4. Paste the following code and hit enter:
let wpRequire;
window.webpackChunkdiscord_app.push([[ Math.random() ], {}, (req) => { wpRequire = req; }]);

let UserSettingsActions = Object.values(wpRequire.c).find(x => x?.exports?.PreloadedUserSettingsActionCreators).exports;
let ProtobufTypes = Object.values(wpRequire.c).find(x => x?.exports?.BoolValue).exports;

UserSettingsActions.PreloadedUserSettingsActionCreators.updateAsync("appearance", data => {
    data.mobileRedesignDisabled = ProtobufTypes.BoolValue.create({value: true})
}, UserSettingsActions.UserSettingsDelay.INFREQUENT_USER_ACTION)

This code requires no changes, preserves all your other appearance settings (such as theme), as well as automatically includes all relevant Discord headers, reducing any risks to minimum.

How does this work?

This emulates flipping the Show New Layout toggle in appearance settings. Yes the toggle is server-synced for some reason.

Note: This is only a temporary solution. Discord will start ignoring that setting in some future update.

Original post