/* Spotlight-Dark — macOS-inspired Rofi theme */

configuration {
  modi: "drun,run,window";
  show-icons: true;
  icon-theme: "Papirus-Dark";
  drun-display-format: "{name}";
  font: "JetBrainsMono Nerd Font 14";
  matching: "fuzzy";
  terminal: "ghostty";
  fuzzy-match: true;
  scrollbar: false;
  sidebar-mode: false;
}

* {
  bg-col:         rgba(30, 30, 46, 0.93);
  bg-alt:         rgba(49, 50, 68, 0.95);
  fg-col:         rgba(205, 214, 244, 1.0);
  fg-dim:         rgba(205, 214, 244, 0.5);
  sel-bg:         rgba(137, 180, 250, 0.18);
  urgent-col:     rgba(243, 139, 168, 1.0);
  border-col:     rgba(137, 180, 250, 0.0);
}

window {
  width: 520px;
  location: center;
  anchor: center;
  fullscreen: false;
  y-offset: -120px;

  border: 0px;
  border-radius: 14px;
  background-color: @bg-col;
  text-color: @fg-col;
  padding: 0;
}

mainbox {
  padding: 0;
  children: [ inputbar, listview ];
  spacing: 0;
}

inputbar {
  padding: 14px 18px;
  background-color: @bg-alt;
  border-radius: 14px 14px 0 0;
  margin: 0;
  children: [ entry, case-indicator ];
  spacing: 8;
}

entry {
  background: transparent;
  text-color: @fg-col;
  caret-color: @fg-col;
  placeholder-color: @fg-dim;
  placeholder: "Search apps, commands...";
  expand: true;
  horizontal-align: 0;
  vertical-align: 0.5;
  font: "JetBrainsMono Nerd Font 14";
}

case-indicator {
  background: transparent;
  text-color: @fg-dim;
  font: "JetBrainsMono Nerd Font 10";
  spacing: 0;
}

listview {
  background: transparent;
  padding: 6px 0;
  lines: 8;
  columns: 1;
  spacing: 0;
  cycle: true;
  dynamic: true;
  scrollbar: false;
  layout: vertical;
}

element {
  padding: 10px 18px;
  border-radius: 0;
  text-color: @fg-col;
  background-color: transparent;
}

element normal.normal {
  background-color: transparent;
  text-color: @fg-col;
}

element selected.normal {
  background-color: @sel-bg;
  text-color: @fg-col;
}

element urgent.normal {
  text-color: @urgent-col;
}

element-icon {
  size: 22px;
  padding: 0 12px 0 0;
  horizontal-align: 0;
  vertical-align: 0.5;
}

element-text {
  padding: 0;
  vertical-align: 0.5;
  horizontal-align: 0;
  text-color: inherit;
  font: "JetBrainsMono Nerd Font 12";
}

element-text selected {
  text-color: @fg-col;
}

message {
  margin: 0;
  padding: 10px 18px;
  border-radius: 0 0 14px 14px;
  background-color: @bg-alt;
  text-color: @fg-dim;
}

textbox {
  padding: 4px 8px;
  text-color: @fg-dim;
}

button {
  padding: 4px;
  border-radius: 4px;
  text-color: @fg-col;
}

scrollbar {
  width: 4px;
  border: 0;
  handle-width: 4px;
  handle-color: @border-col;
}