diff --git a/assets/css/app.css b/assets/css/app.css
index 52b33c2b..a9293123 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -252,10 +252,10 @@ a.badge {
 .bg-primary-striped {
     background: repeating-linear-gradient(
             -45deg,
-            var(--primary),
-            var(--primary) 10px,
-            var(--info) 10px,
-            var(--info) 20px
+            var(--bs-primary),
+            var(--bs-primary) 10px,
+            var(--bs-info) 10px,
+            var(--bs-info) 20px
     )
 }
 
@@ -732,10 +732,10 @@ th.select-checkbox {
  ******************************/
 .attach-table-icon {
     margin-right: 0.7em;
-    color: var(--gray);
+    color: var(--bs-gray);
 }
 .attach-table-icon:hover {
-    color: var(--gray-dark);
+    color: var(--bs-gray-dark);
 }
 .badge-table {
     margin-right: 0.2em;