From a8b5c8c48c71699def5b97a74c00a8999f41925b Mon Sep 17 00:00:00 2001
From: Mirco Wittrien <mirco.wittrien@gmail.com>
Date: Thu, 11 Oct 2018 11:05:35 +0200
Subject: [PATCH] DiscordPreview

---
 Plugins/ThemeRepo/res/DiscordPreview.html | 66 ++++++++++++-----------
 1 file changed, 35 insertions(+), 31 deletions(-)

diff --git a/Plugins/ThemeRepo/res/DiscordPreview.html b/Plugins/ThemeRepo/res/DiscordPreview.html
index bfadc7da70..7234342414 100644
--- a/Plugins/ThemeRepo/res/DiscordPreview.html
+++ b/Plugins/ThemeRepo/res/DiscordPreview.html
@@ -756,18 +756,18 @@
 																				<div class="embed-IeVjo6 flex-1O1GKY">
 																					<div class="embedPill-1Zntps"></div>
 																					<div class="embedInner-1-fpTo">
-																						<div class="embedContent-3fnYWm flex-1O1GKY">
-																							<div class="embedContentInner-FBnk7v">
+																						<div class="embedContent-3fnYWm">
+																							<div class="embedContentInner-FBnk7v markup-2BOw-j">
 																								<div class="">
-																									<span class="embedProvider-3k5pfl size12-3R0845 weightNormal-WI4TcG">GitHub</span>
+																									<span class="embedProvider-3k5pfl">GitHub</span>
 																								</div>
-																								<div class="embedMargin-UO5XwE marginTop4-2BNfKC">
-																									<a target="_blank" rel="noreferrer noopener" class="embedTitleLink-1Zla9e embedLink-1G1K1D embedTitle-3OXDkz size14-3iUx6q weightMedium-2iZe9B" href="https://github.com/mwittrien/BetterDiscordAddons/">mwittrien/BetterDiscordAddons</a>
+																								<div class="embedMargin-UO5XwE">
+																									<a target="_blank" rel="noreferrer noopener" class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedTitleLink-1Zla9e embedLink-1G1K1D embedTitle-3OXDkz" href="https://github.com/mwittrien/BetterDiscordAddons/">mwittrien/BetterDiscordAddons</a>
 																								</div>
-																								<div class="embedDescription-1Cuq9a embedMargin-UO5XwE marginTop4-2BNfKC markup">BetterDiscordAddons - A series of plugins and themes for BetterDiscord.</div>
+																								<div class="embedDescription-1Cuq9a embedMargin-UO5XwE">BetterDiscordAddons - A series of plugins and themes for BetterDiscord.</div>
 																							</div>
 																							<a target="_blank" rel="noreferrer noopener" class="embedThumbnail-2Y84-K embedImage-2W1cML" href="https://github.com/mwittrien/BetterDiscordAddons/">
-																								<div class="imageWrapper-2p5ogY" style="width: 80px; height: 80px;">
+																								<div class="imageWrapper-2p5ogY imageZoom-1n-ADA clickable-3Ya1ho embedThumbnail-2Y84-K" style="width: 80px; height: 80px;">
 																									<img src="https://i.imgur.com/EZUorCa.png?1" style="width: 80px; height: 80px;"></img>
 																								</div>
 																							</a>
@@ -1110,32 +1110,32 @@
 																				<div class="embed-IeVjo6 flex-1O1GKY" style="max-width: 426px;">
 																					<div class="embedPill-1Zntps" style="background-color: rgb(255, 0, 0);"></div>
 																					<div class="embedInner-1-fpTo">
-																						<div class="embedContent-3fnYWm flex-1O1GKY">
-																							<div class="embedContentInner-FBnk7v markup-2BOw-j">
+																						<div class="embedContent-3fnYWm">
+																							<div class="embedContentInner-FBnk7v markup-2BOw-j markup-2BOw-j">
 																								<div class="">
