theme/sshmenu.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     fullscreen: true;
  82     /** Place on top center of rofi window on the top center of the screen. */
  83     anchor: north;
  84     location: north;
  85
  86     /** 100% screen width */
  87     width: 100%;
  88
  89     /** Black transparent color. */
  90     background-color: @bg-trans;
  91     /** Small one 1 font width border on inside of window. */
  92     padding: 0 0 2em;
  93
  94     /** border */
  95     border:  0;
  96 }
  97
  98 /**
  99  * Main container in the window.
 100  */
 101 mainbox {
 102     /** spacing between widgets */
 103     spacing: 1em;
 104 }
 105
 106 /**
 107  * listview that shows entries.
 108  */
 109 listview {
 110     /** 4 rows. */
 111     lines: 3;
 112     /** 6 columns */
 113     columns: 2;
 114     /** add 1 em spacing between items */
 115     spacing: 1em;
 116     /** Don't reduce columns if less items are available. */
 117     fixed-columns: true;
 118 }
 119 scrollbar {
 120         enabled: false;
 121 }
 122
 123 /**
 124  * entry in listview.
 125  */
 126 element {
 127     /** clients are packed vertically. */
 128     orientation: vertical;
 129     /** 2 px border */
 130     border: 1px;
 131     /** with 4px radius on corners. */
 132     border-radius:    1em;
 133     border-color:     @accent;
 134     background-color: @bg-trans;
 135     /** 4 px padding on the inside of border */
 136     cursor: pointer;
 137     padding: 2em 3em 3em;
 138 }
 139
 140 /** selected element */
 141 element selected {
 142     /** highlighted colors */
 143     background-color: @accent;
 144 }
 145 /** Entry text */
 146 element-text {
 147     /* align font in (horizontally) center */
 148     vertical-align: 0.5;
 149     horizontal-align: 0.5;
 150     cursor: inherit;
 151     text-color: @accent;
 152 }
 153 element-text selected {
 154     border-radius: 1em;
 155     background-color: @accent;
 156     text-color: @bg;
 157 }