Comments (5)
vednoc
commented on May 28, 2024
Hi! Thank you for making this very detailed post with some great suggestions.
I'm mindblown by the capabilities of CSS customization using browser extensions. I've just found out about it and your project fits perfectly with my likes.
Awesome! You might also like my other projects that are hosted on GitLab specifically themes for Discord, HackerNews and GitLab itself. The one for Discord has by far the largest amount of custom CSS and the one for GitLab is my largest project up to date.
I also tried to follow your style of comments and structure (I don't even know if it's a common standard).
Comments are there so we know what obfuscated CSS does. The coding style is very weird but it made sense back when I did a major refactor. I've been thinking about refactoring it with Stylus-lang but I'm not motivated enough to do it since everything just works and it's a nightmare to post updates on userstyles.
Without further ado, here are the suggestions.
They're looking great! If you'd like to, feel free to open separate pull requests and I'll be happy to merge them. Actually, I encourage you to do it! š
Put the imgur link in place of the --image variable in order to use it.
Since I exposed that variable in the configuration menu, simply click on Stylus icon on your toolbar then on the configure (gear icon) button and replace the existing link with a new one.
Editing code locally prevents auto-update and that's not an ideal situation because the only way to get auto-update back is to force update the theme and that'll remove all local changes. If you want to add/change/test styles, a better way is to make a companion style -- just a separate style that applies to the same website.
If you have any questions, do let me know. š
from dark-whatsapp.
tinyCoder32
commented on May 28, 2024
Hi, i hope you don't mind sharing the extension link here too, which uses your CSS project as a major function, it has the option to easily change the background image of the chats also, with a customization panel for the night mode colors.
from dark-whatsapp.
KDASthenerd
commented on May 28, 2024
Hi. Thanks a lot for sending me this email. I had to rework the CSS code when the WhatsApp Web site went through an update XD. All the classes had other names, and it was a mess. This extension makes it a lot easier, mostly of course for users that donāt want to get messy with code, which includes me. It looks great, and Iām very happy with the results.
Iām just worried about the default chat background still being visible, albeit just a little bit (https://web.whatsapp.com/img/bg-chat-tile_8a055527b27b887521a9f084497d8879.png).
Iām currently using a temporary Stylus code to work around the issue, and I really think that itād be nice if you implemented this function to your extension, which is already great.
The background is located on a div with class=āfzCXyā, and the image is in the aforementioned link. It can be disabled simply with this code Iām currently using:
.fzCXy {
background-image: none !important;
}
Two more things, both related to the custom background image URL text box in the extension menu.
Is it possible to save the link in case the user switches the ācustom background imageā off and on again? I think it would be best if the text box āremembersā what was the last image it used.
Last thing, when pasting the link, a āSaveā button appears. Is it possible to trigger the save option with the Enter key? Itās because Iām a ākeyboard userā, Iād say, he he. I believe other users like me would like to set an image as background without the need to grab the mouse.
All things considered, itās a very good extension, and Iām happy that I found it. Iām looking forward to its future development. Congratulations and keep up the good work!
De: tinyCoder32
Enviado:Monday, June 3, 2019 8:15 PM
Para: vednoc/onyx
Cc:KDASthenerd; Author
Assunto: Re: [vednoc/onyx] Chat wallpaper + suggestion similar to issue #25(#27)
Hi, i hope you don't mind sharing the extension link here too, which uses your CSS project as a major function, it has the option to easily change the background image of the chats also, with a customization panel for the night mode colors.
ā
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.
from dark-whatsapp.
tinyCoder32
commented on May 28, 2024
Thank you so much for the suggestions and i'm happy you found it useful. I guess you are right, I must keep the last used background image saved when the option is switched off.
I will take your notes into my considerations for the next version in a few days god willing.
from dark-whatsapp.
tinyCoder32
commented on May 28, 2024
Two more things, both related to the custom background image URL text box in the extension menu. Is it possible to save the link in case the user switches the ācustom background imageā off and on again? I think it would be best if the text box āremembersā what was the last image it used. Last thing, when pasting the link, a āSaveā button appears. Is it possible to trigger the save option with the Enter key? Itās because Iām a ākeyboard userā, Iād say, he he. I believe other users like me would like to set an image as background without the need to grab the mouse.
You can update in 60 minutes to Version 2.0.4, the first suggestion was great, now the plugin remembers the last background url you saved. Enter key saving will be in the next update god willing.
from dark-whatsapp.
Related Issues (20)
- Blog link broken HOT 2
- Please add an option to change the read check colour HOT 1
- Broken things in November's update HOT 1
- Option to hide avatars HOT 2
- How to customise the day tags in chat? HOT 10
- starting message is unselectable HOT 3
- notification number in profile pic? HOT 4
- Nord Theme HOT 3
- Incorrect text colour for attachment tooltips HOT 6
- Blurried profile pic in audio messages (Whatsapp Web Beta) HOT 11
- There isn't any option to change the color of this bubble. HOT 3
- Scrolling is laggy on Firefox HOT 3
- Add option to remove 'Update Available' popup? HOT 5
- dark-messenger HOT 3
- hide avatar feature HOT 2
- Update available - get CSS or TagName of DIV HOT 4
- Compact mode broken HOT 1
- Compact mode is broken HOT 5
- Unable to apply background image HOT 1
- [BUG] Search input container is partially unstyled HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
š Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ššš
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ā¤ļø Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from dark-whatsapp.