Legacy Chatty

Legacy style of Chatty: a customizable sleek-looking Discord theme with rounded borders, transparency and a custom background.

Installation

BetterDiscord

Click to expand

1. Download LegacyChatty.theme.css:
   • GitHub
2. Place the file in the themes folder:
   • Settings > BetterDiscord > Themes > Open Themes Folder
3. Toggle on the theme card.

Replugged

Click to expand

Automatic

1. Click to install:
   • Replugged store

Manual

1. Download net.saltssaumure.LegacyChatty.asar:
   • GitHub
2. Place the file in the themes folder:
   • Settings > Replugged > Themes > Open Themes Folder
3. Click Load Missing Themes and toggle on the theme card.

Vencord

Click to expand

Local

1. Download LegacyChatty.theme.css:
   • GitHub
2. Place the file in the themes folder:
   • Settings > Vencord > Themes > Local Themes > Open Themes Folder
3. Click Load missing Themes and toggle on the theme card.

Online

1. Paste the link in Settings > Vencord > Themes > Online Themes:
   • https://minidiscordthemes.github.io/Chatty/LegacyChatty.theme.css

Customisation

Variable name	Description	Valid values	Default value
--chattyBackgroundImage	Background image	Any image link encased in url().	url(https://source.unsplash.com/daily)
--chattyBorderRadius	Chat corner roundness	Any length.	15px
--chattyPadding	Chat padding	Any length.	10px
--chattyBlur	Chat blur size	Any length.	5px
--interactive-muted	Muted interactive item colour	Any colour.	#D08770
--background-primary	Primary background colour	Any colour.	rgba(0, 0, 0, 0.2)
--background-secondary	Secondary background color	Any colour.	rgba(0, 0, 0, 0.3)
--background-secondary-alt	Secondary alt background colour	Any colour.	rgba(0, 0, 0, 0.3)
--background-tertiary	Tertiary background colour	Any colour.	#23272a

BetterDiscord

Click to expand

1. Open Settings > BetterDiscord > Themes.
2. Click the pencil icon on this theme.
3. Edit the variable values and save changes.

Replugged

Click to expand

1. Enable Automatically Apply Quick CSS in Settings > Replugged > General.
2. Open Settings > Replugged > Quick CSS.
3. Copy and paste lines 15-26 of LegacyChatty.theme.css.
4. Edit the variable values and save.

Vencord

Click to expand

Local

1. Open Themes Folder in Settings > Vencord > Themes > Local Themes
2. Open LegacyChatty.theme.css with your favourite text editor.
3. Edit the variable values and save.

Online

1. Enable Custom CSS in Settings > Vencord > Vencord and click Open QuickCSS File.
2. Copy and paste lines 15-26 of LegacyChatty.theme.css.
3. Edit the variable values.

License

MIT license

Credits

Sources

• Chatty Edit by Alex and Light - MIT license

Questions or suggestions?

• Post an issue on GitHub.
• Post in #theme-support on my support server.