theme/appmenu.rasi

   1 /*
   2  * DARKNIX appsmenu rofi theme
   3  * tested on a 1366x768 screen
   4  */
   5
   6 /* IMPORTS */
   7 @import "libs/settings.rasi"
   8 @import "libs/reset.rasi"
   9
  10 /** Default settings, every widget inherits from this. */
  11 * {
  12     /** Default background color is transparent. */
  13     background-color: @bg-trans;
  14     text-color:       @accent;
  15 }
  16
  17 /**
  18  * Entry box on top.
  19  */
  20 entry {
  21     /** Background is grey */
  22     background-color: @bg;
  23     /** 4px padding on the inside of the border. */
  24     padding:       4px;
  25     /** when no text is set, show 'Type to filter' */
  26     placeholder:       "Type to filter";
  27     placeholder-color: @fg;
  28     /** inherit font setting from parent */
  29     font: inherit;
  30     cursor: text;
  31         border: 2px 2px 2px 0px;
  32     /** with a radius on the left two corners. */
  33     border-radius: 0px 4px 4px 0px;
  34     /** add matching border. */
  35     border-color: @accent;
  36 }
  37
  38 /**
  39  * Input bar
  40  */
  41 inputbar {
  42     /** no spacing between widgets */
  43     spacing: 0;
  44     /** include entry and mode-switcher (removes prompt) */
  45     children: [  icon-keyboard, entry ];
  46     /** use monospace font. */
  47     font:   "Montserrat 18";
  48     margin: 0 10em 1em;
  49 }
  50
  51 entry {
  52         vertical-align: 0.5;
  53 }
  54
  55 /**
  56  * Small icon in inputbar
  57  */
  58 icon-keyboard {
  59     /** give it a 2 pixel border, except on the right side. */
  60     border:        2px 0px 2px 2px;
  61     /** with a radius on the left two corners. */
  62     border-radius: 4px 0px 0px 4px;
  63     /** add matching border. */
  64     border-color: @accent;
  65     /** match background. */
  66     background-color: @bg;
  67     /** move icon away from right border. */
  68     padding: 0px 10px 0px 10px;
  69     /** Only use required space. */
  70     expand: false;
  71     /** icon is around 1.2 font width */
  72     size: 1.2em;
  73     /** Icon name, we use symbolic name here */
  74     filename: "keyboard";
  75 }
  76
  77 /**
  78  * Main window widget
  79  */
  80 window {
  81     /** Place on top center of rofi window on the top center of the screen. */
  82     anchor: north;
  83     location: north;
  84
  85     /** 100% screen width */
  86     width: 100%;
  87
  88     /** Black transparent color. */
  89     background-color: @bg-trans;
  90     /** Small one 1 font width border on inside of window. */
  91     padding: 0 0 2em;
  92
  93     /** border */
  94     border:  0;
  95 }
  96
  97 /**
  98  * Main container in the window.
  99  */
 100 mainbox {
 101     /** spacing between widgets */
 102     spacing: 1em;
 103 }
 104
 105 /**
 106  * listview that shows entries.
 107  */
 108 listview {
 109     /** 4 rows. */
 110     lines: 4;
 111     /** 6 columns */
 112     columns: 6;
 113     /** add 1 em spacing between items */
 114     spacing: 0.5em;
 115     /** Don't reduce columns if less items are available. */
 116     fixed-columns: true;
 117 }
 118 scrollbar {
 119         enabled: false;
 120 }
 121
 122 /**
 123  * entry in listview.
 124  */
 125 element {
 126     /** clients are packed vertically. */
 127     orientation:      vertical;
 128     /** 2 px border */
 129     border:           1px;
 130     /** with 4px radius on corners. */
 131     border-radius:    1em;
 132     border-color:     @accent;
 133     background-color: @bg-trans;
 134     /** 4 px padding on the inside of border */
 135     cursor: pointer;
 136     padding:          6px;
 137 }
 138
 139 /** selected element */
 140 element selected {
 141     /** highlighted colors */
 142     background-color: @bg-focus;
 143     text-color:       @fg-list;
 144 }
 145
 146 /** Entry icon */
 147 element-icon {
 148     /** change size to 128 pixels. */
 149     size: 128px;
 150     cursor: inherit;
 151 }
 152
 153 /** Entry text */
 154 element-text {
 155     /* align font in (horizontally) center */
 156     horizontal-align: 0.5;
 157     cursor: inherit;
 158 }
 159 element-text selected {
 160     border-radius: 1em;
 161     background-color: @accent;
 162     text-color: @bg;
 163 }