schnensch0 / zelk

discord theme inspired by zorin

Zelk

Zelk is a smooth Discord theme inspired by the Zorin GTK theme.

INSTALLATION

Powercord

git clone https://github.com/schnensch0/zelk.git

Better Discord

Download and move the file into your themes folder

Goosemod

Search for Zelk in the Themes tab

for actual previews look here

CREDITS

Inter from rsms.me/inter

Settings Icons for Powercord by CorellanStoma

Settings Icons for BetterDiscord by mwittrien

USRBG by Tropical

Snippets by david_#0218 and Bowser65#1337

zelk's Issues

Discord Palette Colors

I have been trying for a while to change the colors to the default Discord colors with this theme. But I have no luck. I was just wondering if anyone else got it down?

[BUG]Gift icon in text bar gets colored on hover

Describe the bug
The gift icon gets coloted on hover, not following the static "style" of the other icons in the text bar

To Reproduce
Steps to reproduce the behavior:

1. Open discord
2. Look at the textbar where you type messages
3. Hover on the gift icon

Screenshots

Setup

• OS: W10
• Client Mod: GooseMod
• Release Channel: Stable
• Enabled Themes: Zelk (gray one)
• Enabled Plugins: Fucklytics, Silent Typing, Quick Mentions, Nitro spoof
• Custom CSS: yes only this line "@import url(https://raw.githack.com/schnensch0/zelk/main/colors/gray.css);"
• Discord Language: italian

[FEATURE REQUEST] About Me Section

I am not sure if the theme has the updated about me section for userpopouts. It doesn't say "about me" when you click on the userpopouts. Also, some of the words are cut off on the about me section

[BUG] Offset stuff

Describe the bug
The :hover background color on right clicking somone's profile is offset

To Reproduce
Steps to reproduce the behavior:

1. Go to 'DMs'
2. Right-Click on someone's profile
3. Put your mouse hover on of the buttons without clicking it

Screenshots

Setup

• OS: Windows 11
• Client Mod: BetterDiscord
• Release Channel: stable
• Enabled Themes: Zelk
• Enabled Plugins: BDFDB, Double Click To Edit by Farcrada, ShowConnections by DevilBro, SplitLargeMessages by DevilBro, YABDP4Nitro by Riolubruh and ZeresPluginLibrary by Zerebos
• Custom CSS: no
• Discord Language: French

[BUG] Channel list not rounded at the bottom

Describe the bug
The bottom corners of the channel list is not rounded, and is instead square?

To Reproduce
Steps to reproduce the behavior:

1. Look at the bottom left corner of Discord.

Screenshots

Setup

• OS: Windows 10 (20H2 or 21H1)
• Client Mod: PowerCord
• Release Channel: Canary 90725
• Enabled Themes: Zelk 1.2
• Enabled Plugins: Defaults + Theme Toggler

[BUG] Having too many threads on 1 channel causes render issues

Describe the bug

We're doing some big cleanup in our bot project and opening a lot of threads on 1 channel for that. Just this morning I noticed some of the UI of threads overflowing when doing so:

To Reproduce
Steps to reproduce the behavior:

1. Create 2 channels atop one another
2. Create 10 separate threads in the top channel
3. Have someone else, or an alt, ping you in multiple threads (at least 5 or so)
4. Threads should overflow, obscuring the # symbol of the bottom channel.

Screenshots

Setup

• Zelk Version: 1.2.2
• OS: Windows 10 (20H2, Build 19042.1466)
• Client Mod: Better Discord
• Release Channel: Stable
• Enabled Themes: Zelk
• Enabled Plugins:
  • BDFB
  • Better Media Player
  • BetterMessageLinks
  • BetterNfwTag
  • CallTimeCounter
  • CompleteTimestamps
  • CreationDate
  • Double Click To Edit
  • FileViewer
  • HideStreamPreview
  • ImageUtilities
  • JoinedAtDate
  • QuickMention
  • RemoveChatButtons
  • ShowBadgesInChat
  • StaffTag
  • WhoReacted
  • WriteUpperCase
  • ZeresPluginLibrary
