Skip to content

Drop deprecated .navbar-dark remaining usage #42530

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
julien-deramond merged 1 commit into from
Jun 20, 2026
Merged

Drop deprecated .navbar-dark remaining usage #42530

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion js/tests/visual/scrollspy.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
</style>
</head>
<body data-bs-spy="scroll" data-bs-target=".navbar" data-bs-offset="70">
<nav class="navbar md:navbar-expand navbar-dark bg-dark fixed-top">
<nav class="navbar md:navbar-expand fixed-top" data-bs-theme="dark">
<a class="navbar-brand" href="#">Scrollspy test</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
Expand Down
2 changes: 1 addition & 1 deletion site/src/assets/examples/carousel/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import Placeholder from "@shortcodes/Placeholder.astro"
---

<header data-bs-theme="dark">
<nav class="navbar md:navbar-expand navbar-dark fixed-top bg-dark">
<nav class="navbar md:navbar-expand fixed-top" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Carousel</a>
<button class="btn-icon navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
Expand Down
2 changes: 1 addition & 1 deletion site/src/assets/examples/cheatsheet/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1217,7 +1217,7 @@ export const body_class = 'bg-body-tertiary'
</div>
</nav>

<nav class="navbar lg:navbar-expand navbar-dark bg-primary mt-5">
<nav class="navbar lg:navbar-expand bg-primary mt-5" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="${getVersionedDocsPath('/assets/brand/bootstrap-logo-white.svg')}" width="38" height="30" class="d-inline-block align-top" alt="Bootstrap" loading="lazy">
Expand Down
2 changes: 1 addition & 1 deletion site/src/assets/examples/drawer-navbar/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export const aliases = '/docs/[[config:docs_version]]/examples/drawer/'
import Placeholder from "@shortcodes/Placeholder.astro"
---

<nav class="navbar lg:navbar-expand fixed-top navbar-dark bg-dark" aria-label="Main navigation">
<nav class="navbar lg:navbar-expand fixed-top" data-bs-theme="dark" aria-label="Main navigation">
<div class="container-fluid">
<a class="navbar-brand" href="#">Drawer navbar</a>
<button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation">
Expand Down
2 changes: 1 addition & 1 deletion site/src/assets/examples/navbar-bottom/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const title = 'Bottom navbar example'
<a class="btn-solid theme-primary btn-lg" href={getVersionedDocsPath('/components/navbar')} role="button">View navbar docs &raquo;</a>
</div>
</main>
<nav class="navbar fixed-bottom sm:navbar-expand navbar-dark bg-dark">
<nav class="navbar fixed-bottom sm:navbar-expand" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Bottom navbar</a>
<button class="btn-icon navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
Expand Down
4 changes: 2 additions & 2 deletions site/src/assets/examples/navbars-drawer/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ export const extra_css = ['navbars-drawer.css']
---

<main>
<nav class="navbar navbar-dark bg-dark" aria-label="Dark drawer navbar">
<nav class="navbar" data-bs-theme="dark" aria-label="Dark drawer navbar">
<div class="container-fluid">
<a class="navbar-brand" href="#">Dark drawer navbar</a>
<button class="btn-icon navbar-toggler" type="button" data-bs-toggle="drawer" data-bs-target="#drawerNavbarDark" aria-controls="drawerNavbarDark" aria-label="Toggle navigation">
Expand Down Expand Up @@ -86,7 +86,7 @@ export const extra_css = ['navbars-drawer.css']
</div>
</nav>

<nav class="navbar lg:navbar-expand navbar-dark bg-dark" aria-label="Drawer navbar large">
<nav class="navbar lg:navbar-expand" data-bs-theme="dark" aria-label="Drawer navbar large">
<div class="container-fluid">
<a class="navbar-brand" href="#">Responsive drawer navbar</a>
<button class="btn-icon navbar-toggler" type="button" data-bs-toggle="drawer" data-bs-target="#drawerNavbar2" aria-controls="drawerNavbar2" aria-label="Toggle navigation">
Expand Down
6 changes: 3 additions & 3 deletions site/src/assets/examples/navbars/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -233,7 +233,7 @@ export const extra_css = ['navbars.css']
</div>
</nav>

<nav class="navbar lg:navbar-expand navbar-dark bg-dark" aria-label="Eighth navbar example">
<nav class="navbar lg:navbar-expand" data-bs-theme="dark" aria-label="Eighth navbar example">
<div class="container">
<a class="navbar-brand" href="#">Container</a>
<button class="btn-icon navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -267,7 +267,7 @@ export const extra_css = ['navbars.css']
</div>
</nav>

<nav class="navbar lg:navbar-expand navbar-dark bg-dark" aria-label="Ninth navbar example">
<nav class="navbar lg:navbar-expand" data-bs-theme="dark" aria-label="Ninth navbar example">
<div class="xl:container">
<a class="navbar-brand" href="#">Container XL</a>
<button class="btn-icon navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample07XL" aria-controls="navbarsExample07XL" aria-expanded="false" aria-label="Toggle navigation">
Expand Down Expand Up @@ -305,7 +305,7 @@ export const extra_css = ['navbars.css']
<p>Matching .xl:container...</p>
</div>

<nav class="navbar lg:navbar-expand navbar-dark bg-dark" aria-label="Tenth navbar example">
<nav class="navbar lg:navbar-expand" data-bs-theme="dark" aria-label="Tenth navbar example">
<div class="container-fluid">
<button class="btn-icon navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample08" aria-controls="navbarsExample08" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" aria-hidden="true"></span>
Expand Down
2 changes: 1 addition & 1 deletion site/src/assets/examples/sticky-footer-navbar/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export const body_class = 'd-flex flex-column h-100'

<header>
<!-- Fixed navbar -->
<nav class="navbar md:navbar-expand navbar-dark fixed-top bg-dark">
<nav class="navbar md:navbar-expand fixed-top" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Fixed navbar</a>
<button class="btn-icon navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
Expand Down