From 8288ac0bd8ef54a4a1f36f86fc5b01b1771f5333 Mon Sep 17 00:00:00 2001
From: Mirco Wittrien <mirco.wittrien@gmail.com>
Date: Sun, 21 Oct 2018 14:27:04 +0200
Subject: [PATCH] DiscordPreview

---
 Plugins/ThemeRepo/res/DiscordPreview.html | 110 ++++------------------
 1 file changed, 16 insertions(+), 94 deletions(-)

diff --git a/Plugins/ThemeRepo/res/DiscordPreview.html b/Plugins/ThemeRepo/res/DiscordPreview.html
index 7234342414..c3d8820f7a 100644
--- a/Plugins/ThemeRepo/res/DiscordPreview.html
+++ b/Plugins/ThemeRepo/res/DiscordPreview.html
@@ -30,7 +30,7 @@
 				<div class="app flex-vertical theme-light">
 					<div class="layers-3iHuyZ flex-vertical flex-spacer">
 						<div class="layer-3QrUeG">
-							<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 container-2lgZY8 spacer-29U_x8" style="flex: 1 1 auto;">
+							<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 container-2lgZY8 firefoxFixScrollFlex-cnI2ix" style="flex: 1 1 auto;">
 								<div class="guildsWrapper-5TJh6A">
 									<div class="unreadMentionsIndicatorTop-gA6RCh">
 										<div class="bar-30k2ka flexCenter-3_1bcw flex-1O1GKY justifyStart-2NDFzi alignCenter-1dQNNs unreadMentionsBar-1VrBNe unread-1xRYoj active-1SSsBb" style="transform: translateY(-150%);">
@@ -140,7 +140,7 @@
 											</div>
 										</div>
 									</div>
-									<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 spacer-29U_x8" style="flex: 1 1 auto;">
+									<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 spacer-29U_x8 firefoxFixScrollFlex-cnI2ix" style="flex: 1 1 auto;">
 										<div class="channels-Ie2l6A vertical-V37hAW flex-1O1GKY directionColumn-35P_nr">
 											<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6 container-PNkimc" style="flex: 1 1 auto;">
 												<div class="flexChild-faoVW3" style="flex: 0 0 auto;">
@@ -641,7 +641,7 @@
 												</div>
 											</div>
 										</div>
-										<div class="chat-3bRxxu">
+										<div class="chat-3bRxxu firefoxFixScrollFlex-cnI2ix">
 											<div class="titleWrapper-1l0xT9 theme-light">
 												<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6 headerBarDrag-3bf7wG title-3qD0b-" style="flex: 0 0 auto;">
 													<div class="titleText-3X-zRE">
@@ -723,7 +723,7 @@
 													</div>
 												</div>
 											</div>
-											<div class="content-yTz4x3">
+											<div class="content-yTz4x3 firefoxFixScrollFlex-cnI2ix">
 												<div class="flex-spacer flex-vertical" style="position: relative;">
 													<div class="messagesWrapper-3lZDfY">
 														<div class="newMessagesBar-mujexs">
@@ -753,27 +753,7 @@
 																				<div class="markup-2BOw-j">Thanks for choosing to use my Theme Repo Plugin to find a Theme of your liking. If you have suggestions or are looking for more of my Plugins, feel free to visit my git at <a title="https://github.com/mwittrien/BetterDiscordAddons/" href="https://github.com/mwittrien/BetterDiscordAddons" target="_blank" rel="noreferrer">https://github.com/mwittrien/BetterDiscordAddons/</a></div>
 																			</div>
 																			<div class="containerCozy-B4noqO container-1e22Ot">
-																				<div class="embed-IeVjo6 flex-1O1GKY">
-																					<div class="embedPill-1Zntps"></div>
-																					<div class="embedInner-1-fpTo">
-																						<div class="embedContent-3fnYWm">
-																							<div class="embedContentInner-FBnk7v markup-2BOw-j">
-																								<div class="">
-																									<span class="embedProvider-3k5pfl">GitHub</span>
-																								</div>
-																								<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">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 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>
-																						</div>
-																					</div>
-																				</div>
+																				<div class="embed-IeVjo6"><div class="embedPill-1Zntps" style="background-color: rgb(30, 35, 39);"></div><div class="embedInner-1-fpTo"><div class="embedContent-3fnYWm"><div class="embedContentInner-FBnk7v markup-2BOw-j"><div class=""><span class="embedProvider-3k5pfl">GitHub</span></div><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">BetterDiscordAddons - A series of plugins and themes for BetterDiscord.</div></div><a target="_blank" rel="noreferrer noopener" class="imageWrapper-2p5ogY imageZoom-1n-ADA clickable-3Ya1ho embedThumbnail-2Y84-K" href="https://github.com/mwittrien/BetterDiscordAddons/" style="width: 80px; height: 80px;"><img src="https://i.imgur.com/EZUorCa.png?1" style="width: 80px; height: 80px;"></img></a></div></div></div>
 																			</div>
 																		</div>
 																	</div>
@@ -799,7 +779,7 @@
 																			<div class="containerCozy-336-Cz container-206Blv">
 																				<div class="buttonContainer-KtQ8wc">
 																					<div class="buttonContainer-37UsAw">
-																						<div class="btn-reaction"></div>
+																						<div class="reactionBtn-2na4rd"></div>
 																						<div class="button-3Jq0g9"></div>
 																					</div>
 																				</div>
