zuzumi-f / discord-11 Goto Github PK

View Code? Open in Web Editor NEW

112.0 4.0 117.0 4.7 MB

Theme based in windows 11 new UI | Support server: https://discord.gg/PsNtzGeHuW

CSS 100.00%

betterdiscord-theme discord-theme theme betterdiscord discord stylus stylus-theme

discord-11's Introduction

Discord 11

Version 3 is out!

A theme based on Windows 11's UI - by zuzumi

Discord 11
- Windows 11 UI
- Install
  - Third party Discord clients
  - UserStyle (Stylus, Stylish etc.)
- Screenshots
- Customization
  - Third party Discord clients
  - UserStyle (Stylus)
- Used Addons

Design

You can find all the values of Windows 11's UI here

Install

Third party Discord clients

BandagedBD
- Install from https://betterdiscord.app/theme/Discord%2011
Goosemod, Powercord, Replugged
- Go to Settings > Plugins > Custom CSS
- Copy Discord11.theme.css contents and paste into the input box

UserStyle (Stylus, Stylish etc.)

Open https://github.com/zuzumi-f/Discord-11/raw/main/Discord11.user.css
Customize for your needs and click install

Note: You need to enable CSP patching from your extension's settings, and make sure you don't have anohter extension that patches CSP. Otherwise theme won't work.

Screenshots

Dark mode

Light mode + glass effect

Message styles

Note: Self Messages in Right side are not working at the moment

Left message buble

Default message bubble

New message bubble

Note: Doesn't work with compact mode

Customization

Third party Discord clients

You can write any other code at the bottom of the file

UserStyle (Stylus)

Compatibility

Horizontial Server List

You need to add the following CSS to the theme's CSS for it to work. Check here for how customize the CSS.

/* HSL on Top */
#app-mount .guilds-2JjMmN [class*=expandedFolderBackground] {
    border-radius: var(--winrad2) !important;
    left: calc(var(--server-size)/2) !important;
}
#app-mount .guilds-2JjMmN .wrapper-z5ab_q {
    height: auto !important;
    width: 0px !important;
    top: calc(-50% + 1px) !important;
    margin-left: 0px !important;
}
#app-mount .guilds-2JjMmN [class*=pill] span {
    border-radius: 1.5px !important;
}
#app-mount .listItem-3SmSlK {
    width: fit-content !important;
    margin: 0 12px 6px !important;
}
.tutorialContainer-2jwoiB + .listItem-3SmSlK {
    position: fixed !important;
}
#app-mount .base-2jDfDU {
    border-left: none;
    border-top-left-radius: 0px;
}

Used Addons

Fluent Icons by Stickfab
Emoji Replace by DevilBro
FriendsGrid by CorellanStoma
BearableInbox by Disease

discord-11's People

Contributors

Stargazers

Watchers

Forkers

nigerianboy apexenergy37 afuxy mcstud1 bytecm bosstony najoan125 nicsgames008 se1vo mrlonesome blackbirdrx enska215 sebandblocks simomagy ngtrungmc tombsday endermic vlokhemika88 d4r4ki4n probdbro error-reporter-cmd davidf-dev marcelk2609 foursplaysroblox 1080papaya cuongba956 glissyuwu silly-ali yuekiyo ulysse-gen sltcchoupie sprynar nikorue darkassasin0826 itzghoul sandwichfox norwatten lwttez jaimalya d2903 daberpani strale200cetnik candlej4ck sebalpzs putzefurcht muurt skipperfps gonzovpn kye-l sirbluexd komaz05u windlygod ibuprofeen daunt404 quitscargo24 baconapo retaliate2 vdarav bertbug weescottishman rtarts oemunlag kamalahmady catisa69 pujiii thatgoblinking redxd21 nitewave datkaorigi basdasd23dasdac mlodyskiny abdzyw aamnuh gmod6340 vexlqq nayzore nohidse mcsuk dimsas fuzetea8881 theoddlia eldritchcutie luccasfs gamecube27 kaden45 gsggsg815 celestialumbra guuhzinho majuradragonfox humdedum1 infinityars delta-foxtrot-alpha rgamer82 xpenguinofficial monkemenufan rageaholic12 imperialzz alphalzr pogetti amogusrath

discord-11's Issues

no emoji button in chats

or make it togglable in theme settings please

Is there an equivalent theme for windows 10?

Change Maximize/Minimize icon

Hi. Thank you for the theme.
But I have slight problem with control bar behavior.
When maximized, icon on windows control does not change.

Current behavior:

expected:

I don't know if this is possible. If not, let us know.

Bug? Maybe?

What is this thing at the top that says "- New Code" and how do I make it blank instead

Theme broke

when I right click it the context menu is transparent

Fluent Icons Repo has vanished

I checked that the Repo has vanished, so the icons are not working anymore.

[Feature] Horizontal Server List Support

