diff --git a/assets/css/layouts/account_layout.scss b/assets/css/layouts/account_layout.scss
index 23f95a4b..e24f322e 100644
--- a/assets/css/layouts/account_layout.scss
+++ b/assets/css/layouts/account_layout.scss
@@ -14,13 +14,11 @@ body {
     height: 100vh;
     display: table-cell;
     vertical-align: middle;
-    background-color: #f5f8fa;
 }
 
 #login-frame {
     width: 630px;
     margin: auto;
-    background: #fff;
     border: 1px solid #dddada;
     padding: 70px;
 }
diff --git a/assets/css/layouts/backend_layout.scss b/assets/css/layouts/backend_layout.scss
index bc4a9956..43f0516b 100644
--- a/assets/css/layouts/backend_layout.scss
+++ b/assets/css/layouts/backend_layout.scss
@@ -75,7 +75,7 @@ root {
 }
 
 #footer {
-    background-color: #f7f7f7;
+    background-color: var(--bs-body-bg);
     border-top: 1px solid #ddd;
     font-size: 11px;
 }
diff --git a/assets/css/layouts/booking_layout.scss b/assets/css/layouts/booking_layout.scss
index f60c1c88..1ad039d9 100644
--- a/assets/css/layouts/booking_layout.scss
+++ b/assets/css/layouts/booking_layout.scss
@@ -18,10 +18,6 @@ body {
     height: 100%;
 }
 
-body {
-    background-color: #f5f8fa;
-}
-
 #main {
     min-height: 100%;
 }
@@ -30,7 +26,6 @@ body {
  ------------------------------------------------------------------------------ */
 
 #book-appointment-wizard {
-    background: #fff;
     min-height: 480px;
     padding: 0;
     margin: auto;
@@ -285,7 +280,7 @@ body {
     #book-appointment-wizard {
         border-radius: 0.25rem;
         overflow: hidden;
-        box-shadow: rgba(45, 62, 80, 0.12) 0 1px 5px 0;
+        box-shadow: rgba(138, 195, 255, 0.12) 0 1px 5px 0;
     }
 
     #book-appointment-wizard #company-name {