• Custom CSS: No
• Discord Language: en-GB

[FEATURE REQUEST] Adding USRBG

Have you ever thought about adding USRBG? I think it would be a nice addition.

[BUG] Miscoloring on the status panel

Describe the bug
Miscoloring on the new status selector
I am aware that the bug with the "Connections" coloring is not zelks fault

To Reproduce
Steps to reproduce the behavior:

1. Open the new status selector

Screenshots
Image

Setup

• OS: Windows
• Client Mod: BetterDiscord
• Release Channel: stable
• Enabled Themes: Zelk, Discolored, BetterBadges
• Enabled Plugins: UserDetails
• Custom CSS: no
• Discord Language: en

[BUG] Replace the Icons for Settings and such with the one from snappercord's repo.

Describe the bug
Basically when using the default settings icons from downloading Zelk, the majority of icons are bugged, like some of them showing the default powercord logo for Spotify, Theme Toggler, etc.

Because of this, the icons should just be switched to the one from the snappercord repo. Plus it's a very simple fix to implement, just go to zelk.css, and replace the settings icon link with the one from snappercord's repo.

To Reproduce
Steps to reproduce the behavior:

1. Download Powercord and install it.
2. Install Theme Toggler.
3. Install Zelk.
4. Look at the Settings Icons.

Screenshots
https://imgur.com/8y4wuqL

Setup

• OS: [e.g. Windows]
• Client Mod: [e.g. BetterDiscord]
• Release Channel: [e.g. canary, stable]
• Enabled Themes: Zelk - Amazing Activity Cards - Better Badges - Discolored
• Enabled Plugins: Default Powercord Plugins - BetterDiscord Plugins | These plugins do not affect the UI.

Text of dropdown menu not readable

Hello,

Thank you very much for creating this excellent theme, I really enjoy using it.
Regarding the small issue that that I have found I'd like to point out that I am not sure whether is me doing something wrong or if it is actually an issue with the theme.
I noticed that the font color of the drop down menu in the voice & video settings is not readable when the option is highlighted:

Thanks again for your work and have fun!

Incorrect coloring on buttons

Describe the bug
When in the settings menu when you activate a tab it gets the complete color of the background and the text is gone.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'settings'
2. Click on 'click any tab'

Screenshots

Setup

• OS: Windows 11
• Client Mod: BetterDiscord
• Release Channel: stable
• Enabled Themes: Radial Status, Zelk
• Enabled Plugins: AutoIdle, Charcounter, Doulbe click to edit, hidedisabledemojis, inmyvoice, multi instance, pin icon, removechatbuttons, showbadges in chat, splitt large messages, spotify controls, Typing indicator
• Custom CSS: no
• Discord Language: English

[BUG] Badges are formatted weirdly

Describe the bug
When viewing a user's profile, the badges are padded too much on the left and sometimes cause overlap with the user's username or cause their username to go partially to the next line.

To Reproduce
Steps to reproduce the behavior:

1. Click on a user's profile (especially someone with a lot of badges) and observe.

Screenshots

Setup

• OS: Windows
• Client Mod: Powercord
• Release Channel: canary
• Enabled Themes: zelk
• Enabled Plugins: Spotify
• Custom CSS: no
• Discord Language: English (US)

[BUG]

Describe the bug
The bug seems to be with new banners that discord added, so pfp's don't allign.

To Reproduce
Steps to reproduce the behavior:

1. Go to profiles
2. Click on nothing, just profile

Screenshots

Setup

• OS: Windows
• Client Mod: BetterDiscord
• Release Channel: Stable
• Enabled Themes:
• Enabled Plugins:
• Custom CSS: [yes/no] no
• Discord Language:

[BUG] Profile Modal - Banners Rendered Properly

Describe the bug:

User's banners when viewing their profile is not aligned properly/does not cover the whole top of the modal.

Steps to reproduce the behavior:

• Click any user
• Open their profile
• That's it

