Implement changing logo image based on theme color using CSS background image

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

@@ -301,4 +301,8 @@ span.arrow-d{
 
 span.arrow-r{
     border-left: 5px solid white
-}
+}
+
+.logo-switcher {
+    background: url("/marketing/logo/SVG/Combinationmark White.svg") no-repeat;
+}

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

@@ -308,4 +308,8 @@ span.arrow-d{
 
 span.arrow-r{
     border-left: 5px solid white
-}
+}
+
+.logo-switcher {
+    background: url("/marketing/logo/SVG/Combinationmark White.svg") no-repeat;
+}

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

@@ -110,4 +110,8 @@ span.arrow-d{
 
 span.arrow-r{
     border-left: 5px solid black
-}
+}
+
+.logo-switcher {
+    background: url("/marketing/logo/SVG/Combinationmark.svg") no-repeat;
+}

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

@@ -32,6 +32,15 @@ img {
     margin-bottom: 15px;
 }
 
+.big-logo {
+    display: block;
+    box-shadow: none !important;
+    /* Width value was taken from the original size of the combomark svg */
+    width: 951pt;
+    /* Height was arbitrarily determined */
+    min-height: 100pt;
+}
+
 article.content p{
     -webkit-transition: all .75s ease-in-out;
     transition: all .75s ease-in-out;

docs/index.md

@@ -5,6 +5,8 @@ title: Home
 
 # Discord.Net Documentation
 
+<img class="big-logo logo-switcher" />
+
 ## What is Discord.Net?
 
 Discord.Net is an asynchronous, multi-platform .NET Library used to
@@ -25,4 +27,4 @@ objects in the library.
 - [GitHub](https://github.com/RogueException/Discord.Net/)
 - [NuGet](https://www.nuget.org/packages/Discord.Net/)
 - [MyGet Feed](https://www.myget.org/feed/Packages/discord-net) - Add-ons and nightly builds
-- [AppVeyor CI](https://ci.appveyor.com/project/RogueException/discord-net) - Nightly builds via Continuous Integration
+- [AppVeyor CI](https://ci.appveyor.com/project/RogueException/discord-net) - Nightly builds via Continuous Integration