diff --git a/package.sh b/package.sh
index 866be1700..2d7992961 100755
--- a/package.sh
+++ b/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
diff --git a/src/Themes/Themes.ts b/src/Themes/Themes.ts
index 63de312bf..847c6fb3e 100644
--- a/src/Themes/Themes.ts
+++ b/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;
 }
 
diff --git a/src/Themes/data/dark-blue/index.ts b/src/Themes/data/dark-blue/index.ts
index 3c509d00b..b6cf0a623 100644
--- a/src/Themes/data/dark-blue/index.ts
+++ b/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",
diff --git a/src/Themes/data/dark-blue/screenshot.png b/src/Themes/data/dark-blue/screenshot.png
new file mode 100644
index 000000000..9233080f3
Binary files /dev/null and b/src/Themes/data/dark-blue/screenshot.png differ
diff --git a/src/Themes/data/dark-plus/index.ts b/src/Themes/data/dark-plus/index.ts
index 7288f40ca..84ebb6dfe 100644
--- a/src/Themes/data/dark-plus/index.ts
+++ b/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",
diff --git a/src/Themes/data/dark-plus/screenshot.png b/src/Themes/data/dark-plus/screenshot.png
new file mode 100644
index 000000000..44324a041
Binary files /dev/null and b/src/Themes/data/dark-plus/screenshot.png differ
diff --git a/src/Themes/data/default-lite/index.ts b/src/Themes/data/default-lite/index.ts
index 71e299db5..788428186 100644
--- a/src/Themes/data/default-lite/index.ts
+++ b/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",
diff --git a/src/Themes/data/default-lite/screenshot.png b/src/Themes/data/default-lite/screenshot.png
new file mode 100644
index 000000000..e9c348227
Binary files /dev/null and b/src/Themes/data/default-lite/screenshot.png differ
diff --git a/src/Themes/data/default/index.ts b/src/Themes/data/default/index.ts
index b5cd04722..723a14724 100644
--- a/src/Themes/data/default/index.ts
+++ b/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",
diff --git a/src/Themes/data/default/screenshot.png b/src/Themes/data/default/screenshot.png
new file mode 100644
index 000000000..bc32b47aa
Binary files /dev/null and b/src/Themes/data/default/screenshot.png differ
diff --git a/src/Themes/data/discord-like/index.ts b/src/Themes/data/discord-like/index.ts
index 91e65aee7..0962d83a8 100644
--- a/src/Themes/data/discord-like/index.ts
+++ b/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",
diff --git a/src/Themes/data/discord-like/screenshot.png b/src/Themes/data/discord-like/screenshot.png
new file mode 100644
index 000000000..16b9ef558
Binary files /dev/null and b/src/Themes/data/discord-like/screenshot.png differ
diff --git a/src/Themes/data/dracula/index.ts b/src/Themes/data/dracula/index.ts
index 31eec5273..c1cdf19e8 100644
--- a/src/Themes/data/dracula/index.ts
+++ b/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",
diff --git a/src/Themes/data/dracula/screenshot.png b/src/Themes/data/dracula/screenshot.png
new file mode 100644
index 000000000..51264adb1
Binary files /dev/null and b/src/Themes/data/dracula/screenshot.png differ
diff --git a/src/Themes/data/light/index.ts b/src/Themes/data/light/index.ts
index fc8b4b0b0..7755efb70 100644
--- a/src/Themes/data/light/index.ts
+++ b/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",
diff --git a/src/Themes/data/light/screenshot.png b/src/Themes/data/light/screenshot.png
new file mode 100644
index 000000000..3f03552d7
Binary files /dev/null and b/src/Themes/data/light/screenshot.png differ
diff --git a/src/Themes/data/mayukai-dark/index.ts b/src/Themes/data/mayukai-dark/index.ts
index 95b9ea491..427c8f971 100644
--- a/src/Themes/data/mayukai-dark/index.ts
+++ b/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",
diff --git a/src/Themes/data/mayukai-dark/screenshot.png b/src/Themes/data/mayukai-dark/screenshot.png
new file mode 100644
index 000000000..9e3040dce
Binary files /dev/null and b/src/Themes/data/mayukai-dark/screenshot.png differ
diff --git a/src/Themes/data/monokai-ish/index.ts b/src/Themes/data/monokai-ish/index.ts
index f947ecf7b..7497852aa 100644
--- a/src/Themes/data/monokai-ish/index.ts
+++ b/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",
diff --git a/src/Themes/data/monokai-ish/screenshot.png b/src/Themes/data/monokai-ish/screenshot.png
new file mode 100644
index 000000000..be9f68545
Binary files /dev/null and b/src/Themes/data/monokai-ish/screenshot.png differ
diff --git a/src/Themes/data/muted-gold-blue/index.ts b/src/Themes/data/muted-gold-blue/index.ts
index 7683de8e3..1d5adf3a2 100644
--- a/src/Themes/data/muted-gold-blue/index.ts
+++ b/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",
diff --git a/src/Themes/data/muted-gold-blue/screenshot.png b/src/Themes/data/muted-gold-blue/screenshot.png
new file mode 100644
index 000000000..325587072
Binary files /dev/null and b/src/Themes/data/muted-gold-blue/screenshot.png differ
diff --git a/src/Themes/data/one-dark/index.ts b/src/Themes/data/one-dark/index.ts
index d4862e377..4111d380e 100644
--- a/src/Themes/data/one-dark/index.ts
+++ b/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",
diff --git a/src/Themes/data/one-dark/screenshot.png b/src/Themes/data/one-dark/screenshot.png
new file mode 100644
index 000000000..7a418256c
Binary files /dev/null and b/src/Themes/data/one-dark/screenshot.png differ
diff --git a/src/Themes/data/purple/index.ts b/src/Themes/data/purple/index.ts
index 5baeaa381..1a2cd5d25 100644
--- a/src/Themes/data/purple/index.ts
+++ b/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",
diff --git a/src/Themes/data/purple/screenshot.png b/src/Themes/data/purple/screenshot.png
new file mode 100644
index 000000000..3b3cc2456
Binary files /dev/null and b/src/Themes/data/purple/screenshot.png differ
diff --git a/src/Themes/data/smooth-green/index.ts b/src/Themes/data/smooth-green/index.ts
index dbd69077c..a228d11ca 100644
--- a/src/Themes/data/smooth-green/index.ts
+++ b/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",
diff --git a/src/Themes/data/smooth-green/screenshot.png b/src/Themes/data/smooth-green/screenshot.png
new file mode 100644
index 000000000..d74fcec6c
Binary files /dev/null and b/src/Themes/data/smooth-green/screenshot.png differ
diff --git a/src/Themes/data/warmer/index.ts b/src/Themes/data/warmer/index.ts
index f2a2f894a..b513cd8b9 100644
--- a/src/Themes/data/warmer/index.ts
+++ b/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",
diff --git a/src/Themes/data/warmer/screenshot.png b/src/Themes/data/warmer/screenshot.png
new file mode 100644
index 000000000..c8cf0257c
Binary files /dev/null and b/src/Themes/data/warmer/screenshot.png differ