/*
 * udt launcher layout: a fullscreen grid of app icons over the wallpaper.
 * Copyright (C) 2026 Danilo M. <danix@danix.xyz>
 * Licensed under the GNU General Public License v2 only.
 *
 * Opened by udt-launcher.sh (rofi-scripts) with three modes, Apps, Run and
 * Folders, as tabs under the search bar. Each cell is an icon with its name
 * below.
 */

@import "common.rasi"

/* The wallpaper fills the screen and the scrim on mainbox dims it, so the
 * grid reads as a layer over the desktop.
 *
 * The path is a placeholder: rofi does not expand `~` inside a url(), and a
 * real absolute path would bake a home directory into a committed file. The
 * installer rewrites it to ~/.cache/udt/wpaper, which wallp keeps pointed at
 * the current horizontal wallpaper. */
window {
    fullscreen:       true;
    background-image: url("@WPAPER@", width);
    background-color: @base;
    border:           0;
    border-radius:    0;
    padding:          0;
}

/* A fixed 1500px column, centred, as in powermenu.rasi: a full-width grid
 * on a 2560px monitor scatters the icons. */
mainbox {
    background-color: @scrim;
    children:         [ inputbar, mode-switcher, listview ];
    spacing:          24px;
    padding:          90px calc(50% - 750px) 60px;
}

inputbar {
    background-color: @base;
    border:           2px;
    border-color:     @accent;
    border-radius:    14px;
    padding:          14px 20px;
    margin:           0 350px;
}

entry {
    font:        "Noto Sans 15";
    placeholder: "Search";
}

mode-switcher {
    expand:  false;
    spacing: 12px;
    margin:  0 450px;
}

button {
    padding:          8px 0;
    border-radius:    10px;
    background-color: @surface0;
    text-color:       @subtext0;
    font:             "Noto Sans Bold 11";
    horizontal-align: 0.5;
    cursor:           pointer;
}

button selected {
    background-color: @accent;
    text-color:       @base;
}

listview {
    columns:      10;
    lines:        5;
    fixed-height: true;
    flow:         horizontal;
    spacing:      16px;
    padding:      12px 0 0;
}

element {
    orientation:   vertical;
    children:      [ element-icon, element-text ];
    padding:       18px 8px 14px;
    spacing:       12px;
    border-radius: 16px;
}

element-icon {
    size:             64px;
    horizontal-align: 0.5;
}

element-text {
    font:             "Noto Sans 11";
    horizontal-align: 0.5;
}