Screenshots:

Setup:

OS: Windows 11 (22H2)
Client Mod: PowerCord
Release Channel: canary
Enabled Themes: zelk
Enabled Plugins: PinDMS, Report Messages, Unindent
Custom CSS: NO
Discord Language: English

[FEATURE REQUEST] Option for split text

Adding a slider that allows the user to toggle split text would be a great feature. Differentiating between user messages is improved, and it leaves the option for the user to still decide on the option.

[BUG] Servers folders look improper when they are expanded.

Describe the bug
Server folders look improper when they are expanded.

To Reproduce
Steps to reproduce the behavior:

1. Expand a server folder.

Screenshots

Setup

• OS: macOS
• Client Mod: BetterDiscord
• Release Channel: Stable
• Enabled Themes: Zelk

[HELP] Is it normal for the emote icon to not follow the theme color scheme?

What's your problem
I'd like to know if the emote icon in the box where one writes messages is it supposed to follow the theme color scheme or not

Additional context

Adding screenshot for clarity, emote menu icon is gray and different compared to the others

[BUG] Background for DM channels is colored when selected but text remains light

Describe the bug
The title describes the bug, when a DM channel is selected, the background gets colored cyan but the title of the DM remains lightly colored which makes the title impossible to read. This issue also happens with the Friends and Nitro tab. Does not happen with channel tabs in servers.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'Home'
2. Click on any DM channel or the Friends or Nitro tab

Screenshots

Setup

• OS: Windows 11
• Client Mod: BetterDiscord 1.5.1
• Release Channel: Stable 114407 (811ab09)
• Enabled Themes: Zelk 1.2.1
• Enabled Plugins: N/A
• Custom CSS: no
• Discord Language: English (US)

[BUG] User memo not show

[BUG] Forum channels is broken

[BUG] Full-screen profile "About Me" has messed up margin

Describe the bug
The margins for the "About Me" box in the full-screen profile makes text clip.

To Reproduce
Steps to reproduce the behavior:

1. Right-click on someone, and then click "Profile".

Screenshots
Full-Screen

Windowed

Setup

• OS: Windows 10
• Client Mod: Powercord
• Release Channel: Canary (identical to my last issue idk)
• Enabled Themes: Zelk 1.2
• Enabled Plugins: Theme Toggler (needed to toggle themes)

[BUG] Unnecessary div higlight on status pane

Describe the bug
Unnecessary div higlight on status pane when clicking down

To Reproduce
Steps to reproduce the behavior:

1. Open the new status pane
2. Click on the about me section

Screenshots
GIF

Setup

• OS: Windows
• Client Mod: BetterDiscord
• Release Channel: stable
• Enabled Themes: Zelk, BetterBadges, Discolored
• Enabled Plugins: UserDetails (there are more but they never modify this popup)
• Custom CSS: no
• Discord Language: en

[FEATURE REQUEST] custom home icon + embed side color

Hi, so, first of all, I really love this custom Discord Theme.

I was able to temporarily fix the #57 issue but couldn't easily add a custom home icon by just altering the user css file.

custom home icon

This first request is to add a setting (see below), to customise the home icon.

:root {
  --home-icon = url("https...");
  ...
}

By "home icon", I mean the icon on which the user clicks to display its dms (top left corner, above all guilds). This is a feature some other themes do have, but I couldn't find any other one that matches this one incredible aesthetics.

embeds

The other request, which I couldn't determine if it was a bug or not, is that embeds are displayed like code blocks: we don't see the left-side embed color, fields are not properly displayed, and we cannot clearly distinguish code block inside embeds from regular texts. Below is a comparison

with custom theme	with vanilla disscord theme

more things (maybe ignore?)

• There is this weird purplish overlay on reactions we add on messages... might be a vanilla discord theme related aspect though...

[BUG] Some weid bug when changing color in BetterDiscord

Some elements are not rounded anymore when you change the color
What it looks like: https://ibb.co/2tcPNFY
What it should look like: https://ibb.co/wCRs3zf

