wofi/style.css

@@ -1,56 +1,65 @@
-/*
+/** ********** Fonts ********** **/
-* Docs: https://cloudninja.pw/docs/wofi.html
+* {
-*/
+    font-family: "JetBrains Mono", "Iosevka Nerd Font", archcraft, sans-serif;
-
+    font-size: 12px;
-window {
-  margin: 5px;
-  border: 1px solid #bd93f9;
-  background-color: #282a36;
 }
 
-#input {
-  margin: 5px;
-  border: none;
-  color: #f8f8f2;
-  background-color: #44475a;
-}
 
-#inner-box {
+
-  margin: 5px;
+#window {
-  border: none;
+	background-color: black;
-  background-color: #282a36;
+	color: --wofi-color2;
+	border: 1px solid #2255dd;
+	border-radius: 6px;
+	opacity: 0.8;
 }
 
 #outer-box {
-  padding: 5px;
+	padding: 20px;
-  margin: 5px;
+}
-  border: none;
+
-  background-color: #282a36;
+#input {
+	background-color: --wofi-color1;
+	border: 0px solid --wofi-color3;
+	padding: 8px 12px;
+	opacity: 0.8;
 }
 
 #scroll {
-  margin: 0px;
+	margin-top: 20px;
-  border: none;
+}
+
+#inner-box {
+	opacity: 0.8;
+}
+
+#img {
+	padding-right: 8px;
 }
 
 #text {
-  margin: 5px;
+	color: --wofi-color2;
-  border: none;
-  color: #f8f8f2;
 }
 
-#entry.activatable #text {
+#text:selected {
-  color: #282a36;
+	color: --wofi-color0;
 }
 
-#entry > * {
+#entry {
-  color: #f8f8f2;
+	padding: 6px;
 }
 
 #entry:selected {
-  background-color: #44475a;
+	background-color: --wofi-color3;
+	color: --wofi-color0;
 }
 
-#entry:selected #text {
+#unselected {
-  font-weight: bold;
+}
+
+#selected {
+}
+
+#input, #entry:selected {
+	border-radius: 4px;
 }