3 files changed, 32 insertions, 32 deletions
diff --git a/FrontEnd/src/views/common/button/Button.css b/FrontEnd/src/views/common/button/Button.css
index b6df222f..8b5b74a7 100644
--- a/FrontEnd/src/views/common/button/Button.css
+++ b/FrontEnd/src/views/common/button/Button.css
@@ -8,65 +8,65 @@
 }
 
 .cru-button.primary {
-  background-color: var(--tl-primary-color);
+  background-color: var(--cru-primary-color);
 }
 
 .cru-button.primary:hover {
-  background-color: var(--tl-primary-f1-color);
+  background-color: var(--cru-primary-f1-color);
 }
 
 .cru-button.primary:active {
-  background-color: var(--tl-primary-f2-color);
+  background-color: var(--cru-primary-f2-color);
 }
 
 .cru-button.primary.disabled {
-  background-color: var(--tl-primary-f3-color);
+  background-color: var(--cru-primary-f3-color);
 }
 
 .cru-button.secondary {
-  background-color: var(--tl-secondary-color);
+  background-color: var(--cru-secondary-color);
 }
 
 .cru-button.secondary:hover {
-  background-color: var(--tl-secondary-f1-color);
+  background-color: var(--cru-secondary-f1-color);
 }
 
 .cru-button.secondary:active {
-  background-color: var(--tl-secondary-f2-color);
+  background-color: var(--cru-secondary-f2-color);
 }
 
 .cru-button.secondary.disabled {
-  background-color: var(--tl-secondary-f3-color);
+  background-color: var(--cru-secondary-f3-color);
 }
 
 .cru-button.success {
-  background-color: var(--tl-success-color);
+  background-color: var(--cru-success-color);
 }
 
 .cru-button.success:hover {
-  background-color: var(--tl-success-f1-color);
+  background-color: var(--cru-success-f1-color);
 }
 
 .cru-button.success:active {
-  background-color: var(--tl-success-f2-color);
+  background-color: var(--cru-success-f2-color);
 }
 
 .cru-button.success.disabled {
-  background-color: var(--tl-success-f3-color);
+  background-color: var(--cru-success-f3-color);
 }
 
 .cru-button.danger {
-  background-color: var(--tl-danger-color);
+  background-color: var(--cru-danger-color);
 }
 
 .cru-button.danger:hover {
-  background-color: var(--tl-danger-f1-color);
+  background-color: var(--cru-danger-f1-color);
 }
 
 .cru-button.danger:active {
-  background-color: var(--tl-danger-f2-color);
+  background-color: var(--cru-danger-f2-color);
 }
 
 .cru-button.danger.disabled {
-  background-color: var(--tl-danger-f3-color);
+  background-color: var(--cru-danger-f3-color);
 }
diff --git a/FrontEnd/src/views/common/button/FlatButton.css b/FrontEnd/src/views/common/button/FlatButton.css
index c3c0dbb3..986fb061 100644
--- a/FrontEnd/src/views/common/button/FlatButton.css
+++ b/FrontEnd/src/views/common/button/FlatButton.css
@@ -16,33 +16,33 @@
 }
 
 .cru-flat-button.primary {
-  color: var(--tl-primary-color);
+  color: var(--cru-primary-color);
 }
 
 .cru-flat-button.primary.disabled {
-  color: var(--tl-primary-l1-color);
+  color: var(--cru-primary-l1-color);
 }
 
 .cru-flat-button.secondary {
-  color: var(--tl-secondary-color);
+  color: var(--cru-secondary-color);
 }
 
 .cru-flat-button.secondary.disabled {
-  color: var(--tl-secondary-l1-color);
+  color: var(--cru-secondary-l1-color);
 }
 
 .cru-flat-button.success {
-  color: var(--tl-success-color);
+  color: var(--cru-success-color);
 }
 
 .cru-flat-button.success.disabled {
-  color: var(--tl-success-l1-color);
+  color: var(--cru-success-l1-color);
 }
 
 .cru-flat-button.danger {
-  color: var(--tl-danger-color);
+  color: var(--cru-danger-color);
 }
 
 .cru-flat-button.danger.disabled {
-  color: var(--tl-danger-l1-color);
+  color: var(--cru-danger-l1-color);
 }
diff --git a/FrontEnd/src/views/common/button/TextButton.css b/FrontEnd/src/views/common/button/TextButton.css
index d267fb38..f5c8aefa 100644
--- a/FrontEnd/src/views/common/button/TextButton.css
+++ b/FrontEnd/src/views/common/button/TextButton.css
@@ -4,33 +4,33 @@
 }
 
 .cru-text-button.primary {
-  color: var(--tl-primary-color);
+  color: var(--cru-primary-color);
 }
 
 .cru-text-button.primary:hover {
-  color: var(--tl-primary-l1-color);
+  color: var(--cru-primary-l1-color);
 }
 
 .cru-text-button.secondary {
-  color: var(--tl-secondary-color);
+  color: var(--cru-secondary-color);
 }
 
 .cru-text-button.secondary:hover {
-  color: var(--tl-secondary-l1-color);
+  color: var(--cru-secondary-l1-color);
 }
 
 .cru-text-button.success {
-  color: var(--tl-success-color);
+  color: var(--cru-success-color);
 }
 
 .cru-text-button.success:hover {
-  color: var(--tl-success-l1-color);
+  color: var(--cru-success-l1-color);
 }
 
 .cru-text-button.danger {
-  color: var(--tl-danger-color);
+  color: var(--cru-danger-color);
 }
 
 .cru-text-button.danger:hover {
-  color: var(--tl-danger-l1-color);
+  color: var(--cru-danger-l1-color);
 }