Customise rofi theme

1 files changed, 40 insertions, 60 deletions

diff --git a/rofi/spotlight.rasi b/rofi/spotlight.rasi
index 395e3f0..d93b50c 100644
--- a/rofi/spotlight.rasi
+++ b/rofi/spotlight.rasi
@@ -5,94 +5,74 @@
  *******************************************************************************/
 
 * {
-    font:   "Montserrat 12";
+	font:   "Noto Serif CJK SC 14";
+	bg:     #ffffe8;
+	fg:     black;
 
-    bg0:     #F5F5F5BF;
-    bg1:     #7E7E7E80;
-    bg2:     #0860F2E6;
-
-    fg0:     #242424;
-    fg1:     #FFFFFF;
-    fg2:     #24242480;
-
-    background-color:   transparent;
-    text-color:         @fg0;
-
-    margin:     0;
-    padding:    0;
-    spacing:    0;
+	background-color:   @bg;
+	text-color:         @fg;
 }
 
 window {
-    background-color:   @bg0;
+	background-color:   @fg;
 
-    location:       center;
-    width:          640;
-    border-radius:  8;
-}
+	location: center;
+	anchor: center;
+	width: 50%;
+	height: 60%;
 
-inputbar {
-    font:       "Montserrat 20";
-    padding:    12px;
-    spacing:    12px;
-    children:   [ icon-search, entry ];
-}
+	border: 1px;
+	border-color: @fg;
+	border-radius:  0;
 
-icon-search {
-    expand:     false;
-    filename:   "search";
-    size: 28px;
 }
 
-icon-search, entry, element-icon, element-text {
-    vertical-align: 0.5;
+inputbar {
+	font:      @font;
+	padding:    12px;
+	children:   [ entry ];
 }
 
 entry {
-    font:   inherit;
+	font:   inherit;
 
-    placeholder         : "Search";
-    placeholder-color   : @fg2;
+	/* placeholder         : ""; */
+	/* placeholder-color   : @fg; */
 }
 
 message {
-    border:             2px 0 0;
-    border-color:       @bg1;
-    background-color:   @bg1;
+	border:             2px 0 0;
+	border-color:       @bg;
+	background-color:   red;
 }
 
 textbox {
-    padding:    8px 24px;
+	padding:    12px;
+	background-color: @bg;
 }
 
 listview {
-    lines:      10;
-    columns:    1;
-
-    fixed-height:   false;
-    border:         1px 0 0;
-    border-color:   @bg1;
+	columns:    1;
+	fixed-height:   false;
+	border:         1px 0 0;
+	padding: 12px;
+	border-color:   @fg;
 }
 
 element {
-    padding:            8px 16px;
-    spacing:            16px;
-    background-color:   transparent;
+	padding:            6px;
+	background-color:   @bg;
 }
 
 element normal active {
-    text-color: @bg2;
-}
-
-element selected normal, element selected active {
-    background-color:   @bg2;
-    text-color:         @fg1;
-}
-
-element-icon {
-    size:   1em;
+	border: 1px;
+	border-color: @fg;
 }
 
-element-text {
-    text-color: inherit;
+element selected normal, 
+element selected active {
+	background-color:   @bg;
+	text-color:         @fg;
+	border: 2px;
+	border-color: @fg;
 }