]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Drop deprecated `.navbar-dark` remaining usage (#42530)
authorJulien Déramond <juderamond@gmail.com>
Sat, 20 Jun 2026 06:42:17 +0000 (08:42 +0200)
committerGitHub <noreply@github.com>
Sat, 20 Jun 2026 06:42:17 +0000 (08:42 +0200)
js/tests/visual/scrollspy.html
site/src/assets/examples/carousel/index.astro
site/src/assets/examples/cheatsheet/index.astro
site/src/assets/examples/drawer-navbar/index.astro
site/src/assets/examples/navbar-bottom/index.astro
site/src/assets/examples/navbars-drawer/index.astro
site/src/assets/examples/navbars/index.astro
site/src/assets/examples/sticky-footer-navbar/index.astro

index 8dbf24a1f630b7f10425f3825f2b259b87543dd0..70788b885fb2c63fb3cf6936cbcbe27b9f1e3dca 100644 (file)
@@ -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>
index c6cd68574f3e8e3b2846c32605a8b9cf282974b3..6b1e826048bdd31cb6691f6083c813c7f4c95d28 100644 (file)
@@ -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">
index 25e247553b27b0f2ba746eb181971b30b15fa484..7a7d3a9a58d4b25d5d4888239c9e846a3bdb2cc9 100644 (file)
@@ -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">
index aa7c909b311634039701454091cf5721cb7b05ee..bdec7055f9af24ac741dc0f82083d4aa8dca90a8 100644 (file)
@@ -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">
index 1683540b304237bda90b0e9c411c3dd5f7e4cfdd..ec2e845d8c55fdf0d41060632f84689c9f7a4baf 100644 (file)
@@ -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">
index d76ec1055ba3ed721033a7959cd88d982fad8616..6af0d32a81e6d18a368071a08b939b6571f31cab 100644 (file)
@@ -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">
@@ -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">
index 565cb8c19bd50e1a9dd4dae74bfa0ffffac12c48..8422e20e3e969bef232607b277f71f884a02f48f 100644 (file)
@@ -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">
@@ -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">
@@ -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>
index a9137bb7619953d31bf11e6b4d380f5ad9d0db63..a420bad424b21d05767410df0e29e6e65988be32 100644 (file)
@@ -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">