diff --git a/src/index2.html b/src/index2.html
index 645d5e3e4..2b49c11f0 100644
--- a/src/index2.html
+++ b/src/index2.html
@@ -192,7 +192,7 @@
                     <div class="row">
                       <div class="col-md-3 col-6">
                         <div class="text-center border-end">
-                          <span class="text-success-emphasis"><i class="fa-solid fa-caret-up"></i> 17%</span>
+                          <span class="text-success"><i class="fa-solid fa-caret-up"></i> 17%</span>
                           <h5 class="fw-bold mb-0">$35,210.43</h5>
                           <span class="text-uppercase">TOTAL REVENUE</span>
                         </div>
@@ -202,7 +202,7 @@
                       <!-- /.col -->
                       <div class="col-md-3 col-6">
                         <div class="text-center border-end">
-                          <span class="text-info-emphasis"><i class="fa-solid fa-caret-left"></i> 0%</span>
+                          <span class="text-info"><i class="fa-solid fa-caret-left"></i> 0%</span>
                           <h5 class="fw-bold mb-0">$10,390.90</h5>
                           <span class="text-uppercase">TOTAL COST</span>
                         </div>
@@ -211,7 +211,7 @@
                       <!-- /.col -->
                       <div class="col-md-3 col-6">
                         <div class="text-center border-end">
-                          <span class="text-success-emphasis"><i class="fa-solid fa-caret-up"></i> 20%</span>
+                          <span class="text-success"><i class="fa-solid fa-caret-up"></i> 20%</span>
                           <h5 class="fw-bold mb-0">$24,813.53</h5>
                           <span class="text-uppercase">TOTAL PROFIT</span>
                         </div>
@@ -220,7 +220,7 @@
                       <!-- /.col -->
                       <div class="col-md-3 col-6">
                         <div class="text-center">
-                          <span class="text-danger-emphasis"><i class="fa-solid fa-caret-down"></i> 18%</span>
+                          <span class="text-danger"><i class="fa-solid fa-caret-down"></i> 18%</span>
                           <h5 class="fw-bold mb-0">1200</h5>
                           <span class="text-uppercase">GOAL COMPLETIONS</span>
                         </div>
@@ -468,42 +468,42 @@
                         <div class="row text-center m-1">
                           <div class="col-3 p-2">
                             <img class="img-fluid rounded-circle" src="./assets/img/user1-128x128.jpg" alt="User Image">
-                            <a class="btn fw-bold fs-7 text-secondary-emphasis text-truncate w-100 p-0" href="#">Alexander Pierce</a>
+                            <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Alexander Pierce</a>
                             <div class="fs-8">Today</div>
                           </div>
                           <div class="col-3 p-2">
                             <img class="img-fluid rounded-circle" src="./assets/img/user8-128x128.jpg" alt="User Image">
-                            <a class="btn fw-bold fs-7 text-secondary-emphasis text-truncate w-100 p-0" href="#">Norman</a>
+                            <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Norman</a>
                             <div class="fs-8">Yesterday</div>
                           </div>
                           <div class="col-3 p-2">
                             <img class="img-fluid rounded-circle" src="./assets/img/user7-128x128.jpg" alt="User Image">
-                            <a class="btn fw-bold fs-7 text-secondary-emphasis text-truncate w-100 p-0" href="#">Jane</a>
+                            <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Jane</a>
                             <div class="fs-8">12 Jan</div>
                           </div>
                           <div class="col-3 p-2">
                             <img class="img-fluid rounded-circle" src="./assets/img/user6-128x128.jpg" alt="User Image">
-                            <a class="btn fw-bold fs-7 text-secondary-emphasis text-truncate w-100 p-0" href="#">John</a>
+                            <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">John</a>
                             <div class="fs-8">12 Jan</div>
                           </div>
                           <div class="col-3 p-2">
                             <img class="img-fluid rounded-circle" src="./assets/img/user2-160x160.jpg" alt="User Image">
-                            <a class="btn fw-bold fs-7 text-secondary-emphasis text-truncate w-100 p-0" href="#">Alexander</a>
+                            <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Alexander</a>
                             <div class="fs-8">13 Jan</div>
                           </div>
                           <div class="col-3 p-2">
                             <img class="img-fluid rounded-circle" src="./assets/img/user5-128x128.jpg" alt="User Image">
-                            <a class="btn fw-bold fs-7 text-secondary-emphasis text-truncate w-100 p-0" href="#">Sarah</a>
+                            <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Sarah</a>
                             <div class="fs-8">14 Jan</div>
                           </div>
                           <div class="col-3 p-2">
                             <img class="img-fluid rounded-circle" src="./assets/img/user4-128x128.jpg" alt="User Image">
