bannerBaka-UpdatesManga
Manga Poll
What type of milk do you prefer in your drinks (standalone or mixed with something (e.g., tea)?
Dairy milk (e.g., cow, sheep, goat, etc., at levels of whole, 2%, etc)
Flavored (e.g., chocolate, strawberry, etc.)
Condensed
Oat
Soy
Almond
Coconut
Cashew
Rice
Hemp
Pea
Other
None
 
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


5 months ago
Posts: 13

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


5 months ago
Posts: 2852

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


5 months ago
Posts: 13

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


5 months ago
Posts: 2852

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


5 months ago
Posts: 13

Understandable and thanks!


Member


5 months ago
Posts: 22

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


5 months ago
Posts: 22

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


5 months ago
Posts: 16

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


5 months ago
Posts: 16

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


5 months ago
Posts: 365

Holyshit, 20 years later mmm...~!

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


... Last edited by VawX 5 months 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


5 months 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


5 months 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


5 months ago
Posts: 10

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


Member


5 months 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


5 months ago
Posts: 2852

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 5 months ago
Pages (4[ 1 2 3 4 ] Next
You must be registered to post!