ThemeAttributes

by Vee and BoardTM

View Source Code

ThemeAttributes

This plugin adds data attributes and CSS variables to various elements inside Discord

This allows themes to more easily theme those elements or even do things that otherwise wouldn't be possible

Available Attributes

All Tab Bars (User Settings, Server Settings, etc)

data-tab-id contains the id of that tab

image

Chat Messages

image

CSS Variables

Avatars

--avatar-url-<resolution> contains a URL for the users avatar with the size attribute adjusted for the resolutions 128, 256, 512, 1024, 2048, 4096.

image

Installation

To enable ThemeAttributes, first install Vencord if you haven't already done so. Then open the Plugins section in settings, search for ThemeAttributes, and enable it.