-                            <a class="btn fw-bold fs-7 text-secondary-emphasis text-truncate w-100 p-0" href="#">Nora</a>
+                            <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Nora</a>
                             <div class="fs-8">15 Jan</div>
                           </div>
                           <div class="col-3 p-2">
                             <img class="img-fluid rounded-circle" src="./assets/img/user3-128x128.jpg" alt="User Image">
-                            <a class="btn fw-bold fs-7 text-secondary-emphasis text-truncate w-100 p-0" href="#">Nadia</a>
+                            <a class="btn fw-bold fs-7 text-secondary text-truncate w-100 p-0" href="#">Nadia</a>
                             <div class="fs-8">15 Jan</div>
                           </div>
                         </div>
@@ -688,12 +688,12 @@
                       <!-- /.col -->
                       <div class="col-md-4">
                         <ul class="row list-unstyled text-nowrap">
-                          <li class="col"><i class="fa-regular fa-circle text-danger-emphasis"></i> Chrome</li>
-                          <li class="col"><i class="fa-regular fa-circle text-success-emphasis"></i> IE</li>
-                          <li class="col"><i class="fa-regular fa-circle text-warning-emphasis"></i> FireFox</li>
-                          <li class="col"><i class="fa-regular fa-circle text-info-emphasis"></i> Safari</li>
-                          <li class="col"><i class="fa-regular fa-circle text-primary-emphasis"></i> Opera</li>
-                          <li class="col"><i class="fa-regular fa-circle text-secondary-emphasis"></i> Navigator</li>
+                          <li class="col"><i class="fa-regular fa-circle text-danger"></i> Chrome</li>
+                          <li class="col"><i class="fa-regular fa-circle text-success"></i> IE</li>
+                          <li class="col"><i class="fa-regular fa-circle text-warning"></i> FireFox</li>
+                          <li class="col"><i class="fa-regular fa-circle text-info"></i> Safari</li>
+                          <li class="col"><i class="fa-regular fa-circle text-primary"></i> Opera</li>
+                          <li class="col"><i class="fa-regular fa-circle text-secondary"></i> Navigator</li>
                         </ul>
                       </div>
                       <!-- /.col -->
@@ -706,7 +706,7 @@
                       <li class="nav-item">
                         <a href="#" class="nav-link">
                           United States of America
-                          <span class="float-end text-danger-emphasis">
+                          <span class="float-end text-danger">
                             <i class="fa-solid fa-arrow-down fs-7"></i>
                             12%</span>
                         </a>
@@ -714,7 +714,7 @@
                       <li class="nav-item">
                         <a href="#" class="nav-link">
                           India
-                          <span class="float-end text-success-emphasis">
+                          <span class="float-end text-success">
                             <i class="fa-solid fa-arrow-up fs-7"></i> 4%
                           </span>
                         </a>
@@ -722,7 +722,7 @@
                       <li class="nav-item">
                         <a href="#" class="nav-link">
                           China
-                          <span class="float-end text-info-emphasis">
+                          <span class="float-end text-info">
                             <i class="fa-solid fa-arrow-left fs-7"></i> 0%
                           </span>
                         </a>
diff --git a/src/index3.html b/src/index3.html
index 4547115f0..93097c5ab 100644
--- a/src/index3.html
+++ b/src/index3.html
@@ -53,10 +53,10 @@
                         <span>Visitors Over Time</span>
                       </p>
                       <p class="ms-auto d-flex flex-column text-end">
-                        <span class="text-success-emphasis-emphasis">
+                        <span class="text-success">
                           <i class="fa-solid fa-arrow-up"></i> 12.5%
                         </span>
-                        <span class="text-secondary-emphasis">Since last week</span>
+                        <span class="text-secondary">Since last week</span>
                       </p>
                     </div>
                     <!-- /.d-flex -->
@@ -67,11 +67,11 @@
 
                     <div class="d-flex flex-row justify-content-end">
                       <span class="me-2">
-                        <i class="fa-solid fa-square text-primary-emphasis"></i> This Week
+                        <i class="fa-solid fa-square text-primary"></i> This Week
                       </span>
 
                       <span>
-                        <i class="fa-solid fa-square text-secondary-emphasis"></i> Last Week
+                        <i class="fa-solid fa-square text-secondary"></i> Last Week
                       </span>
                     </div>
                   </div>
@@ -108,14 +108,14 @@
                         </td>
                         <td>$13 USD</td>
                         <td>
-                          <small class="text-success-emphasis me-1">
+                          <small class="text-success me-1">
                             <i class="fa-solid fa-arrow-up"></i>
                             12%
                           </small>
                           12,000 Sold
                         </td>
                         <td>