Could you make the theme support the Horizontal Server List?
because when ever I enable HSL the settings modal and other modals just looks weird.

glass effect broke

The glass effect is on, but it is applied partially, not globally.

After expanding the search window, the message menu cannot be clicked

After the stock theme expands the search window, the button of the news menu will move to the left.
But after applying Discord-11, the message menu button will be blocked by the search window.

New server page

There is a graphic bug in the create server page

Plugin and Theme Repo pages load oddly

Image basically, almost looks like the elements are right justified lol.

[Request] Add colorblind support for online status

The original discord theme has its own icon depending on each online status and it's very helpful to differentiate them.
This theme is a little confusing for me as I am partially colorblind. I have to look twice to differentiate between online and idle status.

Original discord

Modified theme

It is easy to differentiate if like this, but hard to differentiate when in guild view, at least for me.

Would be great if the old style is back or maybe add it as an option

Fix Discord update

After a recent update, all theme changes almost completely stopped working

Enabling glass effect breaks server list

Self explanatory. The glass effect doesn't work either image

What is the css of the title bar?

Desktop Background Not Blurry

I use --wallpaper-is: none; and enabled transparency in BD and that worked but I the background is not blurred anymore which ruins the "glass"-effect. When using the provided wallpapaer it works though. Am I missing something or is this intended/not fixable?

Thanks

Add support for MicaDiscord

https://github.com/GregVido/MicaDiscord

or provide link to this page in the readme:
https://www.micadiscord.com/developper

[Request] User Settings Account Preview

Nitro banners seem a bit too small, in my opinion.

Normal

My edits

#app-mount .accountProfileCard-lbN7n- .banner-1YaD3N { height: 200px; }
#app-mount .accountProfileCard-lbN7n- .avatar-3mTjvZ { top: 180px; }

Show full banner

#app-mount .accountProfileCard-lbN7n- .banner-1YaD3N { height: 500px; }
#app-mount .accountProfileCard-lbN7n- .avatar-3mTjvZ { top: 480px; }

Note: I am using Powercord, even though I know this theme is not fully made for Powercord.

Broken user area

Disable Windows 11 Emojis

How do I disable Windows 11 emojis? They do not seem to blend in well with the theme at all.

Activities not showing up

Hi I found that the activities are no longer showing up in the user popout.

Here is before enabling the Discord 11 theme:

And here is after enabling the Discord 11 theme:

So please fix this...

Possible unwanted cursor overrides?

Cursor doesn't change from system default when hovering on things that usually change the cursor like links or clickable elements

Announcement Icon is missing

the picture should be enouth. in the sidebar you dont see the smal icon.

Server Guide icon broken

As the title says. This is on Discord PTB with Vencord

"Subscription only" icon is a white/gray square

No clue if this is intentional, but if there are channels on the server that are only for users that have a subscription on the server, the icon (it's a diamond or something normally) is just a white or gray square.

Theme doesn't really work with Settings Modals Theme

See issue mwittrien/BetterDiscordAddons#2215

[Bug] View As Role

I don't know if it is one of my themes or plugins but, if not you should probably get it fixed.
Btw if you don't see the problems in the picture, let me know, I will point them out for ya.

Toggle Buttons Not Visible

The buttons at the voice connected panel are transparent intend of being opaque.

Switch Buttons and Buttons in general not showing color for being selected.

Comparison of one switch being toggled and one not.

The beta headers not being clear to read.

Dropdown for Server Profiles Disappears

The dropdown for the server profiles disappears when this theme is enabled. In addition, the padding around the message is incorrect.

Theme broke

Friends list broken

Mute - Deaf buttons dont have frames

How it is:

How it should be:

Your own message bubble no longer stays on the right.

Your own message bubble no longer stays on the right. Nuff said.
Was it some update breaking this?

Custom Font

The theme looks great!
Would also be nice to have the possibility to change the font.

[Feature] Rounded Corners

Is it possible to make rounded corners of the main window like in windows 11?

Gap Between Sidebar and Main Content on Settings Page

[BUG] Cannot switch account (no dropdown -> no switch account button)

Hi.

The title says for me : i am unable to switch account, because I don't see the dropdown with my user details, and the button with Switch Account.
Only visible thing is my Discord full username#tag.

I hope to see this fixed.

King regards,

zuzumi-f / discord-11 Goto Github PK

discord-11's Introduction

Discord 11

Design

Install

Third party Discord clients

UserStyle (Stylus, Stylish etc.)

Screenshots

Message styles

Customization

Compatibility

Used Addons

discord-11's People

Contributors

Stargazers

Watchers

Forkers

discord-11's Issues

The buttons at the voice connected panel are transparent intend of being opaque.

Switch Buttons and Buttons in general not showing color for being selected.

Comparison of one switch being toggled and one not.

The beta headers not being clear to read.

Recommend Projects

Recommend Topics

Recommend Org