Skip to content

Josh65-2201/Discord-Windows-11-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

188 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

image

Download

Better Discord

Offline - Manual update

Open https://raw.githubusercontent.com/Josh65-2201/Discord-Windows-11-theme/main/Discord_Windows_11.theme.css > Right click > Save as > Go to BetterDiscord themes folder (%AppData%\BetterDiscord\themes) > Save

Vencord

IMPORTANT ThemeAttributes plugin needs to be enabled

Offline - Manual update

Open https://raw.githubusercontent.com/Josh65-2201/Discord-Windows-11-theme/main/Discord_Windows_11.theme.css > Right click > Save as > Go to Vencord themes folder (%AppData%\Vencord\themes) > Save

Online - Auto update

Copy URL https://raw.githubusercontent.com/Josh65-2201/Discord-Windows-11-theme/main/Discord_Windows_11.theme.css > Open Discord settings > Click "Themes" > Click "Online themes" > Paste in "Theme links".


Functionality changes

Moved settings

  • Toast/Notifications now have an global toggle in the themes settings
  • Mute and deafen settings are now shown only on the voice connected panel
  • Search bars are on the title bar
  • User profile is now in the title bar next to window controls

Other

  • User/Members list will now auto hide at smallest window size. (Toggle doesn't do anything visibly at min size but will save state upon resize)
  • Due to layering issues the Window drag area is small bar at top of the window

Development

Guidelines

  • Any editor will work, Visual Studios Code is recommended.
  • Indents use tabs at 4 spaces.
  • New sections follow the line gaps
Main section 1 (E.G. Servers bar, Messages content)
	Sub section 1 (E.G. Server icon, Message)
		Part 1 (Position, Background color)
		Part 2 (Position, Background color)

	Sub section 2 (E.G. Server icon, Message)


Main section 2 (E.G. Servers bar, Messages content)

File structure

Note

File isn't updated to follow this yet

Theme imports and settings

Discord
	Title bar
		Discord icon
		Watermark text
		Search bar
			Search filters
		Account icon
		Window controls
	Servers bar
		Home button
		Server folders
		Server icons
			Selected highlight
			Unread message
			Mention
		Add server model
		Discovery page
		Discord Settings
			Pages in order 
		Server Settings
			Pages in order
	Home Page
		Friends
			Online
			All
			Pending
			Blocked
			Add friend
		Nitro
		Shop
		Family centre
			Activity
			My family
		DMs/groups
			Add to groupchat
			Sidebar user profile
		Activity feed
	Server page
		Channels list
			Server information
				Banner image
				Server type icon
				Title
				Boosts bar
				Boost model
			Events
			Channels and roles
				Customise
				Browse
			Members
				Mod view
			Channels
				Group
				Channel
			Current activity/game
			Voice chat connected
		Messages content
			Channel info
			Channel controls
				Threads
				Pins
				Inbox
			Messages
				Embeds
				Reactions
				Wave to user
			Enter message
				Text box
				Reply controls
				/ commands
				Buttons
		Search results
		Members sidebar
			Role header
			Users
	User profile mini
		Profile icon
		Badges
		Roles
		Notes
	User profile full
		Profile icon
		Badges
		Categories
			User info
			Mutual servers
			Mutual groups
			Mutual friends
	Quick actions (Ctrl + T)
	Offline notice bar

Better Discord
	Mod loader
		Complie error content dialog
	Plugins

Vencord
	Mod loader
	Plugins

Common controls
	Toasts/Notifications
	Scrollbars
	Loading spinner
	Check box
	Radio buttons
	Toggle switches
	Sliders
	Drop down box
	Sidebar buttons
		Selected highlight
	Action buttons
		Main accented
		Secondary Other
	Text inputs
	Text selection
	Hyper links
	Tab selection
	Context menu

About

Windows 11 style theme for Discord made for Better Discord and Vencord

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Contributors

Languages