styles

docs/_template/discordfx/partials/li.tmpl.partial

@@ -11,7 +11,7 @@
             <a href="{{topicHref}}" class="sidebar-item" name="{{tocHref}}" title="{{name}}">{{name}}</a>
           {{/topicHref}}
           {{^topicHref}}
-            <a>{{{name}}}</a>
+            <a class="sidebar-item">{{{name}}}</a>
           {{/topicHref}}
         
         {{^leaf}}

docs/_template/discordfx/partials/logo.tmpl.partial

@@ -2,5 +2,5 @@
 
 <a class="brand" href="{{_rel}}index.html">
   <img src="{{_rel}}{{{_appLogoPath}}}{{^_appLogoPath}}logo.svg{{/_appLogoPath}}" alt="{{_appName}}" class="logomark">
-  <span class="brand-title">{{_appName}}</span>
+  <span class="brand-title">{{_appTitle}}</span>
 </a>

docs/_template/discordfx/styles/colors.css

@@ -14,8 +14,8 @@
     --link-color: #00b0f4;
     --link-hover-color: #4bd5ff;
     --link-active-color: #fff;
-    --link-active-bg-color: #7289da;
-    --h3-color: #ffffff85;
+    --link-active-bg-color: rgb(88, 101, 242);
+    --h3-color: #ffffffeb;
     --h4-color: #ffffffeb;
     --h5-color: #ffffffd1;
     
@@ -47,8 +47,8 @@
     --alert-danger-border-color: rgba(240,71,71,.5);
     --alert-danger-bg-color: rgba(240,71,71,.1);
 
-    --alert-tip-border-color: rgba(255,255,255,.5);
-    --alert-tip-bg-color: rgba(255,255,255,.1);
+    --alert-tip-border-color: rgba(88,101,242,.5);
+    --alert-tip-bg-color: rgba(88,101,242,.1);
 
     --blockquote-border-color: rgba(255,255,255,.5);
     --blockquote-bg-color: rgba(255,255,255,.1);

docs/_template/discordfx/styles/discord.css

@@ -1,5 +1,39 @@
+/* Commit message styles: TODO */
+
+
 /* Discord Style */
 
+.content {
+    padding-bottom: 1rem;
+}
+
+input[type=text]:focus-visible{
+    outline: #f6f6f78f solid 0.5px;
+}
+
+input[type=text]::placeholder {
+    color: #f6f6f7;
+}
+
+input[type=text] {
+    width: 100%;
+    background-color: #2f3136;
+    border: 1px solid #040405;
+    border-radius: 3px;
+    color: #f6f6f7;
+    font-size: 1rem;
+    padding: 0.25rem 0.5rem;
+}
+
+li.hide {
+    display: none;
+}
+
+div[role=main] {
+    max-width: 1440px;
+    width: 100%;
+}
+
 ::-webkit-scrollbar {
     width: 10px;
 }
@@ -142,8 +176,13 @@ a.anchorjs-link:hover {
     text-decoration: none;
 }
 
+.inner-sidebar-item {
+    margin-left: 0 !important;
+    padding-left: 16px !important;
+}
+
 a.active, a:active
-{
+{   
     color: var(--link-active-color);
 }
 
@@ -206,6 +245,7 @@ h1:first-child
 
 a.sidebar-item:hover, a.sidebar-item:focus 
 {
+    cursor: pointer;
     color: var(--link-active-color);
     text-decoration: none;
 }
@@ -246,6 +286,9 @@ span.sidebar-item
 
 .main-panel
 {
+    position: relative;
+    display: flex;
+    justify-content: center;
     background-color: var(--main-bg-color);
     flex: 1;
     overflow-y: auto;
@@ -293,7 +336,8 @@ span.sidebar-item
 .brand-title
 {
     padding: 0 .5em;
-    font-size: .9em;
+    font-size: .1.1rem;
+    font-weight: 500;
     color: var(--link-active-color);
 }
 

docs/docfx.json

@@ -48,9 +48,15 @@
     "dest": "_site",
     "template": [
       "default",
+      "_template/last-modified",
+      "_template/description-generator",
       "_template/discordfx"
     ],
-    
+    "postProcessors": [
+      "ExtractSearchIndex",
+      "LastModifiedPostProcessor",
+      "DescriptionPostProcessor"
+    ],
     "overwrite": "_overwrites/**/**.md",
     "globalMetadata": {
       "_appTitle": "Discord.Net Documentation",