[BUG] GUI Transparency Interference

Description
Certain menus do not have filled background colors, thus resulting in a transparent background and interfering with the usability of the menus.

Reproduction

• Any menu that results from hovering. (Server names, settings, information about icon, etc).
• Server menu.

Screenshots
Here are just a few

Setup

• OS: Windows
• Client Mod: BetterDiscord
• Release Channel: Stable
• Enabled Themes: Zelk (Only)
• Enabled Plugins: N/A

[BUG] Thread button is slightly off

Describe the bug
An icon for the thread button in the menu at the right-top part of the app is not centered well. It's really simple to fix tho.

To Reproduce
Steps to reproduce the behavior:

1. Apply zelk theme
2. Go to the main window (where chats are)

Screenshots

Setup

• OS: Windows 10
• Client Mod: BTD 1.3.0
• Release Channel: Stable 105691 (039634f)
• Enabled Themes: zelk
• Enabled Plugins: none
• Custom CSS: no
• Discord Language: English

Fix
I already looked at this and I know how to fix it.
This button has an additional "icon-iDUzSK" class.
And there are 2 ways of fixing it that I checked:

1. Delete this class from this div
2. Change "align-items" to "normal" in this class

[BUG] "Billing is paused in your country" popup is broken

Profile Icons broken

So profile icons are broken. The profile icon is not in it's correct position and it's merged with the username and tag

Setup: Windows 10

[BUG] White font on light theme

Describe the bug
I've noticed there are certain elements that are basically white text on the off-white background in light mode. (I'm specifically using the purple variant)

To Reproduce
Steps to reproduce the behavior:

1. Enable light mode
2. Go to a channel where you haven't read anything. You'll have the "mark as read" banner at the top, but the text is in white.
3. Go to any of the categories under BetterDiscord in the settings panel. You'll see the title is white as well.
4. Also noticed it with the icons for formatting from the plugin BetterFormattingRedux. I don't expect support for that, but maybe that info is useful?

Screenshots

Setup

• OS: Linux
• Client Mod: BetterDiscord
• Release Channel: Stable
• Enabled Themes: Zelk (purple)
• Enabled Plugins: None
• Custom CSS: No
• Discord Language: English

Thanks! I really like this theme. I'm also using your theme for spicetify. :]

[BUG] User tag is hidden in user profile settings

Describe the bug
The user tag is hidden by the profile picture

To Reproduce
Steps to reproduce the behavior:

1. Go to 'User Settings > User profile'

Screenshots

Setup

• OS: Debian
• Client Mod: BetterDiscord
• Release Channel: Stable
• Enabled Themes: zelk
• Enabled Plugins: No
• Custom CSS: no
• Discord Language: English UK

[BUG] Add to server button is not centered

Describe the bug
Add to server is not centered

To Reproduce
Steps to reproduce the behavior:

1. Go to a bot that has Add to server enabled and you will see that it's not centered.

Screenshots
https://imgur.com/a/AKyK6HC

Setup

• OS: Windows 11 (Also tested on Kubuntu)
• Client Mod: BetterDiscord
• Release Channel: Canary
• Enabled Themes: Zelk
• Enabled Plugins: MessageLoggerV2, ShowHiddenChannels
• Custom CSS: no
• Discord Language: English (UK)

[BUG] "Create a server" modal does not follow the theme's design

Describe the bug
The "Create a server" modal does not follow the theme's design - it is completely white when the rest of my zelk theme is using the "Blue Dark" color.

To Reproduce
Steps to reproduce the behavior:

1. Go to the bottom of the server list
2. Click on the '+' icon
3. The modal is white and not "Blue Dark"

Screenshots

Setup

• OS: Windows 11 (22H2)
• Client Mod: PowerCord
• Release Channel: canary
• Enabled Themes: zelk
• Enabled Plugins: CanaryLinks,PinDMS, Report Messages, Unindent
• Custom CSS: NO
• Discord Language: English

[BUG] Spoiler block is the same colour as the background

