Dark Mode Now Available
2 weeks ago
Posts: 12
Ahhh, so much better, thanks!
One suggestion: please add a third option that follows the device setting (you can use media queries for that).
2 weeks ago
Posts: 2802
Quote from Figu
One suggestion: please add a third option that follows the device setting (you can use media queries for that).
It follows the media query by default.
2 weeks ago
Posts: 12
Right, but once you click on the switch in the sidebar it's either light or dark, there's no option to return it to default behaviour.
2 weeks ago
Posts: 2802
Completely true. There is a way to do that, but I've moved on to some other high priority tasks at the moment. The value is stored in localStorage as "theme". You can go into dev tools and clear it if you need to for the time being.
2 weeks ago
Posts: 12
Understandable and thanks!
2 weeks ago
Posts: 20
Now after all this years of waiting I have to make the hard choice of retina burning white or hard to read gray.
https://ibb.co/T89qDLR there are not many options for colors for filtering either (might have to get rid of it).
It might sound weird but, I would really appreciate it if the font was whiter? it needs a bigger contrast to the background i think, it seems grayish with a practically new MSI MAG 271Q QD-OLED display.
2 weeks ago
Posts: 20
The filtering definitely makes it look worst, I'll just remove it for now.
2 weeks ago
Posts: 15
Quote from ForeignerChan
I usually don't use dark mode, but I tried it and it looks really cool! I think it's a really nice addition!
Also, I'm glad to hear you'll try to allow an option to keep the current look when you will reskin the website. It's really thoughtful of you, since many of us are attached to this layout and design.
If you add a new skin, then please try to make it so that a user can choose between the new & the old skin.
💾 | ⚙️ | Nerd. Netizen. Engineer. Wanderer. Hydra. オタク。ネット民。技術者。放浪者。大蛇。
2 weeks ago
Posts: 15
A dark mode is a surprise but an extremely welcome one! I noticed another improvement recently in how the site reloads automatically after i submit a rating for a series. It's great to see that mangaupdates keeps improving itself. This is my main site for tracking my reading habits. Ever since what happened to "lndb[dot]info", i can't help but get worried about one of my main sites disappearing suddenly. Such changes reassure me.
💾 | ⚙️ | Nerd. Netizen. Engineer. Wanderer. Hydra. オタク。ネット民。技術者。放浪者。大蛇。
Holyshit, 20 years later mmm...~!
And I got slightly freaked out by the banner lol mmm...
I will change this world mmm...
So the world can change me mmm...
2 weeks ago
Posts: 7
I tinkered around with the CSS and (with some help with ChatGPT) came up with this. I do think it's a little light for dark mode, but it mainly uses the existing colors from the site's CSS, both from MU's color palette and the new dark mode one:
--mu-light-bubble-light: var(--mu-light-shade-89); /* Light Blue-Gray */ --mu-dark-bubble-light: var(--mu-light-shade-84); /* Muted Blue-Gray */ --mu-background-color: var(--mu-darker-shade-30); /* Deep Blue-Gray */ --mu-background-color-main: var(--mu-darker-shade-37); /* Slightly Lighter Blue-Gray */ --mu-background-color-alt: var(--mu-darker-shade-40); /* Medium Blue-Gray */ --mu-border-color-lighter: var(--mu-darker-shade-37); /* Slightly Lighter Blue-Gray */ --mu-text-color-lighter: var(--mu-darker-shade-40); /* Medium Blue-Gray */ --mu-light-bubble-dark: var(--mu-darker-shade-48); /* Soft Blue-Gray */ --mu-background-color-highlight2: var(--mu-darker-shade-54); /* Muted Highlight */ --mu-background-color-dark: var(--mu-darker-shade-48); /* Subtle Highlight */ --mu-background-color-dark2: var(--mu-darker-shade-54); /* Muted Highlight */ --mu-border-color-light2: var(--mu-darker-shade-48); /* Soft Blue-Gray */ --mu-border-color-light: var(--mu-darker-shade-54); /* Muted Blue-Gray */ --mu-border-color-lightest: var(--mu-darker-shade-61); /* Soft Blue-Gray */ --mu-dark-bubble-dark: var(--mu-darker-shade-61); /* Soft Blue-Gray */ --mu-background-color-highlight3: var(--mu-dark-shade-72); /* Light Blue Highlight */ --mu-background-color-darker: var(--mu-darker-shade-48); /* Soft Blue-Gray */ --mu-background-color-darker2: var(--mu-darker-shade-48); /* Soft Blue-Gray */ --mu-text-color-shadow: var(--mu-darker-shade-61); /* Soft Blue-Gray */ --mu-text-color-faded: var(--mu-darker-shade-54); /* Muted Blue-Gray */ --mu-text-color-dull: var(--mu-gray-shade-70); --mu-text-color-dark: var(--mu-gray-shade-10); --mu-background-color-hover: var(--mu-darker-shade-61); /* Soft Blue-Gray */ --mu-border-color-darker: var(--mu-darker-shade-48); /* Subtle Blue-Gray */ --mu-border-color: var(--mu-darker-shade-54); /* Muted Blue-Gray */ --mu-text-color: var(--mu-gray-shade-95); /* Light Gray-Blue */ --mu-link-color: var(--mu-gray-shade-75); /* Muted Gray-Blue */ --mu-footer-color: var(--mu-darker-shade-30); /* Deep Blue-Gray */ --mu-star-border-color: #5b6f8a; /* Darkened Star Accent */ --mu-star-fill-color: #677e9c; /* Star Fill Accent */ --mu-background-color-highlight: var(--mu-accent-shade-92); /* Vibrant Accent */ --mu-text-color-highlight: var(--mu-accent-shade-92); /* Vibrant Accent */ --mu-background-color-disabled: var(--mu-darker-shade-48); /* Subtle Blue-Gray */ --mu-border-color-disabled: var(--mu-darker-shade-54); /* Muted Blue-Gray */ --mu-text-color-disabled: var(--mu-darker-shade-40); /* Medium Blue-Gray */ --mu-background-color-good: var(--mu-dark-shade-72); /* Light Blue Highlight */ --mu-background-color-warning: var(--mu-dark-shade-63); /* Deep Dark Blue-Gray */ --mu-border-color-warning: var(--mu-dark-shade-72); /* Light Blue Highlight */ --mu-text-color-red: #7f2a2a; /* Dark Red */ --mu-text-color-green: #2a7f2a; /* Dark Green */ --mu-text-color-blue: #2a2a7f; /* Dark Blue */ --mu-text-color-yellow: #7f7f2a; /* Dark Yellow */ --mu-text-color-white: var(--mu-lighter-shade-97); /* Soft White */ --mu-text-color-dark: var(--mu-gray-shade-10); /* Deep Gray */
unfortunately, the formatting isn't spectacular here
2 weeks ago
Posts: 6
Thanks for this update! I was a bit shocked by the banner at first and was desperately checking if I accidentally turned on my dark reader 😅
I will keep it that way. I like it. ❤️
Courage is the magic that turns dreams into reality.
2 weeks ago
Posts: 9
A dark mode appears! Good stuff. That banner does look pretty cursed, in the best of ways.
2 weeks ago
Posts: 1
Thanks for the update!! This will be helpful at night.
2 weeks ago
Posts: 2802
Quote from melquiades
there are not many options for colors for filtering either (might have to get rid of it).
You can choose any color you want. Use the HTML color selector (it's RGB, #000000 to #FFFFFF in hex)
It might sound weird but, I would really appreciate it if the font was whiter? it needs a bigger contrast to the background i think, it seems grayish with a practically new MSI MAG 271Q QD-OLED display.
I increased the brightness of the links slightly.
What are your concerns about the genre highlighting?