diff --git a/vivaldi/index.html b/vivaldi/index.html
index 9e38e1d..c1a66cd 100644
--- a/vivaldi/index.html
+++ b/vivaldi/index.html
@@ -33,6 +33,7 @@
 [&nbsp;&nbsp;&nbsp;0&nbsp;May&nbsp;25&nbsp;11:25]&nbsp;&nbsp;<a class="DIR" href="./mods/">mods</a><br>
 [&nbsp;&nbsp;&nbsp;0&nbsp;May&nbsp;24&nbsp;18:24]&nbsp;&nbsp;<a class="DIR" href="./panels/">panels</a><br>
 [&nbsp;&nbsp;&nbsp;0&nbsp;May&nbsp;24&nbsp;18:24]&nbsp;&nbsp;<a class="DIR" href="./sdthumbs/">sdthumbs</a><br>
+[&nbsp;&nbsp;&nbsp;0&nbsp;May&nbsp;25&nbsp;11:42]&nbsp;&nbsp;<a class="DIR" href="./themes/">themes</a><br>
 [&nbsp;&nbsp;&nbsp;0&nbsp;May&nbsp;24&nbsp;18:24]&nbsp;&nbsp;<a class="DIR" href="./tools/">tools</a><br>
 [&nbsp;&nbsp;&nbsp;0&nbsp;May&nbsp;24&nbsp;18:24]&nbsp;&nbsp;<a class="DIR" href="./user_files/">user_files</a><br>
 [&nbsp;&nbsp;&nbsp;0&nbsp;May&nbsp;24&nbsp;18:24]&nbsp;&nbsp;<a class="DIR" href="./userscript/">userscript</a><br>
@@ -44,7 +45,7 @@
 	</p>
 	<p>
 
-7 directories, 4 files
+8 directories, 4 files
 	<br><br>
 	</p>
 </html>
diff --git a/vivaldi/themes/index.html b/vivaldi/themes/index.html
new file mode 100644
index 0000000..8640768
--- /dev/null
+++ b/vivaldi/themes/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta name="Author" content="Made by 'tree'">
+ <meta name="GENERATOR" content="$Version: $ tree v1.7.0 (c) 1996 - 2014 by Steve Baker, Thomas Moore, Francesc Rocher, Florian Sesser, Kyosuke Tokoro $">
+ <title>themes</title>
+ <style type="text/css">
+  <!-- 
+  BODY { color: lime; background: black; font-family : ariel, monospace, sans-serif; }
+  P { font-weight: normal; font-family : ariel, monospace, sans-serif; color: lime; background-color: transparent;}
+  B { font-weight: normal; color: lime; background-color: transparent;}
+  A:visited { font-weight : normal; text-decoration : none; background-color : transparent; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
+  A:link    { font-weight : normal; text-decoration : none; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
+  A:hover   { color : #000000; font-weight : normal; text-decoration : underline; background-color : yellow; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
+  A:active  { color : #000000; font-weight: normal; background-color : transparent; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; display: inline; }
+  .VERSION { font-size: small; font-family : arial, sans-serif; }
+  .NORM  { color: lime;  background-color: transparent;}
+  .FIFO  { color: mediumpurple; background-color: transparent;}
+  .CHAR  { color: yellow; background-color: transparent;}
+  .DIR   { color: deepskyblue;   background-color: transparent;}
+  .BLOCK { color: yellow; background-color: transparent;}
+  .LINK  { color: aqua;   background-color: transparent;}
+  .SOCK  { color: fuchsia;background-color: transparent;}
+  .EXEC  { color: limegreen;  background-color: transparent;}
+  -->
+ </style>
+</head>
+<body>
+	<h1>themes</h1><p>
+	<a class="NORM" href="..">..</a><br>
+[350K&nbsp;May&nbsp;23&nbsp;18:36]&nbsp;&nbsp;<a class="EXEC" href="./Stians-Theme.zip">Stians-Theme.zip</a><br>
+[&nbsp;912&nbsp;May&nbsp;24&nbsp;14:55]&nbsp;&nbsp;<a class="EXEC" href="./SyncedTabs.svg">SyncedTabs.svg</a><br>
+[&nbsp;854&nbsp;May&nbsp;23&nbsp;18:33]&nbsp;&nbsp;<a class="EXEC" href="./TabsTrash.svg">TabsTrash.svg</a><br>
+	<br><br>
+	</p>
+	<p>
+
+0 directories, 3 files
+	<br><br>
+	</p>
+</html>