Describe the bug
Marking text as a spoiler blocks it out, and the block is the same colour as the background making it impossible to see where spoiler text is.

To Reproduce
Steps to reproduce the behavior:

1. Mark some text as spoiler.
2. Block should be visible to be clicked on. It can still be clicked on but is not visible.

Screenshots
Covered spoiler:

Uncovered:

Setup

• OS: Same in Windows and Linux
• Client Mod: BetterDiscord
• Release Channel: stable
• Custom CSS: no
• Discord Language: English

Embed Colors in Messages from Bots missing

Describe the bug
On Embeds from Bots are the Embed Color missing.

To Reproduce
Steps to reproduce the behavior:

1. Enable Zelk Theme
2. search for an Embed from a Bot
3. There is the Embed Color Missing

Screenshots

Setup

• OS: Windows 11
• Client Mod: BetterDiscord 1.3.0
• Release Channel: Stable 108924
• Enabled Themes: Zelk
• Enabled Plugins:
• Custom CSS: no
• Discord Language: German

[BUG] Student Hub section has CSS issues

Describe the bug
The "Join Servers" text color is blended with the background of the :active state for the channel
The navbar for the server categories is not styled to follow the style of the theme

To Reproduce
Steps to reproduce the behavior:

1. Go to 'student hub' for university

Screenshots
Join Servers Text

Navbar for server categories

Setup

• OS: Windows
• Client Mod: BetterDiscord
• Release Channel: stable
• Enabled Themes: zelk
• Enabled Plugins: None
• Custom CSS: Nothing extra besides zelk
• Discord Language: English

New discord user popout is broken

Describe the bug
Apparently discord is introducing a new status picker which also displays your user card above. The height is capped so you need to scroll to see everything and the About Me and Activity background colors are kinda broken.

To Reproduce
Click on your username like you would to change your status

Screenshots

Setup

• OS: MacOS
• Client Mod: Powercord
• Release Channel: canary
• Enabled Themes: zelk, friends-grid
• Custom CSS: yes

[BUG] Profile Viewer Bugs, Options show that they are still on when off.

Describe the bug
Options in the theme toggler menu or anything else is kind of broken, like when turning off an option it stays blue (it's a problem since it can confuse people to think that it's still on.)
Another bug is that when clicking on a profile, their profile banner is gone, notes are gone, and when viewing the profile, the entire top bar just looks weird.

To Reproduce
Steps to reproduce the behavior:

1. Enable Zelk.
2. Click on settings that has options to enable shit to see the on/off issue.
3. View a profile.

Expected behavior
I thought that it was suppose to just work normally, where the buttons would turn gray when off and profiles wouldn't be broken lol.

Screenshots
https://i.imgur.com/eMHHCcZ.png
https://i.imgur.com/Hrou54S.png
https://i.imgur.com/uTePlQp.png

Setup

• OS: Windows 10 v21H1
• Client Mod: Powercord v2 (f876037)
• Release Channel: Discord Canary 87635 (0e8723d)
• Other enabled Themes: Better Badges | BetterComfy | Discolored | Pop! | Settings Icons
• Other enabled Plugins: Majority of Default Powecord Plugins | Theme Toggler | bdCompact

[BUG] "Create Server" Doesn't follow theme style

Describe the bug
When creating a server the CSS is using the light mode when dark mode is enabled

To Reproduce
Steps to reproduce the behavior:

1. Click on 'Add a Server' at the bottom of the server selections

Screenshots

Setup

OS: Windows
Client Mod: BetterDiscord
Release Channel: stable
Enabled Themes: zelk
Enabled Plugins: None
Custom CSS: Nothing extra besides zelk
Discord Language: English

[HELP] No scrollbar visible?

Problem / Question
There doesn't seem to be a scrollbar in any server so I can scroll up or down in channels to read earlier messages.
Same goes for the "search" menu (when you click on the search icon on the upper right to search a channel for words or sentences)

