Initial optimization for DocFX render & add missing files

docs/_template/light-dark-theme/partials/affix.tmpl.partial

@@ -6,6 +6,7 @@
       <p>Theme</p>
       <select id="theme-switcher">
         <option value="dark">Dark</option>
+        <option value="gray">Gray</option>
         <option value="light">Light</option>
       </select>
     </div>

docs/_template/light-dark-theme/partials/head.tmpl.partial

@@ -8,14 +8,16 @@
   <meta name="title" content="{{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}| {{_appTitle}} {{/_appTitle}}">
   <meta name="generator" content="docfx {{_docfxVersion}}">
   {{#_description}}<meta name="description" content="{{_description}}">{{/_description}}
+  <link rel="preload" href="{{_rel}}styles/search-worker.js" as="script">
+  <link rel="preload" href="{{_rel}}fonts/glyphicons-halflings-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
   <link rel="shortcut icon" href="{{_rel}}{{{_appFaviconPath}}}{{^_appFaviconPath}}favicon.ico{{/_appFaviconPath}}">
-  <link rel="stylesheet" href="{{_rel}}styles/docfx.vendor.css">
+  <link rel="stylesheet" href="{{_rel}}styles/docfx.vendor.minify.css">
   <link rel="stylesheet" href="{{_rel}}styles/docfx.css">
   <link rel="stylesheet" href="{{_rel}}styles/master.css">
   <link rel="stylesheet" href="{{_rel}}styles/main.css">
   <link rel="stylesheet" href="{{_rel}}styles/theme-switcher.css">
   <link href="https://cdn.rawgit.com/noelboss/featherlight/1.7.6/release/featherlight.min.css" type="text/css" rel="stylesheet" />
-  <meta name="theme-color" content="#101010"/>
+  <meta name="theme-color" content="#99AAB5"/>
   <meta property="docfx:navrel" content="{{_navRel}}">
   <meta property="docfx:tocrel" content="{{_tocRel}}">
   <meta id="docfx-style:rel" content="{{_rel}}">

docs/_template/light-dark-theme/styles/dark.css

@@ -77,6 +77,8 @@ article h4 {
     background-color: #333333;
 }
 
+/* toc */
+
 .toc .nav>li>a {
     color: rgb(218, 218, 218);
 }
@@ -130,22 +132,23 @@ article h4 {
     background: #616161;
 }
 
+/* alert */
 .alert-info {
     color: #d9edf7;
     background: #004458;
-    border-color: #005873
+    border-color: #005873;
 }
 
 .alert-warning {
     color: #fffaf2;
     background: #80551a;
-    border-color: #99661f
+    border-color: #99661f;
 }
 
 .alert-danger {
     color: #fff2f2;
     background: #4d0000;
-    border-color: #660000
+    border-color: #660000;
 }
 
 /* For tabbed content */

docs/_template/light-dark-theme/styles/gray.css

@@ -0,0 +1,311 @@
+/* Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */
+
+@import url('vs2015.css');
+html,
+body {
+    background: #23272A;
+    color: #dddddd;
+}
+
+button,
+a {
+    color: #64B5F6;
+}
+
+.sidenav{
+  background-color: rgb(30, 30, 30);
+}
+
+button:hover,
+button:focus,
+a:hover,
+a:focus,
+.btn:focus,
+.btn:hover{
+    color: #2196F3;
+}
+
+a.disable,
+a.disable:hover {
+    color: #EEEEEE;
+}
+
+.divider {
+    color: #37474F;
+}
+
+hr {
+    border-color: #37474F;
+}
+
+/* top navbar */
+.navbar-inverse[role="navigation"] {
+    background-color: #2C2F33;
+}
+
+/* sub navbar (below top) */
+.subnav {
+    background: #282B2F
+}
+
+
+.inheritance h5,
+.inheritedMembers h5 {
+    border-bottom: 1px solid #37474F;
+}
+
+article h4 {
+    border-bottom: 1px solid #37474F;
+}
+
+.docs-search {
+    background: #424242;
+}
+
+.search-results-group-heading {
+    color: #424242;
+}
+
+.search-close {
+    color: #424242;
+}
+
+.sidetoc {
+    background-color: #1b1b1b;
+    border-left: 0px solid #37474F;
+    border-right: 0px solid #37474F;
+}
+
+.sideaffix {
+    overflow: visible;
+}
+
+.sideaffix>div.contribution>ul>li>a.contribution-link:hover {
+    background-color: #333333;
+}
+
+/* toc */
+
+.toc .nav>li>a {
+    color: rgb(218, 218, 218);
+}
+
+.toc .nav>li>a:hover,
+.toc .nav>li>a:focus {
+    color: #E0E0E0;
+}
+
+.toc .nav>li.active>a {
+    color: #90CAF9;
+}
+
+.toc .nav>li.active>a:hover,
+.toc .nav>li.active>a:focus {
+    background-color: #37474F;
+    color: #4FC3F7;
+}
+
+.sidefilter {
+    background-color: #1b1b1b;
+    border-left: 0px solid #37474F;
+    border-right: 0px solid #37474F;
+}
+
+.affix ul>li>a:hover {
+    background: none;
+    color: #EEEEEE;
+}
+
+.affix ul>li.active>a,
+.affix ul>li.active>a:before {
+    color: #B3E5FC;
+}
+
+.affix ul>li>a {
+    color: #EEEEEE;
+}
+
+.affix>ul>li.active>a,
+.affix>ul>li.active>a:before {
+    color: #B3E5FC;
+}
+
+.tryspan {
+    border-color: #37474F;
+}
+
+.footer {
+    border-top: 1px solid #5F5F5F;
+    background: #2C2F33;
+}
+
+/* alert */
+.alert-info {
+    color: #f3fdff;
+    background: #40788A;
+    border-color: #2F7A95;
+}
+
+.alert-warning {
+    color: #fffaf2;
+    background: #936C36;
+    border-color: #AE8443;
+}
+
+.alert-danger {
+    color: #fff4f4;
+    background: #834040;
+    border-color: #8C2F2F
+}
+
+/* For tabbed content */
+
+.tabGroup {
+    margin-top: 1rem;
+}
+
+.tabGroup ul[role="tablist"] {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.tabGroup ul[role="tablist"]>li {
+    list-style: none;
+    display: inline-block;
+}
+
+.tabGroup a[role="tab"] {
+    color: white;
+    box-sizing: border-box;
+    display: inline-block;
+    padding: 5px 7.5px;
+    text-decoration: none;
+    border-bottom: 2px solid #fff;
+}
+
+.tabGroup a[role="tab"]:hover,
+.tabGroup a[role="tab"]:focus,
+.tabGroup a[role="tab"][aria-selected="true"] {
+    border-bottom: 2px solid #607D8B;
+}
+
+.tabGroup a[role="tab"][aria-selected="true"] {
+    color: #81D4FA;
+}
+
+.tabGroup a[role="tab"]:hover,
+.tabGroup a[role="tab"]:focus {
+    color: #29B6F6;
+}
+
+.tabGroup a[role="tab"]:focus {
+    outline: 1px solid #607D8B;
+    outline-offset: -1px;
+}
+
+@media (min-width: 768px) {
+    .tabGroup a[role="tab"] {
+        padding: 5px 15px;
+    }
+}
+
+.tabGroup section[role="tabpanel"] {
+    border: 1px solid #607D8B;
+    padding: 15px;
+    margin: 0;
+    overflow: hidden;
+}
+
+.tabGroup section[role="tabpanel"]>.codeHeader,
+.tabGroup section[role="tabpanel"]>pre {
+    margin-left: -16px;
+    margin-right: -16px;
+}
+
+.tabGroup section[role="tabpanel"]> :first-child {
+    margin-top: 0;
+}
+
+.tabGroup section[role="tabpanel"]>pre:last-child {
+    display: block;
+    margin-bottom: -16px;
+}
+
+.mainContainer[dir='rtl'] main ul[role="tablist"] {
+    margin: 0;
+}
+
+/* code */
+
+code {
+    color: white;
+    background-color: #5B646B;
+    border-radius: 4px;
+    padding: 3px 7px;
+}
+
+pre {
+    background-color: #282a36;
+}
+
+/* table */
+
+.table-striped>tbody>tr:nth-of-type(odd) {
+    background-color: #333333;
+    color: #d3d3d3
+}
+
+tbody>tr {
+    background-color: #424242;
+    color: #c0c0c0
+}
+
+.table>tbody+tbody {
+    border-top: 2px solid rgb(173, 173, 173)
+}
+
+/* select */
+
+select {
+    background-color: #3b3b3b;
+    border-color: #2e2e2e;
+}
+
+/* 
+    Following code regarding collapse container are fetched 
+    or modified from the Materialize project.
+
+    The MIT License (MIT)
+    Copyright (c) 2014-2018 Materialize
+    https://github.com/Dogfalo/materialize
+*/
+
+/* all collapse container */
+.collapse-container.last-modified {
+    -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.64), 0 3px 1px -2px rgba(50, 50, 50, 0.62), 0 1px 5px 0 rgba(50, 50, 50, 0.7);
+    box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.64), 0 3px 1px -2px rgba(50, 50, 50, 0.62), 0 1px 5px 0 rgba(50, 50, 50, 0.7);
+    border-top: 1px solid rgba(96, 96, 96, 0.7);
+    border-right: 1px solid rgba(96, 96, 96, 0.7);
+    border-left: 1px solid rgba(96, 96, 96, 0.7);
+}
+
+/* header */
+.collapse-container.last-modified>:nth-child(odd) {
+    background-color: #3f3f3f;
+    border-bottom: 1px solid rgba(96, 96, 96, 0.7);
+}
+
+/* body */
+.collapse-container.last-modified>:nth-child(even) {
+    border-bottom: 1px solid rgba(96, 96, 96, 0.7);
+    background-color: inherit;
+}
+
+span.arrow-d{
+    border-top: 5px solid white
+}
+
+span.arrow-r{
+    border-left: 5px solid white
+}

docs/_template/light-dark-theme/styles/light.css

@@ -25,21 +25,21 @@ a {
 
 /* alert */
 .alert-info {
-    color: hsl(200, 70%, 30%);
-    background-color: hsl(200, 60%, 85%);
-    border-color: hsl(200, 50%, 70%);
+    color: #165e82;
+    background-color: #c1e0ef;
+    border-color: #8cbfd8;
 }
 
-.alert-danger {
-    color: hsl(0, 70%, 30%);
-    background-color: hsl(0, 60%, 85%);
-    border-color: hsl(0, 50%, 70%);
+.alert-warning {
+    color: #825e16;
+    background-color: #efe0c1;
+    border-color: #d8bf8c;
 }
 
-.alert-warning {
-    color: hsl(40, 70%, 30%);
-    background-color: hsl(40, 60%, 85%);
-    border-color: hsl(40, 50%, 70%);
+.alert-danger {
+    color: #821616;
+    background-color: #efc1c1;
+    border-color: #d88c8c;
 }
 
 /* code */

docs/_template/light-dark-theme/styles/master.css

@@ -6,6 +6,7 @@ body {
     font-display: optional;
     height: 100%;
     font-size: 15px;
+    scroll-behavior: smooth;
 }
 
 p,