dennisfrank/decent-discord

A decent Discord theme

decent-discord's Issues

Alert issues

Add message hover background color

Feel free to add message hover colors similar to Slack:

:root {
  --theme-light-message-hover-bg-color: rgba(0,0,0,.03);
  --theme-dark-message-hover-bg-color: rgba(255,255,255,.03);
}

.theme-light [class*="containerCozyBounded-"]:hover {
    background-color: var(--theme-light-message-hover-bg-color);
}
.theme-dark [class*="containerCozyBounded-"]:hover {
    background-color: var(--theme-dark-message-hover-bg-color);
}

Channels are hidden based on app height

Consider updating the message action button styling

I have the hardest time trying to find these things when I hover over messages:

Would be nice if we could at least increase the contrast (maybe bump the size a tad as well. If we could come up with more of a floating toolbar style like Slack, I think it would be even better:

Mentioned Username Hover

When i got a message where i mentioned, its gets highlighted with a orange background. Within this message the Hover for the mentioned Nickname is not correct:

Hide server bar by default and show on hover

/* Server bar transition */
[class*="guildsWrapper-"] {
    transition: .2s width ease-out;
}

/* Hide server bar */
[class*="guildsWrapper-"]:not(:hover) {
    position: relative;
    width: 0;
    overflow: visible;
    contain: unset;
}

/* Hide server bar content */
[class*="guildsWrapper-"]:not(:hover) * {
    display: none;
}

/* Invisible hover area */
[class*="guildsWrapper-"]::after {
    content: "" !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 80%;
    width: 20px;
    z-index: 99999;
}


/* Min width for messages */
[class*="containerCozyBounded-"] {
    min-width: 200px;
    overflow-x: scroll;
}

Emoji Autocomplete removes border of textinput

When you type text and want to add an emoji, the autocomplete for the emoji pops out and this autocomplete removes the border of the activate text input field. So the text field is jumping :(

Using the discord web on chrome.

With autocomplete:

Normal:

Update server indicators

I sometimes don’t recognize the vertical white bar as the active server indicator. Perhaps we can make the current server and servers with unread posts more easily distinguishable from each other.

Update README with a proper documentation

:-)

Document theming via CSS custom properties

Fluid font sizes

If one do not use the app, but a browser, the window width can be set much smaller. In this case, I find the font size a little too large. Maybe this could be solved quite elegantly with fluid font sizes?

https://css-tricks.com/snippets/css/fluid-typography/
https://css-tricks.com/between-the-lines/

Suggestion: Make inline code stand out more.

Code barely look different than normal text, and stand out less than bolded text.

I much prefer how these were displayed in Slack.

Replace reactions Emojis too

Apple emoji not working on latest version of Discord

Discord updated itself this morning (v0.0.255), and it looks like the Apple emoji override is no longer working...

:thumbsup: emoji problems

Looks like there are two issues with the :thumbsup: emoji that have cropped up recently...

1. When using :thumbsup: inline, the icon is gigantic.
2. When using :thumbsup: as a reaction to a comment, the icon is a broken image.

Not sure when it started, but seems to be a recent issue. It only happens with the :thumbsup: (or :+1) emoji.

Smaller font size for user names

DM typing indicator looks terrible

Decent Discord:

Normal Discord:

Somewhere in our stylesheet we're changing the background color and the dots are either hidden or just not clearly visible...

Increase font weight for unread channels

To distinguish between unread/read & active channel, as Slack does.

Invert active channel

Slack does a good job of highlighting which channel you're looking at, to reduce confusion. Maybe the active channel should be inverted?

Highlighted only a single message at a time

When you hover over a message, the background turns grey (like Slack). I love that! ❤️

But it seems to highlight all messages in that block from that user. So if the person posted 3 times in a row, all 3 messages will be highlighted.

Is there a way to restrict that to a single message? It makes it a little trickier to find the reaction/edit links when you hover over on the right-hand side.