theme.rasi

/**
 * ROFI Color theme
 */
* {
  spacing:                     8px;
  foreground:                  #ffffff;
  background:                  #3F3F3F;
  separatorcolor:              #000000;
  bordercolor:                 #FFFFFF;

  border-color:                @bordercolor;
  background-color:            @background;
  text-color:                  @foreground;

  normal-foreground:           @foreground;
  active-foreground:           #FFFFFF;
  urgent-foreground:           #161719;

  alternate-normal-foreground: @normal-foreground;
  alternate-active-foreground: @active-foreground;
  alternate-urgent-foreground: @urgent-foreground;

  normal-background:           #4C4C4C;
  active-background:           @normal-background;
  urgent-background:           @normal-background;

  alternate-normal-background: @normal-background;
  alternate-urgent-background: @active-background;
  alternate-active-background: @urgent-background;

  selected-normal-foreground:  #FFFFFF;
  selected-active-foreground:  @selected-normal-foreground;
  selected-urgent-foreground:  @selected-normal-foreground;

  selected-normal-background:  #4c4c4c;
  selected-active-background:  @selected-normal-background;
  selected-urgent-background:  @selected-normal-background;

  lightfg:                     #000000;
  lightbg:                     #000000;

}
#window {
  width: 100%;
  height: 100%;
  padding:          20% 30% 20% 10%;
  border:           0;
}
#inputbar {
  border: 0 0 0 0;
  children: [prompt,entry];
}

#prompt {
  padding: 16px;
  border: 0 0 0 0;
  font: "Tahoma 20";
}

#entry {
  padding: 16px;
  font: "Tahoma 20";
  placeholder: " search";
  placeholder-color: @normal-background;
}

#listview {
  cycle: false;
  margin: 10px 10px 10px 10px;
  scrollbar: true;
  scrollbar-width: 8;
  dynamic: false;
}

#element {
  orientation: vertical;
  spacing: 5px;
}

#element-icon {
  size: 36;
  padding: 30px;
}

#element-text {
  horizontal-align: 0;
  padding: 0px 35px 3px 3px;
}

#element normal.normal {
  background-color: @normal-background;
  text-color:       @normal-foreground;
}

#element alternate.normal {
  background-color: @alternate-normal-background;
  text-color:       @alternate-normal-foreground;
}

#element normal.active {
  background-color: @active-background;
  text-color:       @active-foreground;
}

#element alternate.active {
  background-color: @alternate-active-background;
  text-color:       @alternate-active-foreground;
}

#element normal.urgent {
  background-color: @urgent-background;
  text-color:       @urgent-foreground;
}

#element alternate.urgent {
  background-color: @alternate-urgent-background;
  text-color:       @alternate-urgent-foreground;
}

#element selected {
  background-color: @selected-normal-background;
  text-color:       @selected-normal-foreground;
  border: 2px;
}

#scrollbar {
    width:        4px ;
    border:       0;
    handle-color: @separatorcolor;
    handle-width: 8px ;
    padding:      0;
}