make the dark variants same as the lights

make the dark variants same as the light variants, to see the theme effects.
jonnysp · Apr 26, 2023 · 9dc1d59 · 9dc1d59
1 parent 0c83524
commit 9dc1d59
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/site/content/docs/5.3/examples/dropdowns/index.html b/site/content/docs/5.3/examples/dropdowns/index.html
@@ -57,7 +57,7 @@
     <li><hr class="dropdown-divider"></li>
     <li><a class="dropdown-item rounded-2" href="#">Separated link</a></li>
   </ul>
-  <ul class="dropdown-menu position-static d-grid gap-1 p-2 rounded-3 mx-0 border-0 shadow w-220px" data-bs-theme="dark">
+  <ul class="dropdown-menu position-static d-grid gap-1 p-2 rounded-3 mx-0 shadow w-220px" data-bs-theme="dark">
     <li><a class="dropdown-item rounded-2 active" href="#">Action</a></li>
     <li><a class="dropdown-item rounded-2" href="#">Another action</a></li>
     <li><a class="dropdown-item rounded-2" href="#">Something else here</a></li>
@@ -93,9 +93,9 @@
     </ul>
   </div>
 
-  <div class="dropdown-menu d-block position-static border-0 pt-0 mx-0 rounded-3 shadow overflow-hidden w-280px" data-bs-theme="dark">
-    <form class="p-2 mb-2 bg-dark border-bottom border-dark">
-      <input type="search" class="form-control bg-dark" autocomplete="false" placeholder="Type to filter...">
+  <div class="dropdown-menu d-block position-static pt-0 mx-0 rounded-3 shadow overflow-hidden w-280px" data-bs-theme="dark">
+    <form class="p-2 mb-2 bg-body-tertiary border-bottom">
+      <input type="search" class="form-control" autocomplete="false" placeholder="Type to filter...">
     </form>
     <ul class="list-unstyled mb-0">
       <li><a class="dropdown-item d-flex align-items-center gap-2 py-2" href="#">
@@ -160,7 +160,7 @@
       </a>
     </li>
   </ul>
-  <ul class="dropdown-menu d-block position-static mx-0 border-0 shadow w-220px" data-bs-theme="dark">
+  <ul class="dropdown-menu d-block position-static mx-0 shadow w-220px" data-bs-theme="dark">
     <li>
       <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
         <svg class="bi" width="16" height="16"><use xlink:href="#files"/></svg>
@@ -193,7 +193,7 @@
     </li>
     <li><hr class="dropdown-divider"></li>
     <li>
-      <a class="dropdown-item d-flex gap-2 align-items-center" href="#">
+      <a class="dropdown-item dropdown-item-danger d-flex gap-2 align-items-center" href="#">
         <svg class="bi" width="16" height="16"><use xlink:href="#trash"/></svg>
         Trash
       </a>