Prep for theme switcher

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

@@ -0,0 +1,197 @@
+/* Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */
+@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
+html,
+body {
+  font-family: 'Titillium Web', 'Segoe UI', Tahoma, Helvetica, sans-serif;
+  height: 100%;
+  color: #212121;
+  background: #C0C0C0;
+  font-size: 15px;  
+}
+button,
+a {
+  color: #64B5F6;
+}
+button:hover,
+button:focus,
+a:hover,
+a:focus {
+  color: #2196F3;
+}
+a.disable,
+a.disable:hover {
+  color: #EEEEEE;
+}
+.divider {
+  color: #37474F;
+}
+hr {
+  border-color: #37474F;
+}
+header .navbar {
+  border-width: 0 0 0px;
+  border-radius: 0;
+}
+.subnav {
+  background: #383838
+}
+
+.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;
+}
+
+body .toc{
+  background-color: inherit;
+  overflow: visible;
+}
+
+.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 {
+  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: #616161;
+}
+
+.alert-info {
+    color: #d9edf7;
+    background: #004458;
+    border-color: #005873
+}
+.alert-warning {
+  color: #fffaf2;
+  background: #80551a;
+  border-color: #99661f
+}
+.alert-danger {
+  color: #fff2f2;
+  background: #4d0000;
+  border-color: #660000
+}
+
+/* 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:#4a4c52;
+  border-radius:4px
+}
+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)
+}

docs/docfx.json

@@ -54,7 +54,7 @@
       "dest":"_site",
       "template":[
          "default",
-		 "_template/dark"
+		 "_template/light-dark-theme"
       ],
 	  "overwrite": "_overwrites/**/**.md",
       "globalMetadata":{