-                          <a href="#" class="text-secondary-emphasis">
+                          <a href="#" class="text-secondary">
                             <i class="fa-solid fa-search"></i>
                           </a>
                         </td>
@@ -127,14 +127,14 @@
                         </td>
                         <td>$29 USD</td>
                         <td>
-                          <small class="text-warning-emphasis me-1">
+                          <small class="text-warning me-1">
                             <i class="fa-solid fa-arrow-down"></i>
                             0.5%
                           </small>
                           123,234 Sold
                         </td>
                         <td>
-                          <a href="#" class="text-secondary-emphasis">
+                          <a href="#" class="text-secondary">
                             <i class="fa-solid fa-search"></i>
                           </a>
                         </td>
@@ -146,14 +146,14 @@
                         </td>
                         <td>$1,230 USD</td>
                         <td>
-                          <small class="text-danger-emphasis me-1">
+                          <small class="text-danger me-1">
                             <i class="fa-solid fa-arrow-down"></i>
                             3%
                           </small>
                           198 Sold
                         </td>
                         <td>
-                          <a href="#" class="text-secondary-emphasis">
+                          <a href="#" class="text-secondary">
                             <i class="fa-solid fa-search"></i>
                           </a>
                         </td>
@@ -166,14 +166,14 @@
                         </td>
                         <td>$199 USD</td>
                         <td>
-                          <small class="text-success-emphasis me-1">
+                          <small class="text-success me-1">
                             <i class="fa-solid fa-arrow-up"></i>
                             63%
                           </small>
                           87 Sold
                         </td>
                         <td>
-                          <a href="#" class="text-secondary-emphasis">
+                          <a href="#" class="text-secondary">
                             <i class="fa-solid fa-search"></i>
                           </a>
                         </td>
@@ -200,10 +200,10 @@
                         <span>Sales Over Time</span>
                       </p>
                       <p class="ms-auto d-flex flex-column text-end">
-                        <span class="text-success-emphasis">
+                        <span class="text-success">
                           <i class="fa-solid fa-arrow-up"></i> 33.1%
                         </span>
-                        <span class="text-secondary-emphasis">Since last month</span>
+                        <span class="text-secondary">Since last month</span>
                       </p>
                     </div>
                     <!-- /.d-flex -->
@@ -214,11 +214,11 @@
 
                     <div class="d-flex flex-row justify-content-end">
                       <span class="me-2">
-                        <i class="fa-solid fa-square text-primary-emphasis"></i> This year
+                        <i class="fa-solid fa-square text-primary"></i> This year
                       </span>
 
                       <span>
-                        <i class="fa-solid fa-square text-secondary-emphasis"></i> Last year
+                        <i class="fa-solid fa-square text-secondary"></i> Last year
                       </span>
                     </div>
                   </div>
@@ -239,38 +239,38 @@
                   </div>
                   <div class="card-body">
                     <div class="d-flex justify-content-between align-items-center border-bottom mb-3">
-                      <p class="text-success-emphasis fs-2">
+                      <p class="text-success fs-2">
                         <i class="ion ion-ios-refresh-empty"></i>
                       </p>
                       <p class="d-flex flex-column text-end">
                         <span class="fw-bold">
-                          <i class="ion ion-android-arrow-up text-success-emphasis"></i> 12%
+                          <i class="ion ion-android-arrow-up text-success"></i> 12%
                         </span>
-                        <span class="text-secondary-emphasis">CONVERSION RATE</span>
+                        <span class="text-secondary">CONVERSION RATE</span>
                       </p>
                     </div>
                     <!-- /.d-flex -->
                     <div class="d-flex justify-content-between align-items-center border-bottom mb-3">
-                      <p class="text-warning-emphasis fs-2">
+                      <p class="text-warning fs-2">
                         <i class="ion ion-ios-cart-outline"></i>
                       </p>
                       <p class="d-flex flex-column text-end">
                         <span class="fw-bold">
-                          <i class="ion ion-android-arrow-up text-warning-emphasis"></i> 0.8%
+                          <i class="ion ion-android-arrow-up text-warning"></i> 0.8%
                         </span>
-                        <span class="text-secondary-emphasis">SALES RATE</span>
+                        <span class="text-secondary">SALES RATE</span>
                       </p>
                     </div>
                     <!-- /.d-flex -->
                     <div class="d-flex justify-content-between align-items-center mb-0">
-                      <p class="text-danger-emphasis fs-2">
+                      <p class="text-danger fs-2">
                         <i class="ion ion-ios-people-outline"></i>
                       </p>
                       <p class="d-flex flex-column text-end">
                         <span class="fw-bold">