-																									<a class="anchor-3Z-8Bb embedProviderLink-2Pq1Uw embedLink-1G1K1D embedProvider-3k5pfl" href="https://www.youtube.com/" rel="noreferrer noopener" target="_blank">YouTube</a>
+																									<a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedProviderLink-2Pq1Uw embedLink-1G1K1D embedProvider-3k5pfl" href="https://www.youtube.com/" rel="noreferrer noopener" target="_blank">YouTube</a>
 																								</div>
-																								<div class="embedAuthor-3l5luH flex-1O1GKY alignCenter-1dQNNs embedMargin-UO5XwE marginTop4-2BNfKC">
-																									<a class="anchor-3Z-8Bb embedAuthorNameLink-1gVryT embedLink-1G1K1D embedAuthorName-3mnTWj" href="https://www.youtube.com/user/ChrisBrosTV" rel="noreferrer noopener" target="_blank">CHRISONTV</a>
+																								<div class="embedAuthor-3l5luH flex-1O1GKY embedMargin-UO5XwE">
+																									<a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedAuthorNameLink-1gVryT embedLink-1G1K1D embedAuthorName-3mnTWj" href="https://www.youtube.com/user/ChrisBrosTV" rel="noreferrer noopener" target="_blank">CHRISONTV</a>
 																								</div>
-																								<div class="embedMargin-UO5XwE marginTop4-2BNfKC">
-																									<a class="anchor-3Z-8Bb embedTitleLink-1Zla9e embedLink-1G1K1D embedTitle-3OXDkz" href="https://youtu.be/48Zh3h_SD-o" rel="noreferrer noopener" target="_blank">HOWTO | INSTALL BETTER DISCORD (WITH THEMES &amp; PLUGINS) | ENGLISH</a>
+																								<div class="embedMargin-UO5XwE">
+																									<a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedTitleLink-1Zla9e embedLink-1G1K1D embedTitle-3OXDkz" href="https://youtu.be/48Zh3h_SD-o" rel="noreferrer noopener" target="_blank">HOWTO | INSTALL BETTER DISCORD (WITH THEMES &amp; PLUGINS) | ENGLISH</a>
 																								</div>
 																							</div>
 																						</div>
-																						<div class="embedVideo-3nf0O9 embedImage-2W1cML embedMarginLarge-YZDCEs marginTop8-1DLZ1n" style="width: 400px; height: 225px;">
-																							<a class="imageWrapper-2p5ogY imageZoom-1n-ADA" href="" rel="noreferrer noopener" target="_blank" style="width: 400px; height: 225px;">
-																								<img alt="" src="https://images-ext-1.discordapp.net/external/sII8NgYjrqXEUjzhMwCs88bBx4DFSHCc5rWdE2LNNH8/https/i.ytimg.com/vi/48Zh3h_SD-o/maxresdefault.jpg?width=360&amp;height=203" style="width: 400px; height: 225px;"></img>
+																						<div class="embedVideo-3nf0O9 embedMarginLarge-YZDCEs" style="width: 400px; height: 225px;">
+																							<a class="imageWrapper-2p5ogY clickable-3Ya1ho embedVideoImageComponent-34z3di" href="" rel="noreferrer noopener" target="_blank" style="width: 400px; height: 225px;">
+																								<img class="embedVideoImageComponentInner-2Ujh_1" alt="" src="https://images-ext-1.discordapp.net/external/sII8NgYjrqXEUjzhMwCs88bBx4DFSHCc5rWdE2LNNH8/https/i.ytimg.com/vi/48Zh3h_SD-o/maxresdefault.jpg?width=360&amp;height=203" style="width: 400px; height: 225px;"></img>
 																							</a>
-																							<div class="embedVideoActions-O6vR7W flexCenter-3_1bcw flex-1O1GKY justifyCenter-3D2jYp alignCenter-1dQNNs">
-																								<div class="embedVideoActionsInner-2reMo2 flexCenter-3_1bcw flex-1O1GKY justifyCenter-3D2jYp alignCenter-1dQNNs">
+																							<div class="embedVideoActions-O6vR7W">
+																								<div class="centerContent-1dpMl0">
 																									<div class="wrapper-129saQ">
