From 746939cc5a947f41baf275c28d1fa0ecfccf9422 Mon Sep 17 00:00:00 2001 From: Hsu Still <341464@gmail.com> Date: Fri, 6 Apr 2018 16:01:15 +0800 Subject: [PATCH] Prep for theme switcher --- .../partials/head.tmpl.partial | 0 .../partials/scripts.tmpl.partial | 0 .../styles/dark.css | 0 .../styles/dracula.css | 0 .../light-dark-theme/styles/light.css | 197 ++++++++++++++++++ .../styles/plugin-featherlight.js | 0 docs/docfx.json | 2 +- 7 files changed, 198 insertions(+), 1 deletion(-) rename docs/_template/{dark => light-dark-theme}/partials/head.tmpl.partial (100%) rename docs/_template/{dark => light-dark-theme}/partials/scripts.tmpl.partial (100%) rename docs/_template/{dark => light-dark-theme}/styles/dark.css (100%) rename docs/_template/{dark => light-dark-theme}/styles/dracula.css (100%) create mode 100644 docs/_template/light-dark-theme/styles/light.css rename docs/_template/{dark => light-dark-theme}/styles/plugin-featherlight.js (100%) diff --git a/docs/_template/dark/partials/head.tmpl.partial b/docs/_template/light-dark-theme/partials/head.tmpl.partial similarity index 100% rename from docs/_template/dark/partials/head.tmpl.partial rename to docs/_template/light-dark-theme/partials/head.tmpl.partial diff --git a/docs/_template/dark/partials/scripts.tmpl.partial b/docs/_template/light-dark-theme/partials/scripts.tmpl.partial similarity index 100% rename from docs/_template/dark/partials/scripts.tmpl.partial rename to docs/_template/light-dark-theme/partials/scripts.tmpl.partial diff --git a/docs/_template/dark/styles/dark.css b/docs/_template/light-dark-theme/styles/dark.css similarity index 100% rename from docs/_template/dark/styles/dark.css rename to docs/_template/light-dark-theme/styles/dark.css diff --git a/docs/_template/dark/styles/dracula.css b/docs/_template/light-dark-theme/styles/dracula.css similarity index 100% rename from docs/_template/dark/styles/dracula.css rename to docs/_template/light-dark-theme/styles/dracula.css diff --git a/docs/_template/light-dark-theme/styles/light.css b/docs/_template/light-dark-theme/styles/light.css new file mode 100644 index 000000000..3ccf50e2a --- /dev/null +++ b/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) +} diff --git a/docs/_template/dark/styles/plugin-featherlight.js b/docs/_template/light-dark-theme/styles/plugin-featherlight.js similarity index 100% rename from docs/_template/dark/styles/plugin-featherlight.js rename to docs/_template/light-dark-theme/styles/plugin-featherlight.js diff --git a/docs/docfx.json b/docs/docfx.json index e84beb166..42cbd56c1 100644 --- a/docs/docfx.json +++ b/docs/docfx.json @@ -54,7 +54,7 @@ "dest":"_site", "template":[ "default", - "_template/dark" + "_template/light-dark-theme" ], "overwrite": "_overwrites/**/**.md", "globalMetadata":{