Adds solarized theme (+dark)

themes footer in index page

app/static/css/themes/solarized-search.css

@@ -0,0 +1,51 @@
+.autocomplete {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+}
+
+.autocomplete-items {
+    position: absolute;
+    border: 1px solid #685e79;
+    border-bottom: none;
+    border-top: none;
+    z-index: 99;
+
+    /*position the autocomplete items to be the same width as the container:*/
+    top: 100%;
+    left: 0;
+    right: 0;
+}
+
+.autocomplete-items div {
+    padding: 10px;
+    cursor: pointer;
+    color: #002b36 !important;
+    background-color: #eee8d5 !important;
+    border-bottom: 1px solid #242424;
+}
+
+body.dark * div#search-bar-autocomplete-list div{
+    padding: 10px;
+    cursor: pointer;
+    color: #eee8d5 !important;
+    background-color: #002b36 !important;
+    border-bottom: 1px solid #fff;
+}
+
+body.dark * div#search-bar-autocomplete-list div:hover {
+    background-color: #586e75 !important;
+    color: #eee8d5 !important;
+}
+
+
+
+.autocomplete-items div:hover {
+    background-color: #4C566A !important;
+    color: #ECEFF4 !important;
+}
+
+.autocomplete-active {
+    background-color: #685e79 !important;
+    color: #f9fafb !important;
+}

app/static/css/themes/solarized.css

@@ -0,0 +1,91 @@
+html {
+    background-color: #eee8d5 !important;
+    color:#002b36;
+}
+
+html.dark {
+    background-color: #002b36 !important;
+    color: #eee8d5 !important;
+}
+
+body.dark {
+    background-color: #002b36 !important;
+    color: #eee8d5 !important;
+}
+
+body.dark>a:link div{
+    color: #2aa198 !important;
+}
+
+div {
+    color: #073642; 
+}
+
+
+a:visited h3 div {
+    color: #2aa198 !important;
+}
+
+body.dark * a:visited h3 div{
+    color: #2aa198 !important;
+}
+
+a:link h3 div {
+    color: #6c71c4 
+}
+
+a:link div {
+    color: #81a1c1 !important;
+}
+
+div span.dark {
+    color: #eee8d5 !important;
+}
+
+div span {
+    color: #3B4252;
+}
+
+input {
+    background-color: #eee8d5 !important;
+    color: #3B4252 !important;
+}
+
+body.dark * input {
+    background-color: #586e75 !important;
+    color: #eee8d5 !important;
+}
+
+body.dark * #search-bar {
+    width: 100%;
+    border: 1px solid #e9e9e9;
+    color: #eee8d5;
+    background-color: #4C566A;
+
+}
+
+
+#search-bar {
+    color: #4C566A;
+    background-color: #ffffff ;
+}
+
+footer {
+    background-color: #eee8d5 ;
+    color: #3B4252;
+}
+
+footer.dark{
+    background-color: #002b36 !important;
+    color: #ECEFF4;
+} 
+
+.reskin {
+    background-color: #eee8d5;
+    color: #073642;
+}
+
+.reskin-dark {
+    background-color: #073642;
+    color: #eee8d5;
+}

app/templates/index.html

@@ -144,7 +144,7 @@
                 </div>
             </div>
         </div>
-        <footer>
+        <footer class="{{ 'dark' if config['dark'] else '' }}">
             <p>
                 Whoogle Search v{{ version_number }} ||
                 <a style="color: #685e79" href="https://github.com/benbusby/whoogle-search">View on GitHub</a>