diff --git a/assets/stylesheets/global/_icons.scss b/assets/stylesheets/global/_icons.scss index 3115d481..a5064387 100644 --- a/assets/stylesheets/global/_icons.scss +++ b/assets/stylesheets/global/_icons.scss @@ -23,7 +23,7 @@ %doc-icon-2 { background-image: image-url('docs-2@2x.png') !important; } } -html.dark { +html._theme-dark { %darkIconFix { filter: invert(100%) grayscale(100%); -webkit-filter: invert(100%) grayscale(100%); diff --git a/assets/stylesheets/global/_variables-dark.scss b/assets/stylesheets/global/_variables-dark.scss index 38da9ff0..ca4e83bc 100644 --- a/assets/stylesheets/global/_variables-dark.scss +++ b/assets/stylesheets/global/_variables-dark.scss @@ -1,4 +1,4 @@ -html.dark { +html._theme-dark { --absolute: white; --documentBackground: #222; diff --git a/assets/stylesheets/global/_variables-light.scss b/assets/stylesheets/global/_variables-light.scss index fc302aa6..376204dd 100644 --- a/assets/stylesheets/global/_variables-light.scss +++ b/assets/stylesheets/global/_variables-light.scss @@ -1,4 +1,4 @@ -html:not(.dark) { +html._theme-default { --absolute: black; --documentBackground: #f3f3f3; diff --git a/views/index.erb b/views/index.erb index ce743671..03ace87f 100644 --- a/views/index.erb +++ b/views/index.erb @@ -1,5 +1,5 @@ - prefix="og: http://ogp.me/ns#" lang="en" class="_booting"> + prefix="og: http://ogp.me/ns#" lang="en" class="_booting _theme-<%= app_theme %>"> diff --git a/views/other.erb b/views/other.erb index f8c9eee6..b31d0424 100644 --- a/views/other.erb +++ b/views/other.erb @@ -1,5 +1,5 @@ - +