So, I just tried to use the user.css file with Ferdi but I just found out that the new version is missing all punctuation signs, like semicolons... rendering it useless

Any chance you could fix this?

Thanks 😄

That is pretty self-explanatory: uploading a file to a chat results in an empty bubble

Either by deleting lines from the text area or by sending, the text area (the one that used to send messages) is shrink back to one line but its wrapper doesn't follow and stays large.

The same isn't applied when the text area has been maximized by adding new lines.

A workaround is to just mark a message in the chat and hit "cancel" button.

Currently only appearing on FireFox browser.

The black does not suit. Make it grey?

Dark-Telegram.styl should be renamed to Dark-Telegram.user.styl, so Stylus could recognize and be able to install it.

The current emoji pack doesnt look exactly good. Can there be support to replace them with the MS Segoe UI emoji?

Also, can the emoji/stickers panel size be enlarged as they are currently small.

One more thing. Can the chat UI cover the whole web area instead of a previously defined one? One theme has successfully achieved this exact thing. ( Link -- https://github.com/d-Rickyy-b/webogram-x )

I feel like the versioning of the theme is too much in the grey area.
And I want to keep it simple so from now on we'll use the simple general formula like this
[major].[minor].[patch]
Where major is for big changes including rewriting the theme from scratch.
The minor reserved for small to medium changes like new features.
And the patch if for fixing issues only.
Every part will be incremental and won't resets to 0 or go lower than what its already is.
If a release includes both a new feature and a fix, the minor will increment by 1 as well as the patch.

I think this is pretty easy to follow and enough to make everybody understand what the release contains without diving to the changelog. :)

This is an open conversation feel free to suggest better alternatives :D

When disabling Vignette, video previews (including time and play button) disappears.

In continuation of issue #14
Add the ability to change the Emoji's to a custom pack.

Before delving into this, we need to acknowledge that Telegram is currently working on a new shiny Telegram web and everything we did will have to change.
This will also applied here and we also don't really know about their progress and don't have a release date.. I can't find any info on this anymore, but the only thing I know that it is in pretty good shape so it can be released very soon.
That's why I don't really wanna get into big changes here now and wait for the big changes in the new Telegram website.

This needs further investigation as well, as of now it seems that Telegram uses 5 sprite sheets for emojis (links below) and their CSS takes a portion of it for each emoji.

So we have several options here.. We can

• Find similar sprite sheet with different icons that'll fit in the correct order. also the size of the sheet and the icons is important.
• Generate new icons by either drawing them ourselves or using 3rd party free to use pack. like the twitter one. this is time consuming specially the "drawing ourselves" part 😅
• Drop the sprite sheet approach and use individual icons like I did with most of the icons in this style.. I drew them myself (kinda copy them actually) to an SVG so they'll look nice in any scale. but this is way more work and not recommended at all as I'm not that talented unfortunately..

If we do make our own files we'll need to store them either on the Github project or embed them in the style file if possible.
The later is less recommended in my opinion as it will result in huge file unlike the first approach where we can keep them as simple links.

Sprite sheets:
https://web.telegram.org/img/emojisprite_0.png
https://web.telegram.org/img/emojisprite_1.png
https://web.telegram.org/img/emojisprite_2.png
https://web.telegram.org/img/emojisprite_3.png
https://web.telegram.org/img/emojisprite_4.png

When writing one big word and exceeding TextBox's width, the word won't get wrapped.
The same is true after sending\receiving a message with long words.
This issue can occur when using big words and\or a long link.
When receiving\sending such message:

When writing such message:

everything is pushed around in an unexpected behavior.

The fix should be easy just enable wrapping in text area and message bubbles. ;)

I have imported several stylus themes (Dark-Whatsapp by vednoc, Github-Dark, etc.) and they all worked smoothly.

Apparently, doing same with this theme does not work.

For e.g
I click install with stylus link in github repo of Github-Dark theme (https://github.com/StylishThemes/GitHub-Dark) and it triggers app Cascadea and it is installed successfully by app.

Now I do same with Dark-Telegram theme. It triggers the app on clicking install with stylus, but the app does not import it.

It would be very helpful if you can see why this is happening and fix it😄.

It would be great to have a few installation instructions

EDIT: I am also trying to install it on Ferdi but I can't figure it out how to install it

When enabling "Full screen mode" all of the chat edges sticks to the window edges as expected except the bottom edge.

A workaround is just to manually resize the window.

Tested on Chrome and FireFox.

Bot example for test: @tempmailbot

Images

When "compact mode" is enabled and the break point is set to screen width resolution, the left side panel won't expand uniformly when mouse hover.
Instead it'll only expand contact list or the header depends on where the mouse is hovered.

This is a known issue right now and the way the DOM has been built by Telegram I don't know if there's a way of fixing that.

Tested on:

• Chromium based browsers
  • Chrome
  • Edge
  • Brave
• Firefox