diff --git a/frontend/src/app/components/accelerate-preview/accelerate-fee-graph.component.scss b/frontend/src/app/components/accelerate-preview/accelerate-fee-graph.component.scss
index a1e5de4b0..cd48f42fa 100644
--- a/frontend/src/app/components/accelerate-preview/accelerate-fee-graph.component.scss
+++ b/frontend/src/app/components/accelerate-preview/accelerate-fee-graph.component.scss
@@ -10,7 +10,7 @@
     width: 100%;
     height: 100%;
     position: relative;
-    background: #181b2d;
+    background: var(--stat-box-bg);
 
     .bar {
       position: absolute;
diff --git a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html
index 9851b9bd0..ae613f1a5 100644
--- a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html
+++ b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html
@@ -38,7 +38,7 @@
           <small *ngIf="hasAncestors" class="form-text text-muted mb-2">
             <ng-container i18n="accelerator.plus-unconfirmed-ancestors">Plus {{ estimate.txSummary.ancestorCount - 1 }} unconfirmed ancestor(s)</ng-container>
           </small>
-          <table class="table table-borderless table-border table-dark table-accelerator">
+          <table class="table table-borderless table-border table-dark table-background table-accelerator">
             <tbody>
               <tr class="group-first">
                 <td class="item" i18n="transaction.vsize|Transaction Virtual Size">Virtual size</td>
@@ -87,7 +87,7 @@
       <h5>Acceleration summary</h5>
       <div class="row mb-3">
         <div class="col">
-          <table class="table table-borderless table-border table-dark table-accelerator">
+          <table class="table table-borderless table-border table-dark table-background table-accelerator">
             <tbody>
               <!-- ESTIMATED FEE -->
               <ng-container>
diff --git a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss
index 289d4b034..fa598f3a3 100644
--- a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss
+++ b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.scss
@@ -110,3 +110,7 @@
 .item {
   white-space: initial;
 }
+
+.table-background {
+  background-color: var(--bg);
+}
\ No newline at end of file
diff --git a/frontend/src/app/components/address-group/address-group.component.scss b/frontend/src/app/components/address-group/address-group.component.scss
index 0ac00b85b..1785e2a8e 100644
--- a/frontend/src/app/components/address-group/address-group.component.scss
+++ b/frontend/src/app/components/address-group/address-group.component.scss
@@ -1,6 +1,6 @@
 .frame {
   position: relative;
-  background: #24273e;
+  background: var(--box-bg);
   padding: 0.5rem;
   height: calc(100% + 60px);
 }
@@ -62,7 +62,7 @@
       }
     }
     &:nth-child(even) {
-      background: #181b2d;
+      background: var(--stat-box-bg);
     }
   }
 
diff --git a/frontend/src/app/components/block-filters/block-filters.component.scss b/frontend/src/app/components/block-filters/block-filters.component.scss
index e6da842c0..6dff84706 100644
--- a/frontend/src/app/components/block-filters/block-filters.component.scss
+++ b/frontend/src/app/components/block-filters/block-filters.component.scss
@@ -136,7 +136,7 @@
   :host-context(.block-overview-graph:hover) &, &:hover, &:active {
     .menu-toggle {
       opacity: 0.5;
-      background: #181b2d;
+      background: var(--stat-box-bg);
 
       &:hover {
         opacity: 1;
diff --git a/frontend/src/app/components/block-view/block-view.component.scss b/frontend/src/app/components/block-view/block-view.component.scss
index 782d416d8..746ac654d 100644
--- a/frontend/src/app/components/block-view/block-view.component.scss
+++ b/frontend/src/app/components/block-view/block-view.component.scss
@@ -1,7 +1,7 @@
 .block-wrapper {
   width: 100vw;
   height: 100vh;
-  background: #181b2d;
+  background: var(--stat-box-bg);
 }
 
 .block-container {
diff --git a/frontend/src/app/components/mempool-block-view/mempool-block-view.component.scss b/frontend/src/app/components/mempool-block-view/mempool-block-view.component.scss
index 782d416d8..746ac654d 100644
--- a/frontend/src/app/components/mempool-block-view/mempool-block-view.component.scss
+++ b/frontend/src/app/components/mempool-block-view/mempool-block-view.component.scss
@@ -1,7 +1,7 @@
 .block-wrapper {
   width: 100vw;
   height: 100vh;
-  background: #181b2d;
+  background: var(--stat-box-bg);
 }
 
 .block-container {
diff --git a/frontend/src/app/components/server-health/server-health.component.scss b/frontend/src/app/components/server-health/server-health.component.scss
index 4cba0cd76..bbf94288f 100644
--- a/frontend/src/app/components/server-health/server-health.component.scss
+++ b/frontend/src/app/components/server-health/server-health.component.scss
@@ -12,7 +12,7 @@
     max-width: 720px;
     margin: auto;
     padding: 1em;
-    background: #24273e;
+    background: var(--box-bg);
   }
 
   .status-table {