Главная » Языки программирования

Custom css editor discord

На чтение 11 мин
Содержание
  1. Saved searches
  2. Use saved searches to filter your results more quickly
  3. skdhg/discord-custom-css
  4. Name already in use
  5. Sign In Required
  6. Launching GitHub Desktop
  7. Launching GitHub Desktop
  8. Launching Xcode
  9. Launching Visual Studio Code
  10. Latest commit
  11. Git stats
  12. Files
  13. README.md
  14. Configuration
  15. General​
  16. Emote System​
  17. Public Servers​
  18. Voice Disconnect​
  19. Show Toasts​
  20. Disable Media Keys​
  21. Addon Manager​
  22. Show Addon Errors​
  23. Edit Action​
  24. Custom CSS​
  25. Custom CSS​
  26. Live Update​
  27. Editor Preferences​
  28. Line Numbers​
  29. Minimap​
  30. Reference Tooltips​
  31. Quick Suggestions​
  32. Font Size​
  33. Show Whitespace​
  34. Window Preferences​
  35. Enable Transparency​
  36. Remove Minimum Size​
  37. Developer​
  38. Debug Logs​
  39. DevTools​
  40. Debugger Hotkey​
  41. React Developer Tools​
  42. Inspect Element Hotkey​
  43. Stop DevTools Warning​
  44. Saved searches
  45. Use saved searches to filter your results more quickly
  46. License
  47. leovoel/BeautifulDiscord
  48. Name already in use
  49. Sign In Required
  50. Launching GitHub Desktop
  51. Launching GitHub Desktop
  52. Launching Xcode
  53. Launching Visual Studio Code
  54. Latest commit
  55. Git stats
  56. Files
  57. README.md

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

skdhg/discord-custom-css

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

  • Open console by pressing ctrl+shift+i
  • Copy inject-script.js
  • Paste it in console

idk, maybe? This process does not involve the use of clients like BetterDiscord or Powercord so this should be much safer.

The script just injects the css to element and nothing else.

why did it disappear on restart?

This css injection is not permanent, so you would need to do this every time you load discord

does this work in browsers? 

document.querySelector("head").innerHTML += `@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);:root.theme-dark<--background-primary:#23272A;--background-secondary:#1a1e21;--background-secondary-alt:#15181b;--background-tertiary:#111416;--channeltextarea-background:#1a1e21;--background-floating:#111416;--scrollbar-auto-thumb:#0000004a;--scrollbar-auto-track:#00000036;--background-modifier-accent:hsla(0, 0%, 100%, 0.03)>.layer-3QrUeG[aria-label=CHANNEL_SETTINGS] .contentRegion-3nDuYy,.layer-3QrUeG[aria-label=CHANNEL_SETTINGS] .standardSidebarView-3F1I7i,.layer-3QrUeG[aria-label=GUILD_SETTINGS] .contentRegion-3nDuYy,.layer-3QrUeG[aria-label=GUILD_SETTINGS] .standardSidebarView-3F1I7i,.layer-3QrUeG[aria-label=USER_SETTINGS] .contentRegion-3nDuYy,.layer-3QrUeG[aria-label=USER_SETTINGS] .standardSidebarView-3F1I7i.actionButtons-14eAc_>:last-child.menu-3sdvDG.chatHeaderBar-4vZS1x.sidebar-2K8pFh.notice-3bPHh-.members-1998pB,.panels-j1Uci_.chat-3bRxxu,.container-1D34oG,.pageWrapper-1PgVDX.notice-3uyY6c.threadSidebar-1o3BTy.sidebarRegion-VFTUkN.channelTextArea-2VhZ6z .scrollableContainer-2NUZem,.container-2Pjhx-,.container-2Pjhx-:hover,.content-1x5b-n,.content-1x5b-n:hover,.contentRegionScroller-26nc1e,.contentWrapper-SvZHNd,.contentWrapper-SvZHNd .result-3w1ZcL,.input-2VB9rf,.messagesPopoutWrap-1MQ1bW,.notice-3uyY6c,.popout-103y-5,.quickswitcher-3JagVE,.result-oB0z--,.sidebarRegionScroller-3MXcoP,.threadSidebar-1o3BTy.contentRegion-3nDuYy.guilds-1SWlCJ.scroller-1Bvpku.scroller-1Bvpku .tutorialContainer-2sGCg9.role-2irmRk.avatarPositionNormal-aZjAsn+.headerTop-3vNv-a.avatarPositionNormal-aZjAsn.userPopout-xaxa6l .banner-2QYc2d.userPopout-xaxa6l .banner-2QYc2d:after.body-3HBlXn,.footer-3UKYOU,.headerTop-3vNv-a.avatarPositionNormal-aZjAsn.avatarPositionNormal-aZjAsn+.headerTop-3vNv-a.avatarPositionPremium-3We5Ho+.headerTop-3vNv-a.avatarPositionNormal-aZjAsn+.headerTop-3vNv-a>.profileBadges-ohc0Vubody,button.barFill-23-gu-.lookFilled-1Gx00P.colorBrand-3pXr91.lookFilled-1Gx00P.colorBrand-3pXr91:hover.name-1jkAdW,.title-29uC1r.membersGroup-v9BXpm.userPopout-3XzG_A .body-3iLsc4 .rolesList-22qj2L .roleCircle-3xAZ1j::before.pageWrapper-1PgVDX,.theme-dark .container-1D34oG.content-2M3n_H a.markup-2BOw-j a.connectedAccounts-repVzS.theme-dark .connectedAccount-36nQx7.activity-fViXj7.theme-dark .body-3iLsc4.theme-dark .footer-1fjuF6.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV.theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover.setIdentityLink-OpBDR6.customStatus-3NamXG .customStatusEmoji-1itGdP:not(:last-child).theme-dark .uploadModal-2ifh8j.theme-dark .footer-3mqk7D.theme-dark .hljs.messageAttachment-1aDidq.theme-dark .root-1gCeng.theme-dark .footer-2gL1pp#GHOSTCOMMANDSDIVWRAPPER.GHOSTCOMMANDLISTITEM.GHOSTCOMMANDLISTITEM:hover.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9.theme-dark .spoilerText-3p6IlD.hidden-HHr2R9:hover `

