From aed0d4e9d52d3982dc25d52152d8127a62ea6523 Mon Sep 17 00:00:00 2001
From: Tunghsiao Liu <t@sparanoid.com>
Date: Tue, 1 Mar 2016 18:20:29 +0800
Subject: [PATCH] fix(styles): error page not shown correct in Chrome (possibly
 browser bug)

---
 .../themes/curtana/includes/css-variables.html        | 11 +++++++++++
 _app/assets/themes/curtana/_less/mixins.less          |  3 ---
 _app/assets/themes/curtana/_less/reset.less           |  4 ++++
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/_app/_includes/themes/curtana/includes/css-variables.html b/_app/_includes/themes/curtana/includes/css-variables.html
index 04cf6a70d..1cf77e5ca 100644
--- 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
index e99d1906d..b1c87dba0 100644
--- 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
index 215536583..ec2bd6afa 100644
--- 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 {