feat: new launchpad theme

Makefile

@@ -17,6 +17,7 @@ install: build deploy
 
 deploy:
 	mkdir -p ${DEST}
+	cp -vfr themes ${DEST}/themes
 	cp -vfr other-plugins/* ${DEST}/.
 	cp -vf ./target/release/rmenu ${INSTALL}/rmenu
 	cp -vf ./target/release/rmenu-build ${INSTALL}/rmenu-build
@@ -25,6 +26,7 @@ deploy:
 	cp -vf ./target/release/network ${DEST}/rmenu-network
 	cp -vf ./target/release/window ${DEST}/rmenu-window
 	cp -vf ./rmenu/public/config.yaml ${DEST}/config.yaml
+	ln -sf  ${DEST}/themes/dark.css ${DEST}/style.css
 
 build: build-rmenu build-plugins
 

rmenu/public/config.yaml

@@ -26,7 +26,7 @@ plugins:
     exec:  ["~/.config/rmenu/rmenu-desktop"]
     cache: onlogin
     options:
-      css: ~/Code/rust/rmenu2/themes/fullscreen.css
+      css: ~/.config/rmenu/themes/launchpad.css
       transparent: true
       window_width: 1200
       window_height: 800
@@ -56,5 +56,7 @@ keybinds:
   exit:       ["Escape"]
   move_next:  ["Arrow-Down", "Tab"]
   move_prev:  ["Arrow-Up", "Shift+Tab"]
+  jump_next:  ["Page-Down"]
+  jump_prev:  ["Page-Up"]
   open_menu:  ["Arrow-Right"]
   close_menu: ["Arrow-Left"]

themes/launchpad.css

@@ -0,0 +1,86 @@
+* {
+	font-family: monospace;
+  color: #f5f5f5;
+	background-color: transparent;
+}
+
+:root {
+  --bg1:  #363636;
+  --bg2:  #f5f5f520;
+  --bg3:  #f5f5f540;
+  --bg4:  #0860f2E6;
+
+  --fg0:  #f5f5f5;
+  --fg1:  #f5f5f580;
+}
+
+html, body {
+  background-color: #24242480;
+}
+
+input {
+  width: 33.333%;
+  height: 1.5rem;
+  margin-left: 33.333%;
+
+  border: 1px;
+  border-color:  #f5f5f540;
+  border-radius: 2px;
+  background-color: #363636;
+}
+
+input::placeholder {
+  color: #f5f5f520;
+}
+
+.navbar {
+  top: 0.5rem;
+}
+
+.results {
+  margin: 5vh;
+  height: 90vh;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+}
+
+.result-entry {
+  display: flex;
+  flex-basis: 20%;
+  align-items: center;
+  justify-content: center;
+  background-color: transparent !important;
+}
+
+.result {
+  display: flex;
+  flex-direction: column;
+  font-size: 30px;
+  width: 10rem;
+  padding: 0.5rem;
+ 
+  border-radius:  16px;
+  border-color: transparent;
+}
+
+.icon {
+  width: 100%;
+  font-size: 6rem;
+}
+
+.name,
+.entry {
+  width: 100%;
+  font-size: 1rem;
+  text-align: center;
+}
+
+.comment {
+  display: none;
+}
+
+.selected {
+  background-color: #0860f2E6;
+}