Источник

Configuration

BetterDiscord has a number of settings and options for you to adjust your experience to your preference. This page tries to explain in more detail what each option does.

General​

These are settings that control whole modules of BetterDiscord.

Emote System​

This option allows you to toggle the Twitch emote system on or off. If you don’t use it, it’s good to leave this off as it saves your computer some RAM and CPU power.

Public Servers​

This option shows or hides the Public Servers button. If you don’t use it, feel free to turn it off.

Voice Disconnect​

This option causes you to disconnect from a voice call when you close Discord. By default Discord will try to auto-reconnect you which can be annoying to some.

Show Toasts​

This option allows BetterDiscord to show you little notifications about what is happening in the client.

Disable Media Keys​

This option will prevent Discord’s embedded players from hijacking your keyboard media keys which prevents them from being used in other applications.

Addon Manager​

Settings related to how BetterDiscord handles addons.

Show Addon Errors​

This option lets BetterDiscord show you errors found on startup. If you are expecting errors for whatever reason, it may be useful to disable this.

Edit Action​

This option determines what should happen when you click the edit button on an addon.

Custom CSS​

Custom CSS​

This option allows you to completely disable the custom css system. If you don’t use it, turning this off saves you a bit of RAM and CPU power.

Live Update​

This options lets the css editor update as you type rather than waiting for you to click the button.

Editor Preferences​

Settings that affect all editors used inside BetterDiscord.

Line Numbers​

This option simply determines whether or not line numbers should be shown.

Minimap​

This option determines if the minimap that represents the code on the right had side should be hidden or shown.

Reference Tooltips​

This option shows tooltips when hovering over parts of your code. For CSS this would be selector information. For JavaScript this would be variable information.

Quick Suggestions​

This option enables the editor to show suggestions and autocomplete as you type.

Font Size​

This option determines the default font size to use in the editor.

Show Whitespace​

This option determines when whitespace characters such as space and newlines should have a visible indicator.

Window Preferences​

Settings related to the main window of Discord.

Enable Transparency​

This option enables Electron’s transparency mode. By itself this option doesn’t do much, but if you have a theme that changes the opacity of the root element, you can actually see through the Discord client to your desktop. On Windows, having this enabled breaks aero snapping and other common window features. This is a limitation of Electron itself and not something BetterDiscord can fix.

Remove Minimum Size​

This option gets rid of Discord’s forced minimum window size. For many users this limit is too large to be able to customize their viewscreen.

Developer​

Settings that are mostly for developers. Some power users may find them of interest.

Debug Logs​

This option causes BetterDiscord to output everything from the chromium console into a debug.log file in the BetterDiscord folder. Best to not have this on all the time and only when debugging crashing issues.

DevTools​

This option allows you to open the chromium devtools with the usually ctrl + shift + i combination. If you’re not a developer, best to leave this off.

Debugger Hotkey​

This option adds a keybind to F8 that allows you to activate the debugger only when DevTools is open.

React Developer Tools​

This option allows you to add RDT to Discord. Currently, it is required that you have a local Chrome installation with the RDT extension installed to that. BetterDiscord will then point to that local installation of RDT. This may change in the future.

Inspect Element Hotkey​

This option adds a new keybind ctrl + shift + c that opens DevTools and starts selecting element. If DevTools are open it immediately activates the select element action.

Stop DevTools Warning​

This option stops Discord from printing out those large warnings you see in console.

Оцените статью
© 2023 Программирование