@@ -833,7 +813,7 @@
 																			<div class="isMentionedCozy-3isp7y isMentioned-N-h9aa containerCozy-336-Cz container-206Blv">
 																				<div class="buttonContainer-KtQ8wc">
 																					<div class="buttonContainer-37UsAw">
-																						<div class="btn-reaction"></div>
+																						<div class="reactionBtn-2na4rd"></div>
 																						<div class="button-3Jq0g9"></div>
 																					</div>
 																				</div>
@@ -863,7 +843,7 @@
 																				<div class="containerCozy-336-Cz container-206Blv">
 																					<div class="buttonContainer-KtQ8wc">
 																						<div class="buttonContainer-37UsAw">
-																							<div class="btn-reaction"></div>
+																							<div class="reactionBtn-2na4rd"></div>
 																							<div class="button-3Jq0g9"></div>
 																						</div>
 																					</div>
@@ -892,7 +872,7 @@
 																			<div class="containerCozy-336-Cz container-206Blv">
 																				<div class="buttonContainer-KtQ8wc">
 																					<div class="buttonContainer-37UsAw">
-																						<div class="btn-reaction"></div>
+																						<div class="reactionBtn-2na4rd"></div>
 																						<div class="button-3Jq0g9"></div>
 																					</div>
 																				</div>
@@ -938,7 +918,7 @@
 																			<div class="containerCozy-336-Cz container-206Blv">
 																				<div class="buttonContainer-KtQ8wc">
 																					<div class="buttonContainer-37UsAw">
-																						<div class="btn-reaction"></div>
+																						<div class="reactionBtn-2na4rd"></div>
 																						<div class="button-3Jq0g9"></div>
 																					</div>
 																				</div>
@@ -989,7 +969,7 @@
 																			<div class="containerCozy-336-Cz container-206Blv">
 																				<div class="buttonContainer-KtQ8wc">
 																					<div class="buttonContainer-37UsAw">
-																						<div class="btn-reaction"></div>
+																						<div class="reactionBtn-2na4rd"></div>
 																						<div class="button-3Jq0g9"></div>
 																					</div>
 																				</div>
@@ -1066,7 +1046,7 @@
 																			<div class="containerCozy-336-Cz container-206Blv">
 																				<div class="buttonContainer-KtQ8wc">
 																					<div class="buttonContainer-37UsAw">
-																						<div class="btn-reaction"></div>
+																						<div class="reactionBtn-2na4rd"></div>
 																						<div class="button-3Jq0g9"></div>
 																					</div>
 																				</div>
@@ -1100,52 +1080,14 @@
 																			<div class="containerCozy-336-Cz container-206Blv">
 																				<div class="buttonContainer-KtQ8wc">
 																					<div class="buttonContainer-37UsAw">
-																						<div class="btn-reaction"></div>
+																						<div class="reactionBtn-2na4rd"></div>
 																						<div class="button-3Jq0g9"></div>
 																					</div>
 																				</div>
 																				<div class="markup-2BOw-j"><a title="https://youtu.be/48Zh3h_SD-o" href="https://youtu.be/48Zh3h_SD-o" target="_blank" rel="noreferrer">https://youtu.be/48Zh3h_SD-o</a></div>
 																			</div>
 																			<div class="containerCozy-B4noqO container-1e22Ot">
-																				<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">
-																							<div class="embedContentInner-FBnk7v markup-2BOw-j markup-2BOw-j">
-																								<div class="">
-																									<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 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">
-																									<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 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">
-																								<div class="centerContent-1dpMl0">
-																									<div class="wrapper-129saQ">
-																										<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 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>
-																										</a>
-																									</div>
-																								</div>
-																							</div>
-																						</div>
-																					</div>
-																				</div>
+																				<div class="embed-IeVjo6" 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"><div class="embedContentInner-FBnk7v markup-2BOw-j markup-2BOw-j"><div class=""><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 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"><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 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"><div class="centerContent-1dpMl0"><div class="wrapper-129saQ"><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 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></a></div></div></div></div></div></div>
 																			</div>
 																		</div>
 																	</div>
@@ -1174,34 +1116,14 @@
 																			<div class="containerCozy-336-Cz container-206Blv">
 																				<div class="buttonContainer-KtQ8wc">
 																					<div class="buttonContainer-37UsAw">
-																						<div class="btn-reaction"></div>
+																						<div class="reactionBtn-2na4rd"></div>
 																						<div class="button-3Jq0g9"></div>
 																					</div>
 																				</div>
 																				<div class="markup-2BOw-j"></div>
 																			</div>
 																			<div class="containerCozy-B4noqO container-1e22Ot">
-																				<div class="embed-IeVjo6 flex-1O1GKY embed">
-																					<div class="embedPill-1Zntps"></div>
-																					<div class="embedInner-1-fpTo">
-																						<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">Embed Preview</div>
-																							</div>
-																						</div>
-																						<div class="embedFooter-3yVop- embedMarginLarge-YZDCEs">
-																							<span class="embedFooterText-28V_Wb">
-																								in #general
-																								<span class="embedFooterSeparator-3klTIQ">•</span>
-																								01/01/2017
-																							</span>
-																						</div>
-																					</div>
-																				</div>
+																				<div class="embed-IeVjo6"><div class="embedPill-1Zntps"></div><div class="embedInner-1-fpTo"><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">Embed Preview</div></div></div><div class="embedFooter-3yVop- embedMarginLarge-YZDCEs"><span class="embedFooterText-28V_Wb">in #general<span class="embedFooterSeparator-3klTIQ">•</span>01/01/2017</span></div></div></div>
 																			</div>
 																		</div>
 																	</div>