feat(sifrr-progress-round): add dark theme

sifrr · Apr 26, 2019 · a6989f5 · a6989f5
1 parent 6c6c42c
commit a6989f5
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 20 deletions.
diff --git a/dist/sifrrelements.js b/dist/sifrrelements.js
diff --git a/dist/sifrrelements.min.js b/dist/sifrrelements.min.js
diff --git a/dist/sifrrelements.module.js b/dist/sifrrelements.module.js
diff --git a/elements/sifrr-progress-round/dist/sifrrprogressround.js b/elements/sifrr-progress-round/dist/sifrrprogressround.js
diff --git a/elements/sifrr-progress-round/dist/sifrrprogressround.min.js b/elements/sifrr-progress-round/dist/sifrrprogressround.min.js
diff --git a/elements/sifrr-progress-round/dist/sifrrprogressround.module.js b/elements/sifrr-progress-round/dist/sifrrprogressround.module.js
diff --git a/elements/sifrr-progress-round/src/template.html b/elements/sifrr-progress-round/src/template.html
@@ -37,12 +37,12 @@
 
   .bar {
     clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
-    border: 2px solid #ffffff;
+    border: 2px solid ${this.hasAttribute('dark') ? '#000000' : '#ffffff'};
   }
 
   .circle.over50 .f50-bar {
     clip-path: polygon(50% 0, 100% 0%, 100% 100%, 50% 100%);
-    border: 2px solid #ffffff;
+    border: 2px solid ${this.hasAttribute('dark') ? '#000000' : '#ffffff'};
     box-sizing: border-box;
   }