fix(styles): error page not shown correct in Chrome (possibly browser…

… bug)
sparanoid · Mar 1, 2016 · aed0d4e · aed0d4e
1 parent 784112b
commit aed0d4e
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/_app/_includes/themes/curtana/includes/css-variables.html b/_app/_includes/themes/curtana/includes/css-variables.html
@@ -10,6 +10,17 @@
 
 <!-- Post specified styles -->
 <style data-assets-inline>
+  /*
+  TODO: You have to speicify background color for `html` in order to make `-webkit-filter` work
+  Link: https://bugs.chromium.org/p/chromium/issues/detail?id=591015
+  Date: Mar 1, 2016, 5:41 PM
+   */
+  html {
+    {% if page.scheme-bg %}
+    background-color: {{ page.scheme-bg }};
+    {% endif %}
+  }
+
   body {
     {% if page.scheme-text %}
     color: {{ page.scheme-text }};

diff --git a/_app/assets/themes/curtana/_less/mixins.less b/_app/assets/themes/curtana/_less/mixins.less
@@ -2,9 +2,6 @@
 // Mixins
 // --------------------------------------------------
 
-// Invert color switcher for images and videos
-// :root { filter: invert(100%); }
-
 // http://nicolasgallagher.com/micro-clearfix-hack/
 .cf {
 

diff --git a/_app/assets/themes/curtana/_less/reset.less b/_app/assets/themes/curtana/_less/reset.less
@@ -15,6 +15,10 @@ html {
   text-size-adjust: none;
   text-rendering: optimizelegibility;
   image-rendering: optimizequality;
+  // TODO: You have to speicify background color for `html` in order to make `-webkit-filter` work
+  // Link: https://bugs.chromium.org/p/chromium/issues/detail?id=591015
+  // Date: Mar 1, 2016, 5:41 PM
+  background: @background-color;
 }
 
 body {