[F] Fix dark theme logo displaying issue

2019-11-11 22:41:26 -05:00
parent d5f8649b80
commit b11332953c
2 changed files with 10 additions and 5 deletions
@@ -67,17 +67,22 @@
    #nav-logo-text
    {
        // Color
-        -webkit-background-clip: text !important;
-        -webkit-text-fill-color: transparent;
-        color: #6bbeff;
+        color: #6bbeff !important;
        background: linear-gradient(90deg,
                rgba(90,177,239,1) 0%,
-                rgba(25,212,174,1) 100%);
+                rgba(25,212,174,1) 100%) !important;

        // Font
        font-weight: 500;
        font-size: 18px;
    }
+
+    #nav-logo-text.logo-text
+    {
+        // Override the background
+        -webkit-text-fill-color: transparent !important;
+        -webkit-background-clip: text !important;
+    }
 }

 #next-course
@@ -5,7 +5,7 @@

            <div id="nav-title">
                <img id="nav-logo" alt="logo" src="../../assets/logo.png">
-                <span id="nav-logo-text">Veracross Analyzer</span>
+                <span id="nav-logo-text" class="logo-text">Veracross Analyzer</span>
            </div>

            <el-menu-item index="overall">Overall</el-menu-item>