From dfde39c5b7514b7a8dbffb16e91424e4f76862a6 Mon Sep 17 00:00:00 2001
From: imgurbot12 <imgurbot12@gmail.com>
Date: Tue, 8 Aug 2023 16:29:02 -0700
Subject: [PATCH] feat: improved default css, added example themes

---
 rmenu/public/default.css | 12 ++++++------
 themes/dark.css          | 25 +++++++++++++++++++++++++
 themes/nord.css          | 22 ++++++++++++++++++++++
 themes/solarized.css     | 27 +++++++++++++++++++++++++++
 4 files changed, 80 insertions(+), 6 deletions(-)
 create mode 100644 themes/dark.css
 create mode 100644 themes/nord.css
 create mode 100644 themes/solarized.css

diff --git a/rmenu/public/default.css b/rmenu/public/default.css
index b2e0b75..8174ffd 100644
--- a/rmenu/public/default.css
+++ b/rmenu/public/default.css
@@ -3,17 +3,17 @@ body {
   overflow: hidden;
 }
 
-main {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
+body > div {
+  height: -webkit-fill-available;
+  overflow: hidden;
 }
 
 .navbar {
   top: 0;
+  left: 0;
   position: fixed;
   overflow: hidden;
-  min-width: 99%;
+  width: -webkit-fill-available;
 }
 
 .results {
@@ -29,7 +29,7 @@ main {
 /* Navigation */
 
 input {
-  width: 99%;
+  width: 100%;
   height: 5vw;
   outline: none;
   border: none;
diff --git a/themes/dark.css b/themes/dark.css
new file mode 100644
index 0000000..6d3917f
--- /dev/null
+++ b/themes/dark.css
@@ -0,0 +1,25 @@
+* {
+	font-family: monospace;
+	color: white;
+}
+
+html {
+	background-color: #383C4A;
+}
+
+#search {
+	border: none;
+	border-radius: 0px;
+	border-bottom: 3px solid black;
+	background-color: #383C4A;
+	margin-bottom: 5px;
+	padding-bottom: 0px;
+}
+
+.result-entry:nth-child(odd){
+	background-color: #404552;
+}
+
+.selected {
+  background-color: #5291e2; 
+}
diff --git a/themes/nord.css b/themes/nord.css
new file mode 100644
index 0000000..5be0eff
--- /dev/null
+++ b/themes/nord.css
@@ -0,0 +1,22 @@
+* {
+	font-family: "Hack", monospace;
+	color: white;
+}
+
+html {
+	background-color: #3B4252;
+}
+
+#search {
+	border: none;
+	border-radius: 0px;
+	background-color: #3B4252;
+}
+
+.result-entry:nth-child(odd){
+	background-color: #404552;
+}
+
+.selected {
+  background-color: #4C566A; 
+}
diff --git a/themes/solarized.css b/themes/solarized.css
new file mode 100644
index 0000000..e42a3b9
--- /dev/null
+++ b/themes/solarized.css
@@ -0,0 +1,27 @@
+* {
+	color: #839496;
+	font-family: monospace;
+	margin: 0px;
+}
+
+html, body {
+	margin: 0px;
+	border: 1px solid #928374;
+	background-color: #002b36;
+}
+
+.navbar {
+	margin: 2px;
+}
+
+#search {
+	border: none;
+	color: #839496;
+	background-color: #073642;
+	padding: 5px;
+	width: -webkit-fill-available;
+}
+
+.selected {
+	background-color: #073642;
+}