feat: improved default css, added example themes

rmenu/public/default.css

@@ -3,17 +3,17 @@ body {
   overflow: hidden;
 }
 
-main {
+body > div {
-  display: flex;
+  height: -webkit-fill-available;
-  flex-direction: column;
+  overflow: hidden;
-  justify-content: center;
 }
 
 .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;

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; 
+}

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; 
+}

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;
+}