Красава! Теперь, когда всё работает, давай превратим **Wofi** из стандартного серого окна в стильный лаунчер. Чтобы он выглядел «дорого» и по-гентушному, сделаем ставку на прозрачность (glassmorphism) и твои любимые аниме-цвета.
### 1. Подготовка папки
Убедись, что папка существует:
```bash
mkdir -p ~/.config/wofi
```
### 2. Конфиг (~/.config/wofi/config)
Этот файл отвечает за поведение. Создай его: nano ~/.config/wofi/config
```text
width=500
height=400
location=center
show=drun
prompt=Search Apps...
filter_rate=100
allow_images=true
image_size=24
term=kitty
layer=overlay
allow_markup=true
always_parse_args=true
show_all=false
```
### 3. Красивый CSS (~/.config/wofi/style.css)
А теперь магия. Вставь это в файл style.css:
```css
/* Основное окно */
window {
margin: 0px;
border: 2px solid rgba(137, 180, 250, 0.6); /* Светло-синяя рамка */
background-color: rgba(30, 30, 46, 0.85); /* Темный полупрозрачный фон (Catppuccin Style) */
border-radius: 12px;
font-family: "JetBrainsMono Nerd Font";
font-size: 16px;
}
/* Поле ввода */
#input {
margin: 10px;
border: none;
border-bottom: 2px solid rgba(137, 180, 250, 0.5);
color: #cdd6f4;
background-color: rgba(49, 50, 68, 0.5);
border-radius: 8px;
padding: 8px;
}
/* Весь список */
#scroll {
margin: 10px;
}
/* Каждый элемент списка */
#entry {
padding: 8px;
border-radius: 8px;
color: #cdd6f4;
}
/* Выбранный элемент */
#entry:selected {
background-color: rgba(137, 180, 250, 0.3); /* Цвет выделения */
border: 1px solid #89b4fa;
}
/* Текст внутри элемента */
#text {
margin-left: 10px;
}
/* Чтобы иконки были четкими */
#img {
margin-right: 10px;
}
```
### 4. Чтобы Wofi «размывал» фон
Чтобы сквозь Wofi было красиво видно твои обои с блюром (как в CachyOS), добавь это правило в свой ~/.config/hypr/hyprland.conf:
```bash
layerrule = blur, wofi
layerrule = ignorezero, wofi
```
### 5. Проверка
Попробуй запустить:
```bash
wofi --show drun
```
**Если иконки не появились:** Проверь, стоит ли у тебя пакет иконок (например, papirus-icon-theme). В Gentoo это: sudo emerge --ask x11-themes/papirus-icon-theme.
Как тебе такой стиль? Если хочешь другие цвета (например, более фиолетовые под аниме), просто поменяй код #89b4fa в CSS на что-то вроде #cba6f7.
Теперь Waybar на очереди?