-                          <i class="ion ion-android-arrow-down text-danger-emphasis"></i> 1%
+                          <i class="ion ion-android-arrow-down text-danger"></i> 1%
                         </span>
-                        <span class="text-secondary-emphasis">REGISTRATION RATE</span>
+                        <span class="text-secondary">REGISTRATION RATE</span>
                       </p>
                     </div>
                     <!-- /.d-flex -->
diff --git a/src/partials/dashboard/_sidenav.html b/src/partials/dashboard/_sidenav.html
index 32fe10c29..58f285c85 100644
--- a/src/partials/dashboard/_sidenav.html
+++ b/src/partials/dashboard/_sidenav.html
@@ -250,19 +250,19 @@
         <li class="nav-header">LABELS</li>
         <li class="nav-item">
           <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fa-regular fa-circle text-danger-emphasis"></i>
+            <i class="nav-icon fa-regular fa-circle text-danger"></i>
             <p class="text">Important</p>
           </a>
         </li>
         <li class="nav-item">
           <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fa-regular fa-circle text-warning-emphasis"></i>
+            <i class="nav-icon fa-regular fa-circle text-warning"></i>
             <p>Warning</p>
           </a>
         </li>
         <li class="nav-item">
           <a href="javascript:;" class="nav-link">
-            <i class="nav-icon fa-regular fa-circle text-info-emphasis"></i>
+            <i class="nav-icon fa-regular fa-circle text-info"></i>
             <p>Informational</p>
           </a>
         </li>
diff --git a/src/partials/dashboard/_topbar.html b/src/partials/dashboard/_topbar.html
index 5202931b5..9190fcb13 100644
--- a/src/partials/dashboard/_topbar.html
+++ b/src/partials/dashboard/_topbar.html
@@ -39,10 +39,10 @@
               <div class="flex-grow-1">
                 <h3 class="dropdown-item-title">
                   Brad Diesel
-                  <span class="float-end fs-7 text-danger-emphasis"><i class="fa-solid fa-star"></i></span>
+                  <span class="float-end fs-7 text-danger"><i class="fa-solid fa-star"></i></span>
                 </h3>
                 <p class="fs-7">Call me whenever you can...</p>
-                <p class="fs-7 text-secondary-emphasis"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
+                <p class="fs-7 text-secondary"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
               </div>
             </div>
             <!-- Message End -->
@@ -57,10 +57,10 @@
               <div class="flex-grow-1">
                 <h3 class="dropdown-item-title">
                   John Pierce
-                  <span class="float-end fs-7 text-secondary-emphasis"><i class="fa-solid fa-star"></i></span>
+                  <span class="float-end fs-7 text-secondary"><i class="fa-solid fa-star"></i></span>
                 </h3>
                 <p class="fs-7">I got your message bro</p>
-                <p class="fs-7 text-secondary-emphasis"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
+                <p class="fs-7 text-secondary"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
               </div>
             </div>
             <!-- Message End -->
@@ -75,10 +75,10 @@
               <div class="flex-grow-1">
                 <h3 class="dropdown-item-title">
                   Nora Silvester
-                  <span class="float-end fs-7 text-warning-emphasis"><i class="fa-solid fa-star"></i></span>
+                  <span class="float-end fs-7 text-warning"><i class="fa-solid fa-star"></i></span>
                 </h3>
                 <p class="fs-7">The subject goes here</p>
-                <p class="fs-7 text-secondary-emphasis"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
+                <p class="fs-7 text-secondary"><i class="fa-regular fa-clock me-1"></i> 4 Hours Ago</p>
               </div>
             </div>
             <!-- Message End -->
@@ -98,17 +98,17 @@
           <div class="dropdown-divider"></div>
           <a href="#" class="dropdown-item">
             <i class="fa-solid fa-envelope me-2"></i> 4 new messages
-            <span class="float-end text-secondary-emphasis fs-7">3 mins</span>
+            <span class="float-end text-secondary fs-7">3 mins</span>
           </a>
           <div class="dropdown-divider"></div>
           <a href="#" class="dropdown-item">
             <i class="fa-solid fa-users me-2"></i> 8 friend requests
-            <span class="float-end text-secondary-emphasis fs-7">12 hours</span>
+            <span class="float-end text-secondary fs-7">12 hours</span>
           </a>
           <div class="dropdown-divider"></div>
           <a href="#" class="dropdown-item">
             <i class="fa-solid fa-file me-2"></i> 3 new reports
-            <span class="float-end text-secondary-emphasis fs-7">2 days</span>
+            <span class="float-end text-secondary fs-7">2 days</span>
           </a>
           <div class="dropdown-divider"></div>
           <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>