diff --git a/src/components/button/button.scss b/src/components/button/button.scss
index 73beb06430..4b8f1a7c5d 100644
--- a/src/components/button/button.scss
+++ b/src/components/button/button.scss
@@ -54,10 +54,13 @@ button {
 
     :host(limel-button[primary]) & {
         &:not(:disabled) {
-            color: var(--mdc-theme-on-primary, rgb(var(--color-white)));
+            color: var(
+                --lime-on-primary-color,
+                var(--mdc-theme-on-primary, rgb(var(--color-white)))
+            );
             background-color: var(
-                --mdc-theme-primary,
-                rgb(var(--color-teal-default))
+                --lime-primary-color,
+                var(--mdc-theme-primary, rgb(var(--color-teal-default)))
             );
         }
         &:disabled {
@@ -67,7 +70,10 @@ button {
 
     :host(limel-button:not([primary])) & {
         &:not(:disabled) {
-            color: var(--mdc-theme-primary, rgb(var(--color-teal-default)));
+            color: var(
+                --lime-primary-color,
+                var(--mdc-theme-primary, rgb(var(--color-teal-default)))
+            );
         }
         &:disabled {
             color: rgba(var(--contrast-1600), 0.37);
@@ -141,7 +147,7 @@ svg {
 
 .outlined {
     border: 1px solid;
-    border-color: var(--mdc-theme-primary);
+    border-color: var(--lime-primary-color, var(--mdc-theme-primary));
 }
 
 @keyframes shake {
diff --git a/src/components/linear-progress/linear-progress.scss b/src/components/linear-progress/linear-progress.scss
index f5fda2dfd9..3fb1244d08 100644
--- a/src/components/linear-progress/linear-progress.scss
+++ b/src/components/linear-progress/linear-progress.scss
@@ -20,7 +20,7 @@
     width: var(--percentage, 0%);
 
     border-radius: 0.25rem;
-    background-color: var(--mdc-theme-primary);
+    background-color: var(--lime-primary-color, var(--mdc-theme-primary));
 }
 
 :host(limel-linear-progress[indeterminate]) {
@@ -37,7 +37,10 @@
             height: 100%;
             border-radius: 0.25rem;
             opacity: 0;
-            background-color: var(--mdc-theme-primary);
+            background-color: var(
+                --lime-primary-color,
+                var(--mdc-theme-primary)
+            );
         }
 
         &:before {