-																										<div tabindex="0" class="iconWrapper-21idzA" role="button">
+																										<div tabindex="0" class="iconWrapperActive-12kkfE iconWrapper-21idzA" role="button">
 																											<svg name="Play" class="iconPlay-2kgvwV icon-3ZFEtL" width="16" height="16" viewBox="0 0 24 24">
 																												<polygon fill="currentColor" points="0 0 0 14 11 7" transform="translate(7 5)"></polygon>
 																											</svg>
 																										</div>
-																										<a class="anchor-3Z-8Bb iconWrapper-21idzA" href="https://youtu.be/48Zh3h_SD-o" rel="noreferrer noopener" target="_blank">
+																										<a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB iconWrapperActive-12kkfE iconWrapper-21idzA" href="https://youtu.be/48Zh3h_SD-o" rel="noreferrer noopener" target="_blank">
 																											<svg name="OpenExternal" class="iconExternalMargins-2v2mzg icon-3ZFEtL" width="16" height="16" viewBox="0 0 24 24">
 																												<path fill="currentColor" transform="translate(3.000000, 4.000000)" d="M16 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4v-2H2V4h14v10h-4v2h4c1.1 0 2-.9 2-2V2a2 2 0 0 0-2-2zM9 6l-4 4h3v6h2v-6h3L9 6z"></path>
 																											</svg>
@@ -1184,19 +1184,19 @@
 																				<div class="embed-IeVjo6 flex-1O1GKY embed">
 																					<div class="embedPill-1Zntps"></div>
 																					<div class="embedInner-1-fpTo">
-																						<div class="embedContent-3fnYWm flex-1O1GKY">
-																							<div class="embedContentInner-FBnk7v">
-																								<div class="embedAuthor-3l5luH flex-1O1GKY alignCenter-1dQNNs">
+																						<div class="embedContent-3fnYWm">
+																							<div class="embedContentInner-FBnk7v markup-2BOw-j">
+																								<div class="embedAuthor-3l5luH">
 																									<img class="embedAuthorIcon--1zR3L" src="https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png"></img>
 																									<span class="embedAuthorName-3mnTWj weightMedium-2iZe9B size14-3iUx6q">Bad Bot</span>
 																								</div>
-																								<div class="embedDescription-1Cuq9a embedMargin-UO5XwE marginTop4-2BNfKC markup">Embed Preview</div>
+																								<div class="embedDescription-1Cuq9a embedMargin-UO5XwE">Embed Preview</div>
 																							</div>
 																						</div>
-																						<div class="embedFooter-3yVop- flex-1O1GKY alignCenter-1dQNNs embedMarginLarge-YZDCEs marginTop8-1DLZ1n">
-																							<span class="embedFooterText-28V_Wb size12-3R0845 weightMedium-2iZe9B">
+																						<div class="embedFooter-3yVop- embedMarginLarge-YZDCEs">
+																							<span class="embedFooterText-28V_Wb">
 																								in #general
-																								<span class="embedFooterSeparator-3klTIQ weightBold-2yjlgw">•</span>
+																								<span class="embedFooterSeparator-3klTIQ">•</span>
 																								01/01/2017
 																							</span>
 																						</div>
@@ -1253,9 +1253,13 @@
 														<div class="channelTextAreaEnabled-iusU9o channelTextArea-1LDbYG channelTextArea-rNsIhG">
 															<div class="innerEnabled-3g80kR inner-zqa7da flex-1O1GKY innerNoAutocomplete-1WpcVO" style="max-height:50px;">
 																<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 1 1 auto max-height:inherit;">
-																	<svg class="attachButton-1UjEWA" width="20" height="20" viewBox="0 0 24 24">
-																		<path fill="currentColor" class="attachButtonPlus-rUdX-B" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path>
-																	</svg>
+																	<button tabindex="3" type="button" class="attachButton-1UjEWA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
+																		<div class="contents-18-Yxp attachButtonInner-1iyZ9F">
+																			<svg width="24" height="24" viewBox="0 0 24 24">
+																				<path fill="currentColor" class="attachButtonPlus-rUdX-B" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path>
+																			</svg>
+																		</div>
+																	</button>
 																	<div class="attachButtonDivider-3Glu60" style="max-height:inherit;"></div>
 																</div>
 																<div class="uploadInput-2lNPSo">