Add preview texture to dropdown options

client/homebrew/editor/metadataEditor/metadataEditor.jsx

@@ -139,6 +139,7 @@ const MetadataEditor = createClass({
 			return _.map(Themes[renderer], (theme)=>{
 				return <div className='item' key={''} onClick={()=>this.handleTheme(theme)} title={''}>
 					{`${theme.renderer} : ${theme.name}`}
+					<img src={`/themes/${theme.renderer}/${theme.path}/dropdownTexture.png`}/>
 				</div>;
 			});
 		};

client/homebrew/editor/metadataEditor/metadataEditor.less

@@ -87,9 +87,6 @@
 		.navDropdownContainer {
 			background-color: white;
 			width: 100%;
-			&:hover {
-				background-color: rgb(187, 187, 187);
-			}
 			&.disabled {
 				font-style:italic;
 				font-style: italic;
@@ -103,16 +100,30 @@
 				i {
 					float: right;
 				}
+				&:hover {
+					background-color: @blue;
+					color: white;
+				}
 			}
 			.navDropdown {
 				box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
 				.item {
 					padding: 3px 3px;
 					border-top: 1px solid rgb(118, 118, 118);
+					position: relative;
+					overflow: hidden;
+					background-color: white;
 					&:hover {
 						background-color: @blue;
 						color: white;
 					}
+					img {
+						mask-image: linear-gradient(90deg, transparent, black 20%);
+						-webkit-mask-image: linear-gradient(90deg, transparent, black 20%);
+				    position: absolute;
+				    right: 0px;
+				    top: 0px;
+					}
 				}
 			}
 		}

scripts/buildHomebrew.js

@@ -52,6 +52,7 @@ fs.emptyDirSync('./build');
 		const themeData = JSON.parse(fs.readFileSync(`./themes/Legacy/${dir}/settings.json`).toString());
 		themeData.path = dir;
 		themes.Legacy.push(themeData);
+		//fs.copy(`./themes/Legacy/${dir}/dropdownTexture.png`, `./build/themes/Legacy/${dir}/dropdownTexture.png`);
 		const src = `./themes/Legacy/${dir}/style.less`;
 		((outputDirectory)=>{
 			less.render(fs.readFileSync(src).toString(), {
@@ -68,6 +69,7 @@ fs.emptyDirSync('./build');
 		const themeData = JSON.parse(fs.readFileSync(`./themes/V3/${dir}/settings.json`).toString());
 		themeData.path = dir;
 		themes.V3.push(themeData);
+		fs.copy(`./themes/V3/${dir}/dropdownTexture.png`, `./build/themes/V3/${dir}/dropdownTexture.png`);
 		const src = `./themes/V3/${dir}/style.less`;
 	  ((outputDirectory)=>{
 			less.render(fs.readFileSync(src).toString(), {