diff --git a/lib/core/src/lib/about/about-extension-list/about-extension-list.component.scss b/lib/core/src/lib/about/about-extension-list/about-extension-list.component.scss
index 8848418906..77d940fa71 100644
--- a/lib/core/src/lib/about/about-extension-list/about-extension-list.component.scss
+++ b/lib/core/src/lib/about/about-extension-list/about-extension-list.component.scss
@@ -5,7 +5,6 @@ mat-cell {
 
 mat-table {
     width: 100%;
-    font-family: "Open Sans";
 }
 
 mat-row {
@@ -37,7 +36,7 @@ mat-cell {
 .app-extension-list-row {
     margin: 24px 24px 24px 24px;
     width: 95%;
-    border: 1px solid rgba(33, 33, 33, 0.12);
+    border: 1px solid var(--theme-header-vertical-color);
     border-radius: 12px;
 }
 
@@ -72,7 +71,7 @@ mat-cell {
 }
 
 .app-extension-list-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
     padding-left: -1px;
     padding-right: 1px;
 }
@@ -103,5 +102,5 @@ mat-cell {
 }
 
 .app-mat-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
 }
diff --git a/lib/core/src/lib/about/about-github-link/about-github-link.component.scss b/lib/core/src/lib/about/about-github-link/about-github-link.component.scss
index 7f8e50d807..99212e8e61 100644
--- a/lib/core/src/lib/about/about-github-link/about-github-link.component.scss
+++ b/lib/core/src/lib/about/about-github-link/about-github-link.component.scss
@@ -8,7 +8,7 @@
 .app-github-link-row {
     margin: 24px 24px 24px 24px;
     width: 95%;
-    border: 1px solid rgba(33, 33, 33, 0.12);
+    border: 1px solid var(--theme-header-vertical-color);
     border-radius: 12px;
 }
 
@@ -43,7 +43,7 @@
 }
 
 .app-github-link-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
     padding-left: -1px;
     padding-right: 1px;
 }
@@ -74,5 +74,5 @@
 }
 
 .app-mat-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
 }
diff --git a/lib/core/src/lib/about/about-license-list/about-license-list.component.scss b/lib/core/src/lib/about/about-license-list/about-license-list.component.scss
index 1170803de2..f6235a2677 100644
--- a/lib/core/src/lib/about/about-license-list/about-license-list.component.scss
+++ b/lib/core/src/lib/about/about-license-list/about-license-list.component.scss
@@ -5,7 +5,6 @@ mat-cell {
 
 mat-table {
     width: 100%;
-    font-family: "Open Sans";
 }
 
 mat-row {
@@ -37,7 +36,7 @@ mat-cell {
 .app-license-list-row {
     margin: 24px 24px 24px 24px;
     width: 95%;
-    border: 1px solid rgba(33, 33, 33, 0.12);
+    border: 1px solid var(--theme-header-vertical-color);
     border-radius: 12px;
 }
 
@@ -72,7 +71,7 @@ mat-cell {
 }
 
 .app-license-list-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-grey-border-color);
     padding-left: -1px;
     padding-right: 1px;
 }
@@ -103,5 +102,5 @@ mat-cell {
 }
 
 .app-mat-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-grey-border-color);
 }
