The background color is only white. #41773

Zorrofoxline · 2025-09-26T23:49:35Z

Zorrofoxline
Sep 26, 2025

Prerequisites

I have searched for duplicate or closed issues
I have validated any HTML to avoid common problems
I have read the contributing guidelines

Describe the issue

It's putting CSS to change the background color but I added Bootstrap and it turned all white

Reduced test cases

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>dangerous page</title>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" type="text/css" media="all" />
        <style type="text/css" media="all">
            .material-symbols-outlined{
                font-size: 100;
            }
            .co{
                background-color: #FF0000;
                color: fff;
            }
        </style>
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
    </head>
    <body>
        <div class="co">
        <span class="material-symbols-outlined" style="color:#FFF;">
warning
</span>
<h1>dangerous site</h1>
<p>The website is dangerous, if you enter a password or sensitive information you can steal, the page has been restricted for security and privacy.</p>
        </div>
            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
    </body>
</html>

What operating system(s) are you seeing the problem on?

Android

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

5.3.8

CyrilKrylatov · 2025-09-29T07:16:33Z

CyrilKrylatov
Sep 29, 2025

Hello,

That's because indeed turns the body's background in white. It does it here: https://github.com/twbs/bootstrap/blob/main/scss/_reboot.scss#L57 and it's explained here: https://github.com/twbs/bootstrap/blob/main/scss/_reboot.scss#L44

You'll need to change --bs-body-bg value to change the background's color of your body element, or you can overwrite the rule within your own style.

2 replies

patkon Sep 29, 2025

<body class="co">
...
</body>

CyrilKrylatov Sep 29, 2025

Oh yeah and that too, good catch.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Bootstrap

The background color is only white. #41773

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment 2 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Bootstrap

The background color is only white. #41773

Uh oh!

Uh oh!

Zorrofoxline Sep 26, 2025

Prerequisites

Describe the issue

Reduced test cases

What operating system(s) are you seeing the problem on?

What browser(s) are you seeing the problem on?

What version of Bootstrap are you using?

Replies: 1 comment · 2 replies

Uh oh!

CyrilKrylatov Sep 29, 2025

Uh oh!

patkon Sep 29, 2025

Uh oh!

CyrilKrylatov Sep 29, 2025

Zorrofoxline
Sep 26, 2025

Replies: 1 comment 2 replies

CyrilKrylatov
Sep 29, 2025