dbc-team · tcbegley · Mar 3, 2025 · Feb 24, 2025 · Mar 2, 2025 · Mar 2, 2025
diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
@@ -19,7 +19,7 @@ restrictions:
 
 - Please **do not** use the issue tracker for personal support requests. Stack
   Overflow ([`plotly-dash`](https://stackoverflow.com/questions/tagged/plotly-dash) tag),
-  or the [Plotly Community Forum](https://community.plot.ly) are better places to get help.
+  or the [Plotly Community Forum](https://community.plotly.com) are better places to get help.
 
 - Please **do not** derail or troll issues. Keep the discussion on topic and
   respect the opinions of others.

diff --git a/docs/components_page/components/carousel.md b/docs/components_page/components/carousel.md
@@ -12,7 +12,7 @@ This is a carousel with slides only.  The default cycle time is 5000ms, but here
 
 ## With controls
 
-Here we add the previous and next controls.  The default is for the slideshow to autoplay after the user manually cycles the first item. Set `ride="carousel"` to start the slideshow on page load.
+Here we add the previous and next controls.
 
 {{example:components/carousel/controls.py:carousel}}
 

diff --git a/docs/components_page/components/carousel/simple.py b/docs/components_page/components/carousel/simple.py
@@ -9,5 +9,4 @@
     controls=False,
     indicators=False,
     interval=2000,
-    ride="carousel",
 )
diff --git a/docs/components_page/components/navbar/navbar.py b/docs/components_page/components/navbar/navbar.py
@@ -1,7 +1,7 @@
 import dash_bootstrap_components as dbc
 from dash import Input, Output, State, html
 
-PLOTLY_LOGO = "https://images.plot.ly/logo/new-branding/plotly-logomark.png"
+LOGO = "https://placehold.co/100x100"
 
 search_bar = dbc.Row(
     [
@@ -22,13 +22,13 @@
                 # Use row and col to control vertical alignment of logo / brand
                 dbc.Row(
                     [
-                        dbc.Col(html.Img(src=PLOTLY_LOGO, height="30px")),
+                        dbc.Col(html.Img(src=LOGO, height="30px")),
                         dbc.Col(dbc.NavbarBrand("Navbar", className="ms-2")),
                     ],
                     align="center",
                     className="g-0",
                 ),
-                href="https://plotly.com",
+                href="https://placehold.co/",
                 style={"textDecoration": "none"},
             ),
             dbc.NavbarToggler(id="navbar-toggler", n_clicks=0),

diff --git a/docs/components_page/components/table/kwargs.py b/docs/components_page/components/table/kwargs.py
@@ -2,7 +2,7 @@
     # using the same table as in the above example
     table_header + table_body,
     bordered=True,
-    dark=True,
+    color="dark",
     hover=True,
     responsive=True,
     striped=True,

diff --git a/docs/demos/theme_explorer/table.py b/docs/demos/theme_explorer/table.py
@@ -61,11 +61,11 @@
                     dbc.Table(
                         [table_header, table_body],
                         bordered=True,
-                        dark=True,
                         hover=True,
                         responsive=True,
                         striped=True,
                         className="mb-2",
+                        color="dark",
                     ),
                 ),
             ]

diff --git a/docs/requirements.txt b/docs/requirements.txt
@@ -1,5 +1,5 @@
-dash==3.0.0rc1
-dash_bootstrap_components==1.7.1-dev
+dash==3.0.0rc3
+dash_bootstrap_components==2.0.0b2
 gunicorn
 markdown
 pandas

diff --git a/docs/static/docs.css b/docs/static/docs.css
@@ -294,21 +294,6 @@ span.hljs-meta {
   }
 }
 
-.dbcd-masthead .btn-outline-secondary {
-  color: #fa7268;
-  border-color: #fa7268;
-}
-
-.dbcd-masthead .btn-outline-secondary:hover {
-  color: #fff;
-  background-color: #fa7268;
-}
-
-.dbcd-masthead .btn-secondary {
-  background-color: #fa7268;
-  border-color: #fa7268;
-}
-
 .dbcd-main.changelog h2 {
   font-size: 1.5rem;
 }

diff --git a/docs/static/images/dbciconblack128.png b/docs/static/images/dbciconblack128.png
diff --git a/docs/static/images/dbciconwhite16.png b/docs/static/images/dbciconwhite16.png
diff --git a/docs/static/images/dbclogo128.png b/docs/static/images/dbclogo128.png
diff --git a/docs/static/images/favicon.ico b/docs/static/images/favicon.ico
diff --git a/docs/templates/index.html b/docs/templates/index.html
@@ -11,7 +11,7 @@
         <div style="width:250px;height:250px;margin:auto;padding:1rem;background-color:white;border-radius:1rem;box-sizing:content-box;">
           <object
             type="image/svg+xml"
-            data="https://cdn.opensource.faculty.ai/dbc/assets/logo.svg"
+            data="https://cdn.jsdelivr.net/gh/facultyai/dash-bootstrap-components@main/logo/logo.svg"
             style="width:100%;height:100%;"
           >
             dash-bootstrap-components logo
@@ -28,11 +28,11 @@ <h1 class="font-weight-light">Dash Bootstrap Components</h1>
           apps with complex, responsive layouts.
         </p>
         <a
-          class="btn btn-outline-secondary"
+          class="btn btn-outline-primary"
           href="https://github.com/facultyai/dash-bootstrap-components"
           >Source Code<i class="bi bi-github ms-1"></i></a
         >
-        <a class="btn btn-secondary" href="/docs">Get Started »</a>
+        <a class="btn btn-primary" href="/docs">Get Started »</a>
       </div>
     </div>
   </div>

diff --git a/docs/templates/macros/example-navbar.html b/docs/templates/macros/example-navbar.html
@@ -3,7 +3,7 @@
   <div class="container-fluid">
     <span class="me-2 bg-white" style="padding:2px;border-radius:4px">
       <img
-        src="/static/images/dbciconblack128.png"
+        src="/static/images/dbclogo128.png"
         width="36"
         height="36"
         alt="dbc logo thumbnail"

diff --git a/docs/templates/macros/navbar.html b/docs/templates/macros/navbar.html
@@ -3,7 +3,7 @@
   <div class="container">
     <span class="me-2 bg-white" style="padding:2px;border-radius:4px">
       <img
-        src="/static/images/dbciconblack128.png"
+        src="/static/images/dbclogo128.png"
         width="36"
         height="36"
         alt="dbc logo thumbnail"

diff --git a/docs/templates/macros/theme-explorer-navbar.html b/docs/templates/macros/theme-explorer-navbar.html
@@ -1,11 +1,11 @@
 {% macro theme_explorer_navbar() -%}
 <nav class="navbar navbar-expand navbar-dark sticky-top bg-dark">
   <span
-    class="me-2 bg-white"
+    class="mx-2 bg-white"
     style="padding:2px;border-radius:4px;margin-right: 0.5rem;"
   >
     <img
-      src="/static/images/dbciconblack128.png"
+      src="/static/images/dbclogo128.png"
       width="36"
       height="36"
       alt="dbc logo thumbnail"

diff --git a/docs/templates/partials/head.html b/docs/templates/partials/head.html
@@ -6,5 +6,5 @@
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.13.1/build/styles/tomorrow-night-eighties.min.css" />
 <link rel="stylesheet" href="/static/docs.css" />
-<link rel="shortcut icon" type="image/png" href="/static/images/dbciconwhite16.png" />
+<link rel="shortcut icon" type="image/x-icon" href="/static/images/favicon.ico" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css" />
diff --git a/examples/advanced-component-usage/navbars.py b/examples/advanced-component-usage/navbars.py
@@ -10,7 +10,7 @@
 import dash_bootstrap_components as dbc
 from dash import Input, Output, State, html
 
-PLOTLY_LOGO = "https://images.plot.ly/logo/new-branding/plotly-logomark.png"
+LOGO = "https://placehold.co/100x100"
 
 app = dash.Dash(external_stylesheets=[dbc.themes.BOOTSTRAP])
 # try running the app with one of the Bootswatch themes e.g.
@@ -68,7 +68,7 @@
                 # Use row and col to control vertical alignment of logo / brand
                 dbc.Row(
                     [
-                        dbc.Col(html.Img(src=PLOTLY_LOGO, height="30px")),
+                        dbc.Col(html.Img(src=LOGO, height="30px")),
                         dbc.Col(dbc.NavbarBrand("Logo", className="ms-2")),
                     ],
                     align="center",

diff --git a/examples/templates/multi-page-apps/collapsible-sidebar-with-icons/app.py b/examples/templates/multi-page-apps/collapsible-sidebar-with-icons/app.py
@@ -10,14 +10,14 @@
 feature you must install dash-bootstrap-components >= 0.11.0.
 
 For more details on building multi-page Dash applications, check out the Dash
-documentation: https://dash.plot.ly/urls
+documentation: https://dash.plotly.com/urls
 """
 
 import dash
 import dash_bootstrap_components as dbc
 from dash import Input, Output, dcc, html
 
-PLOTLY_LOGO = "https://images.plot.ly/logo/new-branding/plotly-logomark.png"
+LOGO = "https://placehold.co/100x100"
 
 app = dash.Dash(external_stylesheets=[dbc.themes.BOOTSTRAP, dbc.icons.FONT_AWESOME])
 
@@ -27,7 +27,7 @@
             [
                 # width: 3rem ensures the logo is the exact width of the
                 # collapsed sidebar (accounting for padding)
-                html.Img(src=PLOTLY_LOGO, style={"width": "3rem"}),
+                html.Img(src=LOGO, style={"width": "3rem"}),
                 html.H2("Sidebar"),
             ],
             className="sidebar-header",

diff --git a/examples/templates/multi-page-apps/navbar.py b/examples/templates/multi-page-apps/navbar.py
@@ -7,7 +7,7 @@
 feature you must install dash-bootstrap-components >= 0.11.0.
 
 For more details on building multi-page Dash applications, check out the Dash
-documentation: https://dash.plot.ly/urls
+documentation: https://dash.plotly.com/urls
 """
 
 import dash

diff --git a/examples/templates/multi-page-apps/responsive-collapsible-sidebar/sidebar.py b/examples/templates/multi-page-apps/responsive-collapsible-sidebar/sidebar.py
@@ -13,7 +13,7 @@
 feature you must install dash-bootstrap-components >= 0.11.0.
 
 For more details on building multi-page Dash applications, check out the Dash
-documentation: https://dash.plot.ly/urls
+documentation: https://dash.plotly.com/urls
 """
 
 import dash

diff --git a/examples/templates/multi-page-apps/responsive-sidebar/sidebar.py b/examples/templates/multi-page-apps/responsive-sidebar/sidebar.py
@@ -13,7 +13,7 @@
 feature you must install dash-bootstrap-components >= 0.11.0.
 
 For more details on building multi-page Dash applications, check out the Dash
-documentation: https://dash.plot.ly/urls
+documentation: https://dash.plotly.com/urls
 """
 
 import dash

diff --git a/examples/templates/multi-page-apps/sidebar-with-submenus/sidebar.py b/examples/templates/multi-page-apps/sidebar-with-submenus/sidebar.py
@@ -8,7 +8,7 @@
 collapse component and the CSS that rotates the chevron icon respectively.
 
 For more details on building multi-page Dash applications, check out the Dash
-documentation: https://dash.plot.ly/urls
+documentation: https://dash.plotly.com/urls
 """
 
 import dash

diff --git a/examples/templates/multi-page-apps/simple_sidebar.py b/examples/templates/multi-page-apps/simple_sidebar.py
@@ -8,7 +8,7 @@
 this feature you must install dash-bootstrap-components >= 0.11.0.
 
 For more details on building multi-page Dash applications, check out the Dash
-documentation: https://dash.plot.ly/urls
+documentation: https://dash.plotly.com/urls
 """
 
 import dash