dotfiles/dot_config/rofi/config.rasi

////////////
//        //
//  rofi  //
//        //
////////////

configuration {
	modi: "run,calc:qalc +u8 --set 'digit grouping 1'";
  modi: "run,calc:qalc +u8 --set 'digit grouping 1',combi";
	font: "Source Han Code JP 12";
	terminal: "alacritty";
	show-icons: false;
	drun-display-format: "{name}";
	window-format: "{w} > {t}";
	display-run: "";
	display-window: "";
	display-ssh: "ssh";
	display-drun: "drun";
	display-combi: "comb";
	display-filebrowser: "file";
}


//-----------------------------------------------------------




//  SUPPORTED ELEMENT PATH
//  ++++++++++++++++++++++
//
//  window
//    overlay: the overlay widget.
//    mainbox: The mainbox box.
//        inputbar: The input bar box.
//            box: the horizontal @box packing the widgets
//            case-indicator: the case/sort indicator @textbox
//            prompt: the prompt @textbox
//            entry: the main entry @textbox
//            num-rows: Shows the total number of rows.
//            num-filtered-rows: Shows the total number of rows after filtering.
//        listview: The listview.
//            scrollbar: the listview scrollbar
//            element: a box in the listview holding the entries
//                element-icon: the widget in the listview's entry showing the (optional) icon
//                element-index: the widget in the listview's entry keybindable index (1,2,3..0)
//                element-text: the widget in the listview's entry showing the text.
//        mode-switcher: the main horizontal @box packing the buttons.
//            button: the buttons @textbox for each mode
//        message: The container holding the textbox.
//            textbox: the message textbox


// Define variables

* {
  bg-win: rgba(2, 4, 8, 0.8);
  bg: transparent;
  bg-normal: var(bg);
  bg-urgent: var(bg);
  bg-active: var(bg);
  bg-normal-selected: var(bg);
  bg-urgent-selected: var(bg);
  bg-active-selected: var(bg);
  bg-normal-alternate: var(bg);
  bg-urgent-alternate: var(bg);
  bg-active-alternate: var(bg);

  fg: #ccc;
  fg-dim: #777;
  fg-yellow: #f0c674;
  fg-red: #cc6666;
  fg-normal: var(fg-dim);
  fg-urgent: var(fg-dim);
  fg-active: var(fg-dim);
  fg-normal-selected: var(fg-yellow);
  fg-urgent-selected: var(fg-yellow);
  fg-active-selected: var(fg-yellow);
  fg-normal-alternate: var(fg-dim);
  fg-urgent-alternate: var(fg-dim);
  fg-active-alternate: var(fg-dim);
}

window {
  background-color: var(bg-win);
  fullscreen: true;
}

mainbox {
  background-color: transparent;
  margin: 35%;
}


error-message {
  background-color: transparent;
  margin: 35%;
}

textbox {
  text-color: var(fg-red);
}

inputbar {
  padding: 0.6em 0 0.6em 0.85em;
  margin: 0 0 1em 0;
  border: 0px 0px 1px;
  border-color: rgba(255, 255, 255, 0.25);
  text-color: var(fg);
  children:   [ entry,num-filtered-rows,textbox-num-sep,num-rows,case-indicator ];
}

prompt {
  text-color: var(fg-dim);
}

textbox-prompt-colon {
    margin:     0px 0.3000em 0.0000em 0.0000em ;
    expand:     false;
    str:        ":";
    text-color: var(fg-dim);
}

entry {
  text-color: #ccc;
}

message {
  margin: 0 1%;
}

listview {
  border: none;
  background-color: transparent;
  scrollbar: false;
  padding: 0 0.7em;
}

element {
  padding: 0.2em ;
  cursor:  pointer;
  spacing: 5px ;
  border:  0;
}
element normal.normal {
  background-color: var(bg-normal);
  text-color:       var(fg-normal);
}
element normal.urgent {
  background-color: var(bg-urgent);
  text-color:       var(fg-urgent);
}
element normal.active {
  background-color: var(bg-active);
  text-color:       var(fg-active);
}
element selected.normal {
  background-color: var(bg-normal-selected);
  text-color:       var(fg-normal-selected);
}
element selected.urgent {
  background-color: var(bg-urgent-selected);
  text-color:       var(fg-urgent-selected);
}
element selected.active {
  background-color: var(bg-active-selected);
  text-color:       var(fg-active-selected);
}
element alternate.normal {
  background-color: var(bg-normal-alternate);
  text-color:       var(fg-normal-alternate);
}
element alternate.urgent {
  background-color: var(bg-urgent-alternate);
  text-color:       var(fg-urgent-alternate);
}
element alternate.active {
  background-color: var(bg-active-alternate);
  text-color:       var(fg-active-alternate);
}

element-text {
  cursor:           inherit;
  highlight:        inherit;
  text-color:       inherit;
}
element-icon {
  size:             1.0000em ;
  cursor:           inherit;
  text-color:       inherit;
}