Comments (20)
Hotfix is out. Tomorrow I'll be able to spend more time fixing things. Thank you all for waiting patiently. 😊
from dark-whatsapp.
@vednoc Kinda off-topic, but thank you very much for this dark theme and the fast fix. Spectacular work!
from dark-whatsapp.
Thank you so much! looking forward to see the new version covering all the issues.
from dark-whatsapp.
The v1.4.1 is out; gotta re-do starred messages because the colors are a bit off. Feel free to spam me things that are broken so I can prioritize them over polishing minor things. 😅
from dark-whatsapp.
They changed all the class names with yesterdays update.
from dark-whatsapp.
Awesome. Literally 95% of things is broken and it'll take a while to fix. I'm so not looking forward to it. 😞
from dark-whatsapp.
I'll actually patch this up tonight and start refactoring when I have more time. Good thing they didn't change markup (as far as I can tell) otherwise it'd be a very sad day. 😬
I hope that stylus-lang can export a compiled css file at the end, so that I can use it in the addon, does it?
Yes, though that might take a little bit to set up. You could always steal the compiled CSS from the browser so it shouldn't be that big of a deal. 😄
from dark-whatsapp.
I was going through the css and finding all the selectors that have been changed. If you go by color it's a much quicker experience. Thanks @vednoc for addressing this so quickly and putting out the hotfix. I know it can be tedious and easy to give up on.
from dark-whatsapp.
This is how WhatsApp saving them anyway, as the extension have access to the page scripts, I guess I can always predict the new class names, I will investigate further and reply back.
BTW: if any of you have a saved WhatsApp Web page on his computer, I can easily do a comparison and a simple Find & Replace process to replace the old class names with the new ones, unfortunately, I don't have a copy of the older version that was working.
from dark-whatsapp.
from dark-whatsapp.
from dark-whatsapp.
Yup, getting the same issue as above right now. Did they change some parent class? Cause it looks similar to what it was before.
from dark-whatsapp.
@vednoc Please don't give up, I was about to publish my new addon version that have a whole section to customize your dark mode:
Just this morning i realized from testers that it's broken now.
I will try to help, but please don't give up.
from dark-whatsapp.
(...) I will try to help, but please don't give up.
I won't give up, it's just disappointing to see everything gone in one update. It was an expected doomsday scenario, so to speak. Everything will be back to normal but things won't be as polished.
Also debating whether to refactor to stylus-lang preprocessor like in my other themes which unfortunately makes it more difficult for you guys that use the theme outside of Stylus but that makes it easier for (anyone) to contribute or for me to add/change/remove things in the future.
from dark-whatsapp.
This is why i don't like auto-generated class names and css modules. At any point in time all the classes can randomly change their name and mess with userstyles.
from dark-whatsapp.
I don't like them either! It was a very sad day back when WA decided to use them. I had to rewrite everything from scratch -- that was the moment when I decided to put this theme into a separate repository.
from dark-whatsapp.
For next time, why don't you just save every component with a variable name that refers to it, and then simply when WhatsApp update the class names later it will just be simple "Find & Replace" commands to replace the old class names with the new ones?
I just did this with the extension i'm coding as in most of its features it also depends on the class names, so I converted the dynamic class names to static variables such as senderChatBubble = '.whatEver-Class'
... sideBar = '#side'
...
Can we do this with your CSS?
from dark-whatsapp.
The markup changes or they rearrange things around. It doesn't seem it'd be that simple to find a good solution. One thing that would help a lot would be to use IDs more since they don't seem to change, as well as attributes in the markup, but they're not available on each and every element (i.e. the modal: <div class="..." data-animate-status-v3-modal-background="true">
).
One thing that is true is that the code needs to be structured in a better way -- something that'd be so much easier with stylus-lang.
from dark-whatsapp.
I will search for someone who have an old copy of the WA web version to provide a temporary fix until you find out some solution. I hope that stylus-lang can export a compiled css file at the end, so that I can use it in the addon, does it?
from dark-whatsapp.
Mostly done, v1.4.3 is out.
I think the 'unknown sender' for people that aren't your contacts is still broken and I have no way to check it out. If someone could do it and give me a snippet of that part, I'd be very thankful!
Also, take a moment to vote for what I should do in #32. I'm looking for some feedback. 😃
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.