feat(themes): add x-ray theme

blockchain · Sep 26, 2016 · b199892 · b199892
1 parent 73ffd14
commit b199892
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/assets/css/themes/_filters.scss b/assets/css/themes/_filters.scss
@@ -5,3 +5,11 @@ body.inverted-theme {
   -o-filter: invert(100%);
   filter: invert(100%);
 }
+
+body.x-ray {
+  -webkit-filter: grayscale(100%) invert(100%);
+  -moz-filter: grayscale(100%) invert(100%);
+  -ms-filter: grayscale(100%) invert(100%);
+  -o-filter: grayscale(100%) invert(100%);
+  filter: grayscale(100%) invert(100%);
+}
diff --git a/assets/js/services/theme.service.js b/assets/js/services/theme.service.js
@@ -19,6 +19,11 @@ function theme () {
       'name': 'inverted',
       'class': 'inverted-theme',
       'display-name': 'Invert Colors'
+    },
+    {
+      'name': 'x-ray',
+      'class': 'x-ray',
+      'display-name': 'X-Ray'
     }
   ];