material-ui icon indicating copy to clipboard operation
material-ui copied to clipboard

Published 20 hours ago • verified publisher icon mui

[docs] Dark Background Only in Breadcrumbs Page

Open citra-rahman opened this issue 1 year ago • 5 comments

Related page

https://mui.com/material-ui/react-breadcrumbs/

Kind of issue

Other

Issue description

Problem:

The breadcrumbs page has a dark background when the system page is in light mode.

Expected Solution:

The breadcrumbs page should have a light background in light mode.

Evidence:

Screenshot 2024-09-04 at 14 13 11

Context

The breadcrumbs page should be a light background if it's in light mode.

Search keywords: breadcrumbs

Search keywords:

citra-rahman avatar Sep 04 '24 07:09 citra-rahman

I can't reproduce the issue. Is it still present? If yes:

  • what's the state of the docs light/dark mode in your settings? image
  • Is it the same on other pages? if you refresh the page?
  • could you take a screen shot of the <html> and <body> content image

alexfauquette avatar Sep 04 '24 09:09 alexfauquette

Hi @alexfauquette, it's light mode. Yes, it's always the same when I refresh the page.

Screenshot 2024-09-04 at 22 37 09

citra-rahman avatar Sep 04 '24 15:09 citra-rahman

I found the culprit. It's the class='dark' in the <html>. But I don't see why it's in that state

@siriwatknp do you have an idea?

alexfauquette avatar Sep 05 '24 08:09 alexfauquette

I found the culprit. It's the class='dark' in the <html>. But I don't see why it's in that state

@siriwatknp do you have an idea?

@citra-rahman Did you open more than one tab of mui.com?

siriwatknp avatar Sep 11 '24 04:09 siriwatknp

I found the culprit. It's the class='dark' in the <html>. But I don't see why it's in that state @siriwatknp do you have an idea?

@citra-rahman Did you open more than one tab of mui.com?

No it just one tab @siriwatknp

citra-rahman avatar Sep 11 '24 06:09 citra-rahman

I found the culprit. It's the class='dark' in the . But I don't see why it's in that state

@alexfauquette did you manage to reproduce this? What are the steps? I can't reproduce on my end.

mnajdova avatar Dec 18 '24 12:12 mnajdova

@mnajdova I remember being able to reproduce it, From my message, I assume it was about replacing the <html /> attribute class='dark'. But this class got removed, which then fix the issue

image

alexfauquette avatar Dec 18 '24 12:12 alexfauquette

Got ya, yep, seems like it was removed. I will close the issue then, please feel free to re-open if you see something similar happening!

mnajdova avatar Dec 18 '24 13:12 mnajdova

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue. Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

[!NOTE] @citra-rahman How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

github-actions[bot] avatar Dec 18 '24 13:12 github-actions[bot]