diff --git a/demo-shell/src/app/components/datatable/datatable.component.scss b/demo-shell/src/app/components/datatable/datatable.component.scss
index cc47d9f49b..b271a061a2 100644
--- a/demo-shell/src/app/components/datatable/datatable.component.scss
+++ b/demo-shell/src/app/components/datatable/datatable.component.scss
@@ -8,6 +8,6 @@
     }
 
     &-custom-user-header {
-        color: red;
+        color: var(--theme-warn-color);
     }
 }
diff --git a/demo-shell/src/app/components/files/files.component.scss b/demo-shell/src/app/components/files/files.component.scss
index dd4e19d808..2db1b45869 100644
--- a/demo-shell/src/app/components/files/files.component.scss
+++ b/demo-shell/src/app/components/files/files.component.scss
@@ -17,7 +17,7 @@
 }
 
 .app-error-message--text {
-    color: #d50000;
+    color: var(--theme-warn-color);
 }
 
 .app-document-list-container {
diff --git a/demo-shell/src/app/components/log/log.component.css b/demo-shell/src/app/components/log/log.component.css
index d44834a91c..6d494ee66e 100644
--- a/demo-shell/src/app/components/log/log.component.css
+++ b/demo-shell/src/app/components/log/log.component.css
@@ -19,9 +19,9 @@
 }
 
 .log-ERROR {
-    color: red;
+    color: var(--theme-warn-color);
 }
 
 .log-WARN {
-    color: yellow;
+    color: var(--theme-accent-color);
 }
diff --git a/demo-shell/src/app/components/process-list-demo/process-list-demo.component.scss b/demo-shell/src/app/components/process-list-demo/process-list-demo.component.scss
index 59c3e10d16..f2f19d5641 100644
--- a/demo-shell/src/app/components/process-list-demo/process-list-demo.component.scss
+++ b/demo-shell/src/app/components/process-list-demo/process-list-demo.component.scss
@@ -15,6 +15,6 @@
 }
 
 .app-process-list-error-message {
-    color: red;
+    color: var(--theme-warn-color);
     text-align: center;
 }
diff --git a/demo-shell/src/app/components/task-list-demo/task-list-demo.component.scss b/demo-shell/src/app/components/task-list-demo/task-list-demo.component.scss
index 4175004a21..88ebd7425c 100644
--- a/demo-shell/src/app/components/task-list-demo/task-list-demo.component.scss
+++ b/demo-shell/src/app/components/task-list-demo/task-list-demo.component.scss
@@ -15,6 +15,6 @@
 }
 
 .app-task-list-demo-error-message {
-    color: red;
+    color: var(--theme-warn-color);
     text-align: center;
 }
diff --git a/lib/insights/src/lib/analytics-process/components/widgets/dropdown/dropdown.widget.scss b/lib/insights/src/lib/analytics-process/components/widgets/dropdown/dropdown.widget.scss
index 09093d76eb..d50fca86ea 100644
--- a/lib/insights/src/lib/analytics-process/components/widgets/dropdown/dropdown.widget.scss
+++ b/lib/insights/src/lib/analytics-process/components/widgets/dropdown/dropdown.widget.scss
@@ -7,13 +7,13 @@
 }
 
 .adf-dropdown-widget__invalid .adf-dropdown-widget__select {
-    border-color: #d50000;
+    border-color: var(--theme-warn-color);
 }
 
 .adf-dropdown-widget__invalid .adf-dropdown-widget__label {
-    color: #d50000;
+    color: var(--theme-warn-color);
 }
 
 .adf-dropdown-widget__invalid .adf-dropdown-widget__label::after {
-    background-color: #d50000;
+    background-color: var(--theme-warn-color);
 }