From fb555f85dfa6bdc93a06060a90a527bf8dcac917 Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Fri, 30 Aug 2019 12:11:08 +0300
Subject: [PATCH] Fix splash effect transition

---
 src/docs/styles/_layout.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/docs/styles/_layout.scss b/src/docs/styles/_layout.scss
index a3cd2f771..9707f6616 100644
--- a/src/docs/styles/_layout.scss
+++ b/src/docs/styles/_layout.scss
@@ -104,6 +104,7 @@ img.website-logo {
     z-index: -1;
   }
   &::after {
+    transition: 0.3s ease all;
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M12 0l12 12H0z' fill='%23f2f3f8'/%3E%3C/svg%3E");
     background-size: 24px 24px;
     width: 100%;
@@ -116,6 +117,11 @@ img.website-logo {
     width: calc(100vw - 62px);
   }
 }
+.page-container.dark { 
+  .splash::after {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M12 0l12 12H0z' fill='%232A314C'/%3E%3C/svg%3E");
+  }
+}
 .splash-container {
   max-width: 64rem;
   padding: 0 2%;