Screenshot of channel without scrollbar: https://prnt.sc/16rrmjn
Screenshot of all plugins installed: https://prnt.sc/16rs35o

Is there not supposed to be a scrollbar, or is it a visual issue?

[BUG] Badges overlap with long usernames/nicknames

This is a follow-up issue to #37. Badges overlap with the username/nickname if it's too long.

Theme added to theme-cord.github.io

Hello!
I added your theme to https://theme-cord.github.io/!
If you want to cancel it, tell me here.

How do i make my theme gray dark

idk where else to put this so sry i had to come to issues, maybe add settings to the themes to change modes easily

DISCORD THEME BROKEN

Describe the bug
Most themes have been hit by this Discord change, please fix as soon as possible.

To Reproduce
Steps to reproduce the behavior:

1. Launch Discord
2. Go to Friend's list

Setup

• OS: macOS
• Client Mod: BetterDiscord
• Release Channel: Stable
• Enabled Themes: Zelk
• Enabled Plugins:
• Custom CSS: No
• Discord Language: English

Send Message Bar is missing[BUG]

Describe the bug
The Send Message bar in the User Left Click context menu is missing

To Reproduce
Steps to reproduce the behavior:

1. Go on any Server
2. Click on any user
3. You can't directly message them

Picture of the Zelk Theme

To get the Results i just enabled/disabled the Zelk theme
Screenshots
If possible add screenshots to help explain your problem.

Setup

• OS: Windows 11 21H2
• Client Mod: BetterDiscord
• Release Channel: Stable
• Enabled Themes: Zelk (Gray)
• Enabled Plugins: /
• Custom CSS: no
• Discord Language: German

[BUG] Where are the scrollers :/

Describe the bug
no scrollers

[BUG] Thread icon not aligned

Describe the bug
The thread icon is not aligned to the other icons in the row

To Reproduce
Steps to reproduce the behavior:

1. Update discord to Stable 91552 (or whichever version of the branch you use that added threads)
2. Look at top right

Screenshots

Setup

• OS: w10
• Client Mod: GooseMod
• Release Channel: Stable
• Enabled Themes: Zelk 1.2
• Enabled Plugins: Fucklytics, Silent typing

[BUG] Problem showing in the list of private messages

Describe the bug
Username and his status not showing if I have the fucus on his chat and I have an unread message from him.

To Reproduce
Steps to reproduce the behavior:

1. Go to any private conversation
2. Make Alt+Clik on any message to mark this as unread message

Screenshots
Unread message

No unread message

Setup

• OS: Windows
• Client Mod: BetterDiscord
• Release Channel: stable
• Enabled Themes: Zelk only
• Enabled Plugins: Nothing
• Custom CSS: No
• Discord Language: French

Scrollbars enabled?

So, i wanted to now how can i turn the scrollbars on. It says none, and i don't know what to type to enable it. Nice theme man, i really like :D.

[BUG] The profile information on the bottom left corner of Discord no longer fits w/ Zelk.

Describe the bug
Title describes it all.
Use Zelk, and look at the bottom left corner of Discord.
Both any plugin that goes with the profile information thingy and the thing itself no longer fits with Zelk.

To Reproduce
Steps to reproduce the behavior:

1. Install Powercord.
2. Get Theme Toggler & Zelk.
3. Look at the bottom left corner.

Screenshots
https://i.imgur.com/2MfGAZO.png
https://i.imgur.com/52mNtwg.png

Setup

• OS: Windows 10 21H1 (OS Build 19043.1052)
• Client Mod: Powercord.... unknown version.
• Release Channel: Discord Canary 88877 (91ec52d)
• Enabled Themes: Zelk 1.1.1 | Better Badges 1.2 | Discolored 1.0.0
• Enabled Plugins: Default Powercord Plugins | BDFDB | BetterImageViewer | BlurNSFW | CopyRawMessage | CreationDate | GoogleTranslateOption | MessageLoggerV2 | MultiUploads | QuickDeleteMessages | bdCompact | Theme Toggler | Reacter

[BUG] Profiles tab is broken