Replace the Material theme by DiscordFX

2025-09-18 17:48:00 +08:00 · 2022-01-07 18:10:45 +01:00
parent b3a75b3a63
commit a3fa2d4107
24 changed files with 1310 additions and 376 deletions
--- a/templates/discordfx/layout/_master.tmpl
+++ b/templates/discordfx/layout/_master.tmpl
@@ -0,0 +1,68 @@
+{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
+{{!include(/^styles/.*/)}}
+{{!include(/^fonts/.*/)}}
+{{!include(favicon.ico)}}
+{{!include(logo.svg)}}
+{{!include(search-stopwords.json)}}
+<!DOCTYPE html>
+<!--[if IE]><![endif]-->
+<html>
+  
+  {{>partials/head}}
+
+  <body>
+        <div class="top-navbar">
+
+            <a href="javascript:void(0);" class="burger-icon" onclick="toggleMenu()">
+                <svg name="Hamburger" 
+                    style="vertical-align: middle;"
+                    width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M20 6H4V9H20V6ZM4 10.999H20V13.999H4V10.999ZM4 15.999H20V18.999H4V15.999Z"></path></svg>
+            </a>
+
+            {{>partials/logo}}
+
+        </div>
+
+        <div class="body-content">
+
+            <div id="blackout" class="blackout" onclick="toggleMenu()"></div>
+
+            <nav id="sidebar"  role="navigation" >
+
+                <div class="sidebar">
+                    
+                    {{>partials/navbar}}
+
+                    <div class="sidebar-item-separator"></div>
+
+                    {{^_disableToc}}
+                        {{>partials/toc}}
+                    {{/_disableToc}}
+
+                </div>
+
+                {{>partials/footer}}
+
+            </nav>
+
+            <main class="main-panel">
+
+                <div role="main" class="hide-when-search" >
+
+                    {{^_disableBreadcrumb}}
+                        {{>partials/breadcrumb}}
+                    {{/_disableBreadcrumb}}
+
+                    <article class="content wrap" id="_content" data-uid="{{uid}}">
+                      {{!body}}
+                    </article>
+              
+                </div>
+            </main>
+        </div>
+
+        {{>partials/scripts}}
+
+    </body>
+
+</html>