diff --git a/README.md b/README.md
index 90225acc4a37827636a04792ce4cab53080428c1..78541bf7d725dd209d976f0d9e9316598e8d27e9 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,5 @@
 
 # URL shorter
-### made by jonasled
 
 #### About
 This is a URL shorter written in Python with Flask als Webhandler. The Webserver I used is Waitress and for the Database I used sqlite, because it's compact and works in this enviorement also with big databases (>2million entries) very quick. I started develloping this URL schorter, because google stopped their own and I can't find a very good one. Every shorter at the time on the market was boring or needed an account. For the first Version I used PHP, but the problem was, I packed everything in one very big file which was very hard to understand. At the time I wanted to use more than one domain I realized it is very hard to implement this, so I started searching for a better solution. The i found Flask, ehich is perfect, because you can split the Website code and the backend into multiple Files. So have fun to use this and contribute to it.
diff --git a/static/jquery-ui.css b/static/jquery-ui.css
index 676500140bdc2f05f25b45dbc85b1405daacac87..2cf80792c42692f01b841b1fc88878b48b90b17b 100644
--- a/static/jquery-ui.css
+++ b/static/jquery-ui.css
@@ -834,3 +834,30 @@ a.ui-button:active,
 	-webkit-box-shadow: -12px -12px 12px #cccccc;
 	box-shadow: -12px -12px 12px #cccccc;
 }
+
+
+@media (prefers-color-scheme: dark) {
+	.ui-widget-header{
+		background: #10151f;
+		color: #b3b3b3;
+		border: 0px;
+	}
+
+	.ui-widget{
+		background: #1a2332;
+		color: #b3b3b3;
+	}
+
+	.ui-widget.ui-widget-content{
+		border: 1px solid #000;
+	}
+
+	ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{
+		border: 0px;
+		background: #000;
+	}
+
+	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
+		border: 0px;
+	}
+}
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
index 9adb9868ef38a060ed02b8f453ac2fda49729fb8..249b260a3993528e27f8d814abbba4e709c81fc3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -87,11 +87,7 @@ text-decoration: none;
 color: #EF3B3A;
 }
 body {
-background: #76b852; /* fallback for old browsers */
-background: -webkit-linear-gradient(right, #76b852, #8DC26F);
-background: -moz-linear-gradient(right, #76b852, #8DC26F);
-background: -o-linear-gradient(right, #76b852, #8DC26F);
-background: linear-gradient(to left, #76b852, #8DC26F);
+background: #76b852;
 font-family: "Roboto", sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;      
@@ -240,11 +236,7 @@ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+
 
 @media (prefers-color-scheme: dark) {
     body {
-        background: #151d28; /* fallback for old browsers */
-        background: -webkit-linear-gradient(right, #151d28, #10161f);
-        background: -moz-linear-gradient(right, #151d28, #10161f);
-        background: -o-linear-gradient(right, #151d28, #10161f);
-        background: linear-gradient(to left, #151d28, #10161f);
+        background: #151d28;
     }
     .form{
         background: #1a2332;
@@ -284,6 +276,11 @@ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+
         color: #b3b3b3;
     }
 
+    #snackbar {
+        background-color: #1a2332;
+        color: #b3b3b3;
+    }
+
     table#t01 th {
         color: #b3b3b3;
     }
diff --git a/templates/apiDocs.html b/templates/apiDocs.html
index 27eabbb27d6d2d00b0e4c51972be9af7d78e980b..2df341b03942c2076ee16880758b643e730962ea 100644
--- a/templates/apiDocs.html
+++ b/templates/apiDocs.html
@@ -13,6 +13,35 @@
         smaller {
             font-size: 13px;
         }
+        @media (prefers-color-scheme: dark) {
+            body{
+                background-color: #151d28;
+                color: #b3b3b3;
+            }
+
+            table th {
+                color: #b3b3b3;
+            }
+            table tr:nth-child(even) {
+                background-color: #1a2332;
+                color: #b3b3b3;
+            }
+            table tr:nth-child(odd) {
+                background-color: #10151f;
+                color: #b3b3b3;
+            }
+            input{
+                background: #151c29;
+                border: solid;
+                border-color: #10151f;
+                color: #b3b3b3;
+            }
+            button{
+                background: #151c29;
+                color: #b3b3b3;
+                border: solid #10151f; 
+            }
+        }
     </style>
     <title>API docs</title>
 </head>
diff --git a/templates/editEntries.html b/templates/editEntries.html
index 70fc9a42fa90cf2a49aecd7796079e4f62c597d3..bf5439cb8023e448b12b8fe517f6dfbc68651c9e 100644
--- a/templates/editEntries.html
+++ b/templates/editEntries.html
@@ -36,7 +36,7 @@
                document.getElementById("dialogContent").src = data;
                $( "#dialog" ).dialog( "open" );
                setTimeout(function(){
-                  $('#dialog').dialog({width: document.getElementById("dialogContent").width + 35});
+                  $('#dialog').dialog({width: document.getElementById("dialogContent").width + 37});
                }, 1);
 
             });