New doc theme (#387)

docs/input/appendix/borders.md

@@ -4,11 +4,11 @@ Order: 2
 
 There is different built-in borders you can use for tables and panels.
 
-# Table borders
+## Table borders
 
-<img src="../assets/images/borders/table.png" style="max-width: 100%;">
+![Examples of table borders](../assets/images/borders/table.png)
 
-## Example
+### Example
 
 To set a table border to `SimpleHeavy`:
 
@@ -19,15 +19,15 @@ table.Border = TableBorder.SimpleHeavy;
 
 ---
 
-# Panel borders
+## Panel borders
 
-<img src="../assets/images/borders/panel.png" style="max-width: 100%;">
+![Examples of panel borders](../assets/images/borders/panel.png)
 
-## Example
+### Example
 
 To set a panel border to `Rounded`:
 
 ```csharp
 var panel = new Panel("Hello World");
 panel.Border = BoxBorder.Rounded;
-```
+```

docs/input/appendix/colors.md

@@ -6,26 +6,18 @@ The following is a list of the standard 8-bit colors supported in terminals.
 
 Note that the first 16 colors are generally defined by the system or your terminal software, and may not display exactly as rendered here.
 
-# Usage
+## Usage
 
 You can either use the colors in code, such as `new Style(foreground: Color.Maroon)` or
 in markup text such as `AnsiConsole.Markup("[maroon on blue]Hello[/]")`.
 
-# Standard colors
+## Standard colors
 
-<div class="input-group mb-3">
-  <div class="input-group-prepend">
-    <span class="input-group-text" id="basic-addon1">
-        <i class="fas fa-search" aria-hidden="true"></i>
-    </span>
-  </div>
-  <input
-    class="form-control w-100 filter"
-    data-table="color-results"
-    type="text" placeholder="Search Colors..." autocomplete="off" 
-    aria-label="Search Colors">
-</div>
+<input
+    id="colorSearch"
+    type="search"
+    oninput="search(this, 'color-results', 2)"
+    placeholder="Search for colors.."
+    title="Type in a color" />
 
 <?# ColorTable /?>
-
-<script type="text/javascript" src="../assets/js/table-search.js"></script>

docs/input/appendix/emojis.md

@@ -13,7 +13,7 @@ before Unicode 13.0 that belongs in the `Emoji_Presentation` category
 in the official emoji list at 
 https://www.unicode.org/Public/UCD/latest/ucd/emoji/emoji-data.txt
 
-# Usage
+## Usage
 
 ```csharp
 // Markup
@@ -23,14 +23,14 @@ AnsiConsole.MarkupLine("Hello :globe_showing_europe_africa:!");
 var hello = "Hello " + Emoji.Known.GlobeShowingEuropeAfrica;
 ```
 
-# Replacing emojis in text
+## Replacing emojis in text
 
 ```csharp
 var phrase = "Mmmm :birthday_cake:";
 var rendered = Emoji.Replace(phrase);
 ```
 
-# Remapping or adding an emoji
+## Remapping or adding an emoji
 
 Sometimes you want to remap an existing emoji, or 
 add a completely new one. For this you can use the 
@@ -49,24 +49,18 @@ var phrase = "Hello :globe_showing_europe_africa:!";
 var rendered = Emoji.Replace(phrase);
 ```
 
-# Emojis
+## Emojis
 
 _The images in the table below might not render correctly in your 
 browser for the same reasons mentioned in the `Compatibility` section._
 
-<div class="input-group mb-3">
-  <div class="input-group-prepend">
-    <span class="input-group-text" id="basic-addon1">
-        <i class="fas fa-search" aria-hidden="true"></i>
-    </span>
-  </div>
-  <input
-    class="form-control w-100 filter"
-    data-table="emoji-results"
-    type="text" placeholder="Search Emojis..." autocomplete="off" 
-    aria-label="Search Emojis">
-</div>
 
-<?# EmojiTable /?>
+<input
+    id="emojiSearch"
+    type="search"
+    oninput="search(this, 'emoji-results', 2)"
+    placeholder="Search for emojis.."
+    title="Type in an emoji name" />
 
-<script type="text/javascript" src="../assets/js/table-search.js"></script>
+
+<?# EmojiTable /?>

docs/input/appendix/spinners.md

@@ -4,7 +4,7 @@ Order: 4
 
 For all available spinners, see https://jsfiddle.net/sindresorhus/2eLtsbey/embedded/result/
 
-# Usage
+## Usage
 
 Spinners can be used with [Progress](xref:progress) and [Status](xref:status).
 
@@ -16,7 +16,7 @@ AnsiConsole.Status()
     });
 ```
 
-# Implementing a spinner
+## Implementing a spinner
 
 To implement your own spinner, all you have to do is 
 inherit from the `Spinner` base class.