add color variables in component

livresaber · Oct 18, 2024 · 5c9dd10 · 5c9dd10
1 parent 49b0341
commit 5c9dd10
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/projects/darkmode-angular/src/lib/darkmode-angular.component.scss b/projects/darkmode-angular/src/lib/darkmode-angular.component.scss
@@ -1,5 +1,11 @@
+body {
+--darkmode-color-primary: #dd0031;
+--darkmode-color-secondary: #34495e;
+}
+
+
 .btn-mode {
-  background: var(--color-primary);
+  background: var(--darkmode-color-primary);
   color: #fff;
   padding: 1rem;
   border-radius: 50px;

diff --git a/src/styles.scss b/src/styles.scss
@@ -8,8 +8,6 @@ body {
   font-family: Arial;
   color: var(--color-text);
   background: var(--color-background);
-  --color-primary: #dd0031;
-  --color-secondary: #34495e;
 }
 
 body.lightmode {