diff --git a/docs/screenshots/flame.png b/docs/screenshots/flame.png
index dcea269..ebcc4e1 100644
Binary files a/docs/screenshots/flame.png and b/docs/screenshots/flame.png differ
diff --git a/docs/screenshots/leaf.png b/docs/screenshots/leaf.png
index ed09cb0..d243a88 100644
Binary files a/docs/screenshots/leaf.png and b/docs/screenshots/leaf.png differ
diff --git a/docs/screenshots/simplefox.png b/docs/screenshots/simplefox.png
index 87376f2..e3f638e 100644
Binary files a/docs/screenshots/simplefox.png and b/docs/screenshots/simplefox.png differ
diff --git a/sample/flame/css/core.css b/sample/flame/css/core.css
new file mode 100644
index 0000000..92868c6
--- /dev/null
+++ b/sample/flame/css/core.css
@@ -0,0 +1,6 @@
+:root {
+  --bgColor: #2d3436;
+  --bgImage: url("https://images.wallpaperscraft.com/image/single/leaf_plant_green_136967_2560x1440.jpg");
+  --accentColor: #FFA500;
+  --foreground: #ffffff;
+}
\ No newline at end of file
diff --git a/sample/leaf/css/core.css b/sample/leaf/css/core.css
new file mode 100644
index 0000000..92868c6
--- /dev/null
+++ b/sample/leaf/css/core.css
@@ -0,0 +1,6 @@
+:root {
+  --bgColor: #2d3436;
+  --bgImage: url("https://images.wallpaperscraft.com/image/single/leaf_plant_green_136967_2560x1440.jpg");
+  --accentColor: #FFA500;
+  --foreground: #ffffff;
+}
\ No newline at end of file
diff --git a/src/themes/simplefox/index.html b/src/themes/simplefox/index.html
index ed88e0e..c9bd173 100644
--- a/src/themes/simplefox/index.html
+++ b/src/themes/simplefox/index.html
@@ -64,17 +64,17 @@
                     <div class="grid gap-4 grid-cols-2">
                         {{range (index .Contents 1).Columns}}
                         <div class="box rounded-lg drop-shadow-xl gap-2 p-5 grid grid-flow-row auto-rows-max justify-center">
-                            <div class="icon-container-small mb-4">
-                                <center>
-                                    {{if .IsImage}}
-                                    <img src="{{.Icon}}" class="icon">
-                                    {{else if .IsSVG}}
-                                    <svg-file src="{{.Icon}}" class="svg-icon"></svg-file>
-                                    {{else}}
-                                    <i class="{{.Icon}} fa-xl icon"></i>
-                                    {{end}}
-                                </center>
-                            </div>
+                            <center>
+                                <div class="icon-container-small mb-4 w-100">
+                                        {{if .IsImage}}
+                                        <img src="{{.Icon}}" class="icon">
+                                        {{else if .IsSVG}}
+                                        <svg-file src="{{.Icon}}" class="svg-icon"></svg-file>
+                                        {{else}}
+                                        <i class="{{.Icon}} fa-xl icon"></i>
+                                        {{end}}
+                                </div>
+                            </center>
                             {{range .Bookmarks}}
                             <a href="{{.Url}}" class="text-center">{{.Name}}</a>
                             {{end}}
diff --git a/tools/screenshot/app.js b/tools/screenshot/app.js
index 104f6a8..5da3cf3 100644
--- a/tools/screenshot/app.js
+++ b/tools/screenshot/app.js
@@ -1,5 +1,5 @@
 const puppeteer = require('puppeteer');
-const { readdirSync, copyFileSync } = require('fs');
+const { readdirSync, copyFileSync, mkdirSync, existsSync } = require('fs');
 const { exec } = require('child_process');
 
 const getDirectories = source =>
@@ -9,12 +9,22 @@ const getDirectories = source =>
 
 const replaceFiles = (source, destination) =>
     readdirSync(source, { withFileTypes: true })
-        .filter(dirent => !dirent.isDirectory())
-        .forEach(file => copyFileSync(`${source}/${file.name}`, `${destination}/${file.name}`));
+        .forEach(path => {
+            const srcPath = `${source}/${path.name}`
+            const desPath = `${destination}/${path.name}`
+            if (path.isDirectory()) {
+                if (!existsSync(desPath)) mkdirSync(desPath, { recursive: true });
+                replaceFiles(srcPath, desPath);
+            }
+            else
+                copyFileSync(srcPath, desPath)
+        });
 
 const sleep = ms => new Promise(r => setTimeout(r, ms));
 
 (async () => {
+    exec('cd ../../src/ && go run main.go');
+
     const browser = await puppeteer.launch({
         headless: false,
         defaultViewport: {
@@ -23,22 +33,19 @@ const sleep = ms => new Promise(r => setTimeout(r, ms));
         }
     });
 
-    const themes = ["simplefox"]//getDirectories("./config");
+    const themes = getDirectories("../../sample");
     for (const theme of themes) {
         replaceFiles(`../../sample/${theme}`, '../../src/data');
-        exec('cd ../../src/ && go run main.go');
         await sleep(500);
 
         const page = await browser.newPage();
         await page.goto('http://localhost:7001');
         await page.waitForNetworkIdle();
-        await sleep(1000);
+        await sleep(500);
         await page.screenshot({ path: `../../docs/screenshots/${theme}.png` });
         await page.close();
 
-        exec('pkill -f go');
-        exec('pkill -f main');
-        await sleep(500);
+        await sleep(1000);
     }
 
     browser.close();