diff --git a/lib/core/src/lib/about/about-module-list/module-list.component.scss b/lib/core/src/lib/about/about-module-list/module-list.component.scss
index ed952e1f23..7f00e0bb4c 100644
--- a/lib/core/src/lib/about/about-module-list/module-list.component.scss
+++ b/lib/core/src/lib/about/about-module-list/module-list.component.scss
@@ -5,7 +5,6 @@ mat-cell {
 
 mat-table {
     width: 100%;
-    font-family: "Open Sans";
 }
 
 mat-row {
@@ -37,7 +36,7 @@ mat-cell {
 .app-module-list-row {
     margin: 24px 24px 24px 24px;
     width: 95%;
-    border: 1px solid rgba(33, 33, 33, 0.12);
+    border: 1px solid var(--theme-header-vertical-color);
     border-radius: 12px;
 }
 
@@ -72,7 +71,7 @@ mat-cell {
 }
 
 .app-module-list-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
     padding-left: -1px;
     padding-right: 1px;
 }
@@ -103,5 +102,5 @@ mat-cell {
 }
 
 .app-mat-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
 }
diff --git a/lib/core/src/lib/about/about-package/package-list.component.scss b/lib/core/src/lib/about/about-package/package-list.component.scss
index 939aaac5c5..9c2bb1fead 100644
--- a/lib/core/src/lib/about/about-package/package-list.component.scss
+++ b/lib/core/src/lib/about/about-package/package-list.component.scss
@@ -5,7 +5,6 @@ mat-cell {
 
 mat-table {
     width: 100%;
-    font-family: "Open Sans";
 }
 
 mat-row {
@@ -37,7 +36,7 @@ mat-cell {
 .app-package-list-row {
     margin: 24px 24px 24px 24px;
     width: 95%;
-    border: 1px solid rgba(33, 33, 33, 0.12);
+    border: 1px solid var(--theme-header-vertical-color);
     border-radius: 12px;
 }
 
@@ -72,7 +71,7 @@ mat-cell {
 }
 
 .app-package-list-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
     padding-left: -1px;
     padding-right: 1px;
 }
@@ -103,5 +102,5 @@ mat-cell {
 }
 
 .app-mat-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
 }
diff --git a/lib/core/src/lib/about/about-platform-version/about-platform-version.component.scss b/lib/core/src/lib/about/about-platform-version/about-platform-version.component.scss
index 7f2b47b5c7..c3c3b887bd 100644
--- a/lib/core/src/lib/about/about-platform-version/about-platform-version.component.scss
+++ b/lib/core/src/lib/about/about-platform-version/about-platform-version.component.scss
@@ -8,7 +8,7 @@
 .app-platform-version-row {
     margin: 24px 24px 24px 24px;
     width: 95%;
-    border: 1px solid rgba(33, 33, 33, 0.12);
+    border: 1px solid var(--theme-header-vertical-color);
     border-radius: 12px;
 }
 
@@ -42,7 +42,7 @@
 }
 
 .app-platform-version-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
     padding-left: -1px;
     padding-right: 1px;
 }
@@ -73,5 +73,5 @@
 }
 
 .app-mat-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
 }
diff --git a/lib/core/src/lib/about/about-server-settings/about-server-settings.component.scss b/lib/core/src/lib/about/about-server-settings/about-server-settings.component.scss
index 3a64e44284..58986e21b3 100644
--- a/lib/core/src/lib/about/about-server-settings/about-server-settings.component.scss
+++ b/lib/core/src/lib/about/about-server-settings/about-server-settings.component.scss
@@ -8,7 +8,7 @@
 .app-server-settings-row {
     margin: 24px 24px 24px 24px;
     width: 95%;
-    border: 1px solid rgba(33, 33, 33, 0.12);
+    border: 1px solid var(--theme-header-vertical-color);
     border-radius: 12px;
 }
 
@@ -42,7 +42,7 @@
 }
 
 .app-server-settings-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
     padding-left: -1px;
     padding-right: 1px;
 }
@@ -73,5 +73,5 @@
 }
 
 .app-mat-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
 }
diff --git a/lib/core/src/lib/about/about-status-list/about-status-list.component.scss b/lib/core/src/lib/about/about-status-list/about-status-list.component.scss
index f1d3289628..34b3f7a5f7 100644
--- a/lib/core/src/lib/about/about-status-list/about-status-list.component.scss
+++ b/lib/core/src/lib/about/about-status-list/about-status-list.component.scss
@@ -5,7 +5,6 @@ mat-cell {
 
 mat-table {
     width: 100%;
-    font-family: "Open Sans";
 }
 
 mat-row {
@@ -37,7 +36,7 @@ mat-cell {
 .app-status-list-row {
     margin: 24px 24px 24px 24px;
     width: 95%;
-    border: 1px solid rgba(33, 33, 33, 0.12);
+    border: 1px solid var(--theme-header-vertical-color);
     border-radius: 12px;
 }
 
@@ -72,7 +71,7 @@ mat-cell {
 }
 
 .app-status-list-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
     padding-left: -1px;
     padding-right: 1px;
 }
@@ -103,5 +102,5 @@ mat-cell {
 }
 
 .app-mat-divider {
-    color: rgba(33, 33, 33, 0.12);
+    color: var(--theme-header-vertical-color);
 }
diff --git a/lib/core/src/lib/about/about.component.scss b/lib/core/src/lib/about/about.component.scss
index 122978442c..33eccce2cc 100644
--- a/lib/core/src/lib/about/about.component.scss
+++ b/lib/core/src/lib/about/about.component.scss
@@ -1,7 +1,6 @@
 adf-about {
     .adf-about-container {
-        background-color: white;
-        border-top: 1px solid rgba(33, 33, 33, 0.12) !important;
+        background-color: var(--theme-white-color);
     }
 
     header {