banner
Manga Poll
Do you feel comfortable cooking?
Yes, I just use feeling and it tastes good!
Yes, but I tend to follow recipes
Yes, but I usually use pre-mixes with instructions
I'm only good with a microwave
Nope, don't put me in the kitchen
 
mascot
Manga is the Japanese equivalent of comics
with a unique style and following. Join the revolution! Read some manga today!

RSS Feed

Dark Mode Now Available

Pages (4[ 1 2 3 4 ] Next
You must be registered to post!
From User
Message Body
Member


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).


Post #808080 - Reply To (#808079) by Figu
Post #808080 - Reply To (#808079) by Figu
user avatar
Site Admin


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.


Member


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.


Post #808084 - Reply To (#808082) by Figu
Post #808084 - Reply To (#808082) by Figu
user avatar
Site Admin


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.


Member


2 weeks ago
Posts: 12

Understandable and thanks!


Member


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.


Member


2 weeks ago
Posts: 20

The filtering definitely makes it look worst, I'll just remove it for now.


Post #808094 - Reply To (#808050) by ForeignerChan
Post #808094 - Reply To (#808050) by ForeignerChan
user avatar
Member


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. オタク。ネット民。技術者。放浪者。大蛇。

user avatar
Member


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. オタク。ネット民。技術者。放浪者。大蛇。

user avatar
mmm...
icon Member


2 weeks ago
Posts: 360

Holyshit, 20 years later mmm...~!

And I got slightly freaked out by the banner lol mmm...


... Last edited by VawX 2 weeks ago
________________

I will change this world mmm...
So the world can change me mmm...

Post #808099 - Reply To (#808077) by Manick
Post #808099 - Reply To (#808077) by Manick
Member


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


user avatar
Member


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.

user avatar
Member


2 weeks ago
Posts: 9

A dark mode appears! Good stuff. That banner does look pretty cursed, in the best of ways.


Member


2 weeks ago
Posts: 1

Thanks for the update!! This will be helpful at night.


Post #808107 - Reply To (#808089) by melquiades
Post #808107 - Reply To (#808089) by melquiades
user avatar
Site Admin


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?


... Last edited by Manick 2 weeks ago
Pages (4[ 1 2 3 4 ] Next
You must be registered to post!