hyprshell-launcher-lib 4.9.5

A modern GTK4-based window switcher and application launcher for Hyprland
.launcher {
    padding: var(--window-padding, 2px);

    box-shadow: 0 0 16px 5px var(--bg-window-color, rgba(20, 30, 40, 0.9));

    border-radius: var(--border-radius, 12px);
    background: var(--bg-window-color, rgba(20, 20, 20, 0.9));
    border: var(--border-size, 3px) var(--border-style, solid) var(--border-color, rgba(90, 90, 120, 0.4));
}

.launcher-input {
    font-size: 1.5rem;
    margin: 6px;
    padding: 4px 8px;
    background: var(--bg-color, rgba(20, 20, 20, 0.9));
}

.launcher-results {
    margin: 1px 4px;
}

.launcher-item {
    padding: 2px;

    border-radius: calc(1.2 * var(--border-radius, 12px));
    background: var(--bg-color, rgba(20, 20, 20, 0.9));
}

.launcher-item-inner {
    padding: 0 6px;
    font-size: 1.5rem;

    border-radius: var(--border-radius, 12px);
    background: var(--bg-color, rgba(20, 20, 20, 0.9));
}

.launcher-item-inner:hover {
    background: var(--bg-color-hover, rgba(40, 40, 50, 1));
}

.launcher-exec {
    font-size: 0.8rem;
    font-family: monospace;
}

.launcher-other-menu-button {
    padding: 2px 4px;
    border-radius: var(--border-radius, 12px);
    background: var(--bg-color, rgba(20, 20, 20, 0.9));
    border: 1px var(--border-style, solid) var(--border-color, rgba(90, 90, 120, 0.4));
}

.launcher-other-menu-button:hover {
    background: var(--bg-color-hover, rgba(40, 40, 50, 1));
}

.launcher-other-menu {
    background: transparent;
    margin: 0;
    padding: 0;

    border-radius: var(--border-radius, 12px);
    background: var(--bg-color, rgba(20, 20, 20, 0.9));
    border: calc(var(--border-size, 3px) / 1.5) var(--border-style, solid) var(--border-color, rgba(90, 90, 120, 0.4));
}

.launcher-other-menu-item {
    padding: 2px;

    border-radius: calc(var(--border-radius, 12px) / 2);
    background: var(--bg-color, rgba(20, 20, 20, 0.9));
}

.launcher-other-menu-item-inner {
    padding: 2px 5px;
    font-size: 1.1rem;

    border-radius: calc(var(--border-radius, 12px) / 2);
    background: var(--bg-color, rgba(20, 20, 20, 0.9));
}

.launcher-other-menu-item-inner:hover {
    background: var(--bg-color-hover, rgba(40, 40, 50, 1));
}

.launcher-key {
    font-size: 1.2rem;
    font-family: monospace;
}

.launcher-plugins {
    padding: 4px 2px 2px;

    border-top: calc(var(--border-size, 3px) / 1.5) var(--border-style, solid) var(--border-color, rgba(90, 90, 120, 0.4));
}

.launcher-plugin {
    padding: 2px;

    border-radius: calc(1.5 * var(--border-radius, 12px));
    background: var(--bg-color, rgba(20, 20, 20, 0.9));
}

.launcher-plugin-inner {
    padding: 6px;

    border-radius: calc(1.5 * var(--border-radius, 12px));
    background: var(--bg-color, rgba(20, 20, 20, 0.9));
}

.launcher-plugin-key {
    font-size: 0.9rem;
    font-family: monospace;
}

.launcher-plugin-inner:hover {
    background: var(--bg-color-hover, rgba(40, 40, 50, 1));
}

.launch {
    animation: background-moving 450ms cubic-bezier(0.25, 0.8, 0.4, 0.95) normal forwards;
}

@keyframes background-moving {
    0% {
        background: linear-gradient(90deg, var(--border-color-active, rgba(239, 9, 9, 0.9)) 0%, transparent 0%);
    }
    100% {
        background: linear-gradient(90deg, var(--border-color-active, rgba(239, 9, 9, 0.9)) 100%, transparent 100%);
    }
}