From 6287d2db5034d63ff065c5fee59f157bc81b7a52 Mon Sep 17 00:00:00 2001
From: Alexandar Mechev <apmechev@gmail.com>
Date: Mon, 5 Oct 2020 16:00:48 +0200
Subject: [PATCH] adds whoogle-dark to themes

---
 app/static/css/themes/whoogle-dark.css        | 42 +++++++++++++++++++
 app/static/css/themes/whoogle-search-dark.css | 35 ++++++++++++++++
 2 files changed, 77 insertions(+)
 create mode 100644 app/static/css/themes/whoogle-dark.css
 create mode 100644 app/static/css/themes/whoogle-search-dark.css

diff --git a/app/static/css/themes/whoogle-dark.css b/app/static/css/themes/whoogle-dark.css
new file mode 100644
index 0000000..36cfada
--- /dev/null
+++ b/app/static/css/themes/whoogle-dark.css
@@ -0,0 +1,42 @@
+html {
+    background-color: #000 !important;
+}
+
+body {
+    background-color: #222 !important;
+}
+
+div {
+    /*background-color: #111 !important;*/
+    color: #fff !important;
+}
+
+a:visited h3 div {
+    color: #bbbbff !important;
+}
+
+a:link h3 div {
+    color: #4b8eea !important;
+}
+
+a:link div {
+    color: #aaffaa !important;
+}
+
+div span {
+    color: #bbb !important;
+}
+
+input {
+    background-color: #111 !important;
+    color: #fff !important;
+}
+
+#search-bar {
+    color: #fff !important;
+    background-color: #000 !important;
+}
+
+.search-container {
+    background-color: #000 !important;
+}
diff --git a/app/static/css/themes/whoogle-search-dark.css b/app/static/css/themes/whoogle-search-dark.css
new file mode 100644
index 0000000..2ac5b47
--- /dev/null
+++ b/app/static/css/themes/whoogle-search-dark.css
@@ -0,0 +1,35 @@
+.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: #fff;
+    background-color: #000;
+    border-bottom: 1px solid #242424;
+}
+
+.autocomplete-items div:hover {
+    background-color: #404040;
+}
+
+.autocomplete-active {
+    background-color: #685e79 !important;
+    color: #ffffff;
+}
\ No newline at end of file