Add theme screenshots & make some fields required

- Description, Name & Author is now mandatory
- Add screenshots
- Add dist/images to electron build

package.sh

@@ -8,6 +8,7 @@ cp index.html .package
 cp -r electron/* .package
 cp -r dist/ext .package/dist
 cp -r dist/icons .package/dist
+cp -r dist/images .package/dist
 
 # The css files
 cp dist/vendor.css .package/dist

src/Themes/Themes.ts

@@ -40,9 +40,10 @@ export interface ITheme {
 
 export interface IPredefinedTheme {
   colors: ITheme;
-  name?: string;
-  credit?: string;
-  description?: string;
+  name: string;
+  credit: string;
+  screenshot: string;
+  description: string;
   reference?: string;
 }
 

src/Themes/data/dark-blue/index.ts

@@ -1,9 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Dark Blue",
+  description: "Very dark with a blue/purplelly primary",
   credit: "Saynt_Garmo",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/923084732718264340",
+  screenshot: img1,
   colors: {
     primarylight: "#023DDE",
     primary: "#4A41C8",

src/Themes/data/dark-plus/index.ts

@@ -1,10 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Dark+",
   credit: "LoganMD",
   description: "VSCode Dark+",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/921999975867617310",
+  screenshot: img1,
   colors: {
     primarylight: "#E0E0BC",
     primary: "#CCCCAE",

src/Themes/data/default-lite/index.ts

@@ -1,10 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Default-lite",
   description: "Less eye-straining default theme",
   credit: "NmuGmu",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/925263801564151888",
+  screenshot: img1,
   colors: {
     primarylight: "#28CF28",
     primary: "#21A821",

src/Themes/data/default/index.ts

@@ -1,6 +1,11 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
+  name: 'Default',
+  description: 'Default game theme, most supported',
+  credit: 'hydroflame',
+  screenshot: img1,
   colors: {
     primarylight: "#0f0",
     primary: "#0c0",

src/Themes/data/discord-like/index.ts

@@ -1,10 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Discord-like",
   description: "Discord inspired theme",
   credit: "Thermite",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/924305252017143818",
+  screenshot: img1,
   colors: {
     primarylight: "#7389DC",
     primary: "#7389DC",

src/Themes/data/dracula/index.ts

@@ -1,9 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Dracula",
+  description: "Dracula Look-alike",
   credit: "H3draut3r",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/922296307836678144",
+  screenshot: img1,
   colors: {
     primarylight: "#7082B8",
     primary: "#F8F8F2",

src/Themes/data/light/index.ts

@@ -1,9 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Light",
+  description: "Cobbled Together Light Theme",
   credit: "matt",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/926114005456658432",
+  screenshot: img1,
   colors: {
     primarylight: "#535353",
     primary: "#1A1A1A",

src/Themes/data/mayukai-dark/index.ts

@@ -1,10 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Mayukai Dark",
   description: "Mayukai Dark-esque",
   credit: "Festive Noire",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/922037502334889994",
+  screenshot: img1,
   colors: {
     primarylight: "#DDDFC5",
     primary: "#CDCFB6",

src/Themes/data/monokai-ish/index.ts

@@ -1,8 +1,11 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Monokai'ish",
   description: "Monokai'ish",
+  credit: "eltea",
+  screenshot: img1,
   colors: {
     primarylight: "#FFF",
     primary: "#F8F8F2",

src/Themes/data/muted-gold-blue/index.ts

@@ -1,9 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Muted Gold & Blue",
+  description: "Muted gold with blue accents.",
   credit: "Sloth",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/924672660758208563",
+  screenshot: img1,
   colors: {
     primarylight: "#E3B54A",
     primary: "#CAA243",

src/Themes/data/one-dark/index.ts

@@ -1,9 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "One Dark",
+  description: "Dark with a greenish tint",
   credit: "Dexalt142",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/924650660694208512",
+  screenshot: img1,
   colors: {
     primarylight: "#98C379",
     primary: "#98C379",

src/Themes/data/purple/index.ts

@@ -1,10 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Purple",
   credit: "zer0ney",
   description: "Essentially all defaults except for purple replacing the main colors",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/922091815849570395",
+  screenshot: img1,
   colors: {
     primarylight: "#BA55D3",
     primary: "#9370DB",

src/Themes/data/smooth-green/index.ts

@@ -1,10 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
   name: "Smooth Green",
   description: "A nice green theme that doesn't hurt your eyes.",
   credit: "Swidt",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/922243957986033725",
+  screenshot: img1,
   colors: {
     primarylight: "#E0E0BC",
     primary: "#B0D9A3",

src/Themes/data/warmer/index.ts

@@ -1,9 +1,12 @@
 import { IPredefinedTheme } from "../../Themes";
+import img1 from "./screenshot.png";
 
 export const Theme: IPredefinedTheme = {
+  name: "Warmer",
   credit: "hexnaught",
   description: "Warmer, softer theme",
   reference: "https://discord.com/channels/415207508303544321/921991895230611466/921999581020028938",
+  screenshot: img1,
   colors: {
     primarylight: "#EA9062",
     primary: "#DD7B4A",