https://github.com/datkat21/amoled-dark-theme-for-discord

discord amoled dark theme snippet + some goodies
https://github.com/datkat21/amoled-dark-theme-for-discord

Last synced: 7 days ago
JSON representation

discord amoled dark theme snippet + some goodies

• Host: GitHub
• URL: https://github.com/datkat21/amoled-dark-theme-for-discord
• Owner: datkat21
• Created: 2022-07-06T07:10:27.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-09T10:20:23.000Z (over 2 years ago)
• Last Synced: 2024-04-28T06:06:50.464Z (8 months ago)
• Language: SCSS
• Size: 690 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Discord Amoled Dark Theme for Desktop

This theme aims to bring the Android-only AMOLED dark theme (full black) to Discord for desktop and also includes some extra features.

**Right now, the theme is not perfect but most of the UI should look fine.**

## Usage

There are 2 ways to use this theme:

1. Install the `dist/theme.css` file in your Discord client (requires a modded client)

2. Inject it manually via DevTools (Ctrl+Shift+I, can be tedious if you restart Discord; not recommended)

> Note: 

> To inject the theme via devtools, copy the contents of the [theme.js script](dist/theme.js) and paste it into the DevTools console.

## ⚠️ Note on the current state of the theme

Discord recently rolled out an update (just a couple days after I released the theme) which breaks the way the connections work using this theme. They are now **split into columns** which means that the wrapping of connections is no longer possible.

More details

### Before

![Old Discord Connections Layout](screenshots/discord_pre_connections_update.png)

### After

![New Discord Connections Layout](screenshots/discord_post_connections_update.png)

The most I can do is attempt to revert my forced layout change and bring the border back to make it look nearly authentic to the original layout (without wrapping, sadly.)

Screenshot of my "fix" (Fix is in quotations because it is only somewhat the same as before.)

## Screenshots

These screenshots were taken on my alt account.

![Friends page](screenshots/discord_home.png)

![Messages page](screenshots/discord_messages.png)

![User profile](screenshots/discord_banner.png)

![User profile 2](screenshots/discord_banner_2.png)

![Settings page](screenshots/discord_settings.png)

**The settings page has an issue right now, so the screenshots may not reflect the current state of the theme.**

I might switch to using flexbox on the banner to make it centered for people without badges.