Inverted social icons in night theme (#2209)

forem · Mar 26, 2019 · cfd61b3 · cfd61b3
1 parent a936aff
commit cfd61b3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/app/assets/stylesheets/articles.scss b/app/assets/stylesheets/articles.scss
@@ -1348,6 +1348,8 @@
         border: none;
         padding-left: 12px;
         margin-right: 3px;
+        filter: invert(0);
+        filter: var(--theme-social-icon-invert, invert(0));
       }
       .row {
         position: relative;

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -101,7 +101,8 @@
           --theme-gradient-background: linear-gradient(to right, #293d56 8%, #282833 18%, #293d56 33%);\
           --theme-container-color: #fff;\
           --theme-container-box-shadow: none;\
-          --theme-container-border: 1px solid #141d26;</style>'
+          --theme-container-border: 1px solid #141d26;\
+          --theme-social-icon-invert: invert(100)</style>'
       }
     } catch(e) {
         console.log(e)