The easiest way, which most "darkmodes" are is just to invert the colors. This is an insanely easy toggle that could be easily added to the app.
It would of course require some testing to ensure that weird things don't happen, but the appm is like 5 years old now. Its absurd that this isn't a priority, but digital dice are...
What if I told you that the dice team is not the same team as other teams working on other parts of the website?
Rollback Post to RevisionRollBack
Formerly Devan Avalon.
Trying to get your physical content on Beyond is like going to Microsoft and saying "I have a physical Playstation disk, give me a digital Xbox version!"
The easiest way, which most "darkmodes" are is just to invert the colors. This is an insanely easy toggle that could be easily added to the app.
It would of course require some testing to ensure that weird things don't happen, but the appm is like 5 years old now. Its absurd that this isn't a priority, but digital dice are...
What if I told you that the dice team is not the same team as other teams working on other parts of the website?
You say that like it's in some way revolutionary. I don't believe it is the same team as those working on the core functionality.
I still want a dark mode, and I still don't think it would be too complicated to add in.
and I still don't think it would be too complicated to add in.
A lot of people think adding a dark mode just means inverting the colour palette in the CSS and your done.
A good dark mode is complicated to add in, here's why:
The point of a dark mode is to make the site readable in low light with minimal eye strain. What colour palette you use depends on the colours used on your site and how they relate to UX
The team would have to go through the site, identify all the colour schemes used, what purpose those colour schemes use, and then find dark mode equivalents that are:
Suitable for low light
Readable
Communicate the same information they did before
Now that all that work has been done, now comes implementing the actual dark mode. The first thing is to implement a user facing toggle stored at some level (account or browser) that can apply a site wide CSS toggle.
Now you've got that, you've got to go through and change all the CSS of the whole site, upload new assets (for the stuff that's not just code based), and get the whole suite of dark mode assets and formatting in place. Note, this isn't being done on the live site, but on the dev environment.
Cool, you've done all that work and have a (hopefully) working dark mode running on the dev environment. Now the testing. The testing team needs to review the entire site with dark mode on and off to ensure:
It can be turned on and off in all areas
It works in all areas
There are no adverse effects (unreadable text, elements vanish or render over each other etc)
Basically you have a metric tonne of testing that needs to be done before you can even think of rolling it out to live
Let's say the devs get really lucky and no bugs are found with a sitewide change and there's no feedback about how something is now harder to read etc.
You roll it out to the live site, the riskiest part. If the gods of dev and code smile on you, the rollout doesn't break any other part of the site and it's now live. Everyone can enable and disable it, preferences are saved. Huzzah
So in short, it would take a fairly massive amount of work to implement a good darkmode. If you don't want a good darkmode, you don't actually need to wait; there are loads of chrome extensions that just invert the colour scheme or apply custom CSS you can tweak over the top.
Moral of the story: "Don't tell a developer, 'Just do this little thing that affects everything globally. It looks easy.'"
I know I certainly despise it.
Yet, I'm willing to put money down that they're already looking into it.
Rollback Post to RevisionRollBack
Human. Male. Possibly. Don't be a divider. My characters' backgrounds are written like instruction manuals rather than stories. My opinion and preferences don't mean you're wrong. I am 99.7603% convinced that the digital dice are messing with me. I roll high when nobody's looking and low when anyone else can see.🎲 “It's a bit early to be thinking about an epitaph. No?” will be my epitaph.
My statement comes from my first days of computing using ASM back in the 70s - one statement, one instruction. We're surpassing a trillion of instructions per second (on currently unreliable processors) with several hundred billion of those instructions just figuring out what to do with a click of a mouse and doing it without throwing errors at users.
I realize that a lot of the misconceptions of implementing "simple" features like night-mode comes from the invisible nature of the massive amounts of work computers do for any little thing. Selecting information from unpredictable data and efficiently presenting it in a useful way for so many different situations, including different browsers that don't do things the exact same way as others, gives me a headache to even think about. Change one thing and something vanishes off the page. It's still there, but it's just no longer visible. There are oodles of pages with different layouts to handle. What works for one page can easily not work for another.
What about the official artwork used in the sources? What do we do with them? That might not be something DDB can answer without Hasbro's input/permission.
There are a whole lot of considerations that are invisible to the end-user. That's as it should be, but I wish end users would take a step back before trying to become back-seat developers.
Request a feature. That's what we're here to do. Telling them how easy it is or how they should be able to do it is not our privilege.
Given how often this feature is requested, I'm certain they're looking into it. It shares a priority list with other projects, though. We also shouldn't try to decide for them whether our request must be a high priority or not.
Request a feature. Detail what we'd like to see. Ask others for feedback. Then, step back and let developers develop.
Rollback Post to RevisionRollBack
Human. Male. Possibly. Don't be a divider. My characters' backgrounds are written like instruction manuals rather than stories. My opinion and preferences don't mean you're wrong. I am 99.7603% convinced that the digital dice are messing with me. I roll high when nobody's looking and low when anyone else can see.🎲 “It's a bit early to be thinking about an epitaph. No?” will be my epitaph.
Ok, poor choice of words and phrasing on my part. I understand its not very easy. I've understood that from jump. I used to code 20 years ago. I get that its a different landscape today than then, but I do know how coding goes and how frustrating it is even the 1% of the time when things go to plan.
Communication from devs about dark mode would be very welcome.
Silence breeds resentment, and rolling out monetized features rather than requested features also makes people jumpy.
Forget dark mode... the website is barely usable in is current version on my tablet in Chrome... I can't even read all the words because the textctext blends into the background colour!
I'll continue to update it as I run into things. You're welcome to edit and share it however you please. Example below with more examples in the link.
That seems like a great solution for people who use a computer... 🙂 I appreciate your hard work to produce something for the community that the developers won't do...
I use a tablet and my phone for everything. I'm sad that stylish does not work for mobile devices 😥
I've been using DarkReader and it works just fine. Text input field is still white, but other than that it's great. The biggest reason I still want a native dark mode option on the site is because I want to be able to use and see different backgrounds in the character sheet. But DarkReader hasn't caused any other problems, dice still roll, etc. If an extension can just add it, I don't understand what's so difficult about it from their end.
I use a tablet and my phone for everything. I'm sad that stylish does not work for mobile devices 😥
The app dndbeyond released is pretty good on the eyes as far as dark mode goes now that they've updated it.
However, if you prefer to use the website and you have an android device you can download Kiwi Browser from the play store and load google chrome extensions into it. It seems to work pretty well with stylus. Image below is with stylus and the theme installed on Kiwi Browser. There might also be a similar option for apple products but I do not own any apple products so I'm unsure.
Note: I have not tested the theme on mobile much as the majority of the time I play on a desktop. I know there is some color issues on mobile etc. Feel free to submit any issues or requests on github and if it's something I can do I'll try to implement it.
I use a tablet and my phone for everything. I'm sad that stylish does not work for mobile devices 😥
The app dndbeyond released is pretty good on the eyes as far as dark mode goes now that they've updated it.
However, if you prefer to use the website and you have an android device you can download Kiwi Browser from the play store and load google chrome extensions into it. It seems to work pretty well with stylus. Image below is with stylus and the theme installed on Kiwi Browser. There might also be a similar option for apple products but I do not own any apple products so I'm unsure.
Note: I have not tested the theme on mobile much as the majority of the time I play on a desktop. I know there is some color issues on mobile etc. Feel free to submit any issues or requests on github and if it's something I can do I'll try to implement it.
Thank you @Jay_Lane. I will check out that browser you suggested.... 😁🌈
Even though this may not be the end all solution since I personally love how the character sheets already look, my eyes are at least saved from the main website and whenever I'm in the character creation screen, thank you very much for making this accessible and extremely easy to use.
Screams Louder.alksanity domain: As a reaction, whenever yelled at, the alkalinekats will always be louder due to the screams that are stored up within his own head. This will deal to the target 2d4 plus your spell modifier psychic damage on a failed CHA saving roll, half on success. When cast as a higher level than 2nd the target takes and extra 1d4 damage per level cast.
Even though this may not be the end all solution since I personally love how the character sheets already look, my eyes are at least saved from the main website and whenever I'm in the character creation screen, thank you very much for making this accessible and extremely easy to use.
(In response to the Jay_Lane)
I'm glad your getting use of it 😄. For others interested Hyrkali has made a good thread/tutorial about the non-character sheet portion here: Hyrkali's Thread
For those interested in the customizable character sheet/dice portion or more information you can find it on my github here: https://github.com/Azmoria/dndbeyonddark The github has basic instructions and some examples of the different things you can do. There's been some substantial updates since I last posted examples here.
Any questions feel free to PM me or post to Hyrkali's thread and if anyone finds issues/bugs you can post them to that thread, on the github or message me direct.
As someone who has gone through the headache of CSS editing on a something as small as a subreddit to get a dark mode to work and look decent, I can understand the painfully tedious process of implementing it on a whole site like this. That said, it would be so much appreciated. My bedroom is well lit, but it still often pains my eyes.
What if I told you that the dice team is not the same team as other teams working on other parts of the website?
Formerly Devan Avalon.
Trying to get your physical content on Beyond is like going to Microsoft and saying "I have a physical Playstation disk, give me a digital Xbox version!"
You say that like it's in some way revolutionary. I don't believe it is the same team as those working on the core functionality.
I still want a dark mode, and I still don't think it would be too complicated to add in.
A lot of people think adding a dark mode just means inverting the colour palette in the CSS and your done.
A good dark mode is complicated to add in, here's why:
So in short, it would take a fairly massive amount of work to implement a good darkmode. If you don't want a good darkmode, you don't actually need to wait; there are loads of chrome extensions that just invert the colour scheme or apply custom CSS you can tweak over the top.
Find my D&D Beyond articles here
Moral of the story: "Don't tell a developer, 'Just do this little thing that affects everything globally. It looks easy.'"
I know I certainly despise it.
Yet, I'm willing to put money down that they're already looking into it.
Human. Male. Possibly. Don't be a divider.
My characters' backgrounds are written like instruction manuals rather than stories. My opinion and preferences don't mean you're wrong.
I am 99.7603% convinced that the digital dice are messing with me. I roll high when nobody's looking and low when anyone else can see.🎲
“It's a bit early to be thinking about an epitaph. No?” will be my epitaph.
My little diatribe comes from my day job in web app development where it can take literal weeks to get a simple text or graphic change out the door.
Find my D&D Beyond articles here
My statement comes from my first days of computing using ASM back in the 70s - one statement, one instruction. We're surpassing a trillion of instructions per second (on currently unreliable processors) with several hundred billion of those instructions just figuring out what to do with a click of a mouse and doing it without throwing errors at users.
I realize that a lot of the misconceptions of implementing "simple" features like night-mode comes from the invisible nature of the massive amounts of work computers do for any little thing. Selecting information from unpredictable data and efficiently presenting it in a useful way for so many different situations, including different browsers that don't do things the exact same way as others, gives me a headache to even think about. Change one thing and something vanishes off the page. It's still there, but it's just no longer visible. There are oodles of pages with different layouts to handle. What works for one page can easily not work for another.
What about the official artwork used in the sources? What do we do with them? That might not be something DDB can answer without Hasbro's input/permission.
There are a whole lot of considerations that are invisible to the end-user. That's as it should be, but I wish end users would take a step back before trying to become back-seat developers.
Request a feature. That's what we're here to do. Telling them how easy it is or how they should be able to do it is not our privilege.
Given how often this feature is requested, I'm certain they're looking into it. It shares a priority list with other projects, though. We also shouldn't try to decide for them whether our request must be a high priority or not.
Request a feature. Detail what we'd like to see. Ask others for feedback. Then, step back and let developers develop.
Human. Male. Possibly. Don't be a divider.
My characters' backgrounds are written like instruction manuals rather than stories. My opinion and preferences don't mean you're wrong.
I am 99.7603% convinced that the digital dice are messing with me. I roll high when nobody's looking and low when anyone else can see.🎲
“It's a bit early to be thinking about an epitaph. No?” will be my epitaph.
Ok, poor choice of words and phrasing on my part. I understand its not very easy. I've understood that from jump. I used to code 20 years ago. I get that its a different landscape today than then, but I do know how coding goes and how frustrating it is even the 1% of the time when things go to plan.
Communication from devs about dark mode would be very welcome.
Silence breeds resentment, and rolling out monetized features rather than requested features also makes people jumpy.
I apologize for snapping off half-arsed retorts.
Forget dark mode... the website is barely usable in is current version on my tablet in Chrome... I can't even read all the words because the textctext blends into the background colour!
That seems like a great solution for people who use a computer... 🙂 I appreciate your hard work to produce something for the community that the developers won't do...
I use a tablet and my phone for everything. I'm sad that stylish does not work for mobile devices 😥
I've been using DarkReader and it works just fine. Text input field is still white, but other than that it's great. The biggest reason I still want a native dark mode option on the site is because I want to be able to use and see different backgrounds in the character sheet. But DarkReader hasn't caused any other problems, dice still roll, etc. If an extension can just add it, I don't understand what's so difficult about it from their end.
The app dndbeyond released is pretty good on the eyes as far as dark mode goes now that they've updated it.
However, if you prefer to use the website and you have an android device you can download Kiwi Browser from the play store and load google chrome extensions into it. It seems to work pretty well with stylus. Image below is with stylus and the theme installed on Kiwi Browser. There might also be a similar option for apple products but I do not own any apple products so I'm unsure.
Note: I have not tested the theme on mobile much as the majority of the time I play on a desktop. I know there is some color issues on mobile etc. Feel free to submit any issues or requests on github and if it's something I can do I'll try to implement it.
Yes, great idea, easy on the eyes
Thank you @Jay_Lane. I will check out that browser you suggested.... 😁🌈
fr this would be amazing. my eyes might just deteriorate at a slower pace if this happens
it doesn't work on opera gx
Even though this may not be the end all solution since I personally love how the character sheets already look, my eyes are at least saved from the main website and whenever I'm in the character creation screen, thank you very much for making this accessible and extremely easy to use.
(In response to the Jay_Lane)
Screams Louder. alksanity domain: As a reaction, whenever yelled at, the alkalinekats will always be louder due to the screams that are stored up within his own head. This will deal to the target 2d4 plus your spell modifier psychic damage on a failed CHA saving roll, half on success. When cast as a higher level than 2nd the target takes and extra 1d4 damage per level cast.
I'm glad your getting use of it 😄. For others interested Hyrkali has made a good thread/tutorial about the non-character sheet portion here: Hyrkali's Thread
For those interested in the customizable character sheet/dice portion or more information you can find it on my github here: https://github.com/Azmoria/dndbeyonddark
The github has basic instructions and some examples of the different things you can do. There's been some substantial updates since I last posted examples here.
Any questions feel free to PM me or post to Hyrkali's thread and if anyone finds issues/bugs you can post them to that thread, on the github or message me direct.
As someone who has gone through the headache of CSS editing on a something as small as a subreddit to get a dark mode to work and look decent, I can understand the painfully tedious process of implementing it on a whole site like this. That said, it would be so much appreciated. My bedroom is well lit, but it still often pains my eyes.
A dark mode would be very helpful <3
Vad är väl en bal på slottet.
It is midway through 2022 and still my eyes must be destroyed by the whitest and brightest of backgrounds on this website lol.