Merge pull request #71 from Extravi/updated/newthemes

New themes and imrpoved themes such as light theme.

settings.php

@@ -48,12 +48,16 @@
                 <select name="theme">
                 <?php
                     $themes = "<option value=\"dark\">Dark</option>
+                    <option value=\"darker\">Darker</option>
                     <option value=\"amoled\">AMOLED</option>
                     <option value=\"light\">Light</option>
                     <option value=\"auto\">Auto</option>
                     <option value=\"nord\">Nord</option>
                     <option value=\"night_owl\">Night Owl</option>
                     <option value=\"discord\">Discord</option>
+                    <option value=\"google\">Google Dark</option>
+                    <option value=\"startpage\">Startpage Dark</option>
+                    <option value=\"gruvbox\">Gruvbox</option>
                     <option value=\"github_night\">GitHub Night</option>";
 
                     if (isset($_COOKIE["theme"]))

static/css/dark.css

@@ -1,19 +1,19 @@
 :root {
     --main-bg: #1c1c1c;
-    --main-fg: #e8eaed;
+    --main-fg: #F1F3F4;
 
-    --result-link-fg: #8ab4f8;
+    --result-link-fg: #8AB4F8;
     --result-fg: #999da2;
 
     --button-bg: #333333;
 
     --special-result-border: opacity: 0;
     --special-text-background: #282828;
-    --special-text-color: #cccccc;
+    --special-text-color: #F1F3F4;
 
-    --search-container-text-color: #e8eaed;
+    --search-container-text-color: #F1F3F4;
     --search-container-background-color: #333333;
-    --search-container-background-border: #5f6368;
+    --search-container-background-border: #3C4043;
 
     --search-form-background-color: #161616;
     

static/css/darker.css

@@ -0,0 +1,26 @@
+:root {
+    --main-bg: #0a0b0d;
+    --main-fg: #F1F3F4;
+
+    --result-link-fg: #8AB4F8;
+    --result-fg: #BABCBE;
+
+    --button-bg: #303134;
+
+    --special-result-border: #202124;
+    --special-text-background: #0a0b0d;
+    --special-text-color: #F1F3F4;
+
+    --search-container-text-color: #F1F3F4;
+    --search-container-background-color: #303134;
+    --search-container-background-border: #3C4043;
+
+    --search-form-background-color: #0a0b0d;
+
+    --border: #202124;
+
+    --footer-fg: #BABCBE;
+    --footer-bg: #080808;
+
+    color-scheme: dark;
+}

static/css/google.css

@@ -0,0 +1,26 @@
+:root {
+    --main-bg: #202124;
+    --main-fg: #F1F3F4;
+
+    --result-link-fg: #8AB4F8;
+    --result-fg: #BABCBE;
+
+    --button-bg: #303134;
+
+    --special-result-border: #3c4043;
+    --special-text-background: #202124;
+    --special-text-color: #F1F3F4;
+
+    --search-container-text-color: #F1F3F4;
+    --search-container-background-color: #303134;
+    --search-container-background-border: #3C4043;
+
+    --search-form-background-color: #202124;
+
+    --border: #3c4043;
+
+    --footer-fg: #BABCBE;
+    --footer-bg: #171717;
+
+    color-scheme: dark;
+}

static/css/gruvbox.css

@@ -0,0 +1,26 @@
+:root {
+    --main-bg: #262622;
+    --main-fg: #f2efd3;
+
+    --result-link-fg: #8AB4F8;
+    --result-fg: #a2a08e;
+
+    --button-bg: #1b1b18;
+
+    --special-result-border: rgba(0,0,0,.2);
+    --special-text-background: #1b1b18;
+    --special-text-color: #f2efd3;
+
+    --search-container-text-color: #f2efd3;
+    --search-container-background-color: #262622;
+    --search-container-background-border: #3C4043;
+
+    --search-form-background-color: #151613;
+
+    --border: rgba(0,0,0,.2);
+
+    --footer-fg: #a2a08e;
+    --footer-bg: #151613;
+
+    color-scheme: dark;
+}

static/css/light.css

@@ -1,24 +1,24 @@
 :root {
-    --main-bg: #f2f4f7;
-    --main-fg: #202124;
+    --main-bg: #ffffff;
+    --main-fg: #000000;
 
     --result-link-fg: #1a0dab;
-    --result-fg: #70757a;
+    --result-fg: #202124;
 
-    --button-bg: #fff;
+    --button-bg: #f6f6f6;
 
-    --special-result-border: opacity: 0;
-    --special-text-background: #fff;
-    --special-text-color: #202124;
+    --special-result-border: #dadce0;
+    --special-text-background: #ffffff;
+    --special-text-color: #000000;
 
-    --search-container-text-color: #202124;
-    --search-container-background-color: #fff;
+    --search-container-text-color: #000000;
+    --search-container-background-color: #f6f6f6;
     --search-container-background-border: #dadce0;
 
-    --search-form-background-color: #f9fafd;
-    
+    --search-form-background-color: #ffffff;
+
     --border: #dadce0;
 
-    --footer-fg: #202124;
-    --footer-bg: #f2f2f2;
+    --footer-fg: #353535;
+    --footer-bg: #f6f6f6;
 }

static/css/startpage.css

@@ -0,0 +1,26 @@
+:root {
+    --main-bg: #171b25;
+    --main-fg: #e8eaed;
+
+    --result-link-fg: #a7b1fc;
+    --result-fg: #ebecf7;
+
+    --button-bg: #0c0d0f;
+
+    --special-result-border: #3a445c;
+    --special-text-background: #1e222d;
+    --special-text-color: #e8eaed;
+
+    --search-container-text-color: #ebecf7;
+    --search-container-background-color: #2e3443;
+    --search-container-background-border: #2e3443;
+
+    --search-form-background-color: #0c0d0f;
+    
+    --border: #0c0d0f;
+
+    --footer-fg: #999da2;
+    --footer-bg: #0c0d0f;
+    
+    color-scheme: dark;
+}