diff --git a/docs/_template/bootstrap-modal/plugins/DocFx.Plugin.ImageProcessor.dll b/docs/_template/bootstrap-modal/plugins/DocFx.Plugin.ImageProcessor.dll
new file mode 100644
index 000000000..c608b941a
Binary files /dev/null and b/docs/_template/bootstrap-modal/plugins/DocFx.Plugin.ImageProcessor.dll differ
diff --git a/docs/_template/styles/docfx.css b/docs/_template/dark/styles/docfx.css
similarity index 100%
rename from docs/_template/styles/docfx.css
rename to docs/_template/dark/styles/docfx.css
diff --git a/docs/_template/styles/dracula.css b/docs/_template/dark/styles/dracula.css
similarity index 100%
rename from docs/_template/styles/dracula.css
rename to docs/_template/dark/styles/dracula.css
diff --git a/docs/_template/lightbox-featherlight/partials/head.tmpl.partial b/docs/_template/lightbox-featherlight/partials/head.tmpl.partial
new file mode 100644
index 000000000..c330cda31
--- /dev/null
+++ b/docs/_template/lightbox-featherlight/partials/head.tmpl.partial
@@ -0,0 +1,20 @@
+{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
+
+
+
+
+ {{#title}}{{title}}{{/title}}{{^title}}{{>partials/title}}{{/title}} {{#_appTitle}}| {{_appTitle}} {{/_appTitle}}
+
+
+
+ {{#_description}}{{/_description}}
+
+
+
+
+
+
+
+ {{#_enableSearch}}{{/_enableSearch}}
+ {{#_enableNewTab}}{{/_enableNewTab}}
+
\ No newline at end of file
diff --git a/docs/_template/lightbox-featherlight/partials/scripts.tmpl.partial b/docs/_template/lightbox-featherlight/partials/scripts.tmpl.partial
new file mode 100644
index 000000000..cd7d0074c
--- /dev/null
+++ b/docs/_template/lightbox-featherlight/partials/scripts.tmpl.partial
@@ -0,0 +1,8 @@
+{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/_template/lightbox-featherlight/styles/plugin-featherlight.js b/docs/_template/lightbox-featherlight/styles/plugin-featherlight.js
new file mode 100644
index 000000000..846494cf3
--- /dev/null
+++ b/docs/_template/lightbox-featherlight/styles/plugin-featherlight.js
@@ -0,0 +1,15 @@
+$(document).ready(function() {
+ //find all images, but not the logo, and add the lightbox
+ $('img').not('#logo').each(function(){
+ var $img = $(this);
+ var filename = $img.attr('src')
+ //add cursor
+ $img.css('cursor','zoom-in');
+ $img.css('cursor','-moz-zoom-in');
+ $img.css('cursor','-webkit-zoom-in');
+
+ //add featherlight
+ $img.attr('alt', filename);
+ $img.featherlight(filename);
+ });
+});
\ No newline at end of file
diff --git a/docs/docfx.json b/docs/docfx.json
index df45f9d98..78232becd 100644
--- a/docs/docfx.json
+++ b/docs/docfx.json
@@ -54,7 +54,8 @@
"dest":"_site",
"template":[
"default",
- "_template"
+ "_template/dark",
+ "_template/lightbox-featherlight"
],
"overwrite": "_overwrites/**/**.md",
"globalMetadata":{