From ea7df0373de3a793e274b03ba8f15cf5e3348f5e Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Tue, 7 May 2024 21:49:56 +0900 Subject: [PATCH] updated rofi --- config/rofi/config.rasi | 2 +- config/rofi/resolution/1080p/config.rasi | 235 +++++++++++++++++++++++ 2 files changed, 236 insertions(+), 1 deletion(-) create mode 100755 config/rofi/resolution/1080p/config.rasi diff --git a/config/rofi/config.rasi b/config/rofi/config.rasi index 23fe2bc..176d5f1 100755 --- a/config/rofi/config.rasi +++ b/config/rofi/config.rasi @@ -107,7 +107,7 @@ listview { scrollbar: false; layout: vertical; reverse: false; - fixed-height: true; + fixed-height: false; fixed-columns: true; spacing: 10px; background-color: transparent; diff --git a/config/rofi/resolution/1080p/config.rasi b/config/rofi/resolution/1080p/config.rasi new file mode 100755 index 0000000..176d5f1 --- /dev/null +++ b/config/rofi/resolution/1080p/config.rasi @@ -0,0 +1,235 @@ +/* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Main Config 1080p */ + +/* ---- Configuration ---- */ + +configuration { + modi: "drun,run,filebrowser"; + font: "Fira Code SemiBold 12"; + show-icons: true; + display-drun: "Apps"; + display-run: "Run"; + display-filebrowser: "Files"; + display-window: "Windows"; + drun-display-format: "{name}"; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; + window-format: "{w} · {c} · {t}"; + dpi: 1; +} + +/* ---- Load pywal colors ---- */ +@theme "~/.cache/wal/colors-rofi-dark.rasi" + +/* ---- Global Properties ---- */ +* { + + background-alt: @selected-active-background; // Buttons backgroundr + selected: @selected-urgent-background; // Button selected + active: @selected-normal-background; // Window activated + urgent: @selected; // When hovering the activated window (maybe more?) + + text-selected: @background; + text-color: @foreground; + border-color: @selected; +} + +/* ---- Window ---- */ +window { + // Default + enabled: true; + fullscreen: false; + transparency: "real"; + cursor: "default"; + spacing: 0px; + border: 2px; + border-radius: 30px; + location: center; + anchor: center; + + // Style Values + width: 50%; + background-color: #00000099; +} + +/* ----- Main Box ----- */ +mainbox { + enabled: true; + orientation: vertical; + children: [ "inputbar", "listbox" ]; + background-color: transparent; +} + + +/* ---- Inputbar ---- */ +inputbar { + enabled: true; + padding: 10px 10px 200px 10px; + margin: 10px; + background-color: transparent; + border-radius: 25px; + orientation: horizontal; + children: ["entry", "dummy", "mode-switcher" ]; + background-image: url("~/.config/rofi/.current_wallpaper", width); +} + +/* ---- Entry input ---- */ +entry { + enabled: true; + expand: false; + width: 300px; + padding: 10px; + border-radius: 12px; + background-color: @background-alt; + text-color: inherit; + cursor: text; + placeholder: " Search "; // << Search symbol + placeholder-color: inherit; +} + +/* ---- Listbox ---- */ +listbox { + spacing: 10px; + padding: 10px; + background-color: transparent; + orientation: vertical; + children: [ "message", "listview" ]; +} + +/* ---- Listview ---- */ +listview { + enabled: true; + columns: 2; + lines: 6; + cycle: true; + dynamic: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: false; + fixed-columns: true; + spacing: 10px; + background-color: transparent; + +// Adapt rofi theme + border: 0px; +} + +/* ---- Dummy ---- */ +dummy { + expand: true; + background-color: transparent; +} + +/* ---- Mode Switcher ---- */ +mode-switcher{ + enabled: true; + spacing: 10px; + background-color: transparent; +} +button { + width: 5%; + padding: 12px; + border-radius: 12px; + background-color: @background-alt; + text-color: inherit; + cursor: pointer; +} +button selected { + background-color: @selected; + text-color: @text-selected; +} + +/* ---- Scrollbar ---- */ +scrollbar { + width: 4px ; + border: 0; + handle-color: @border-color; + handle-width: 8px ; + padding: 0; +} + +/* ---- Elements ---- */ +element { + enabled: true; + spacing: 10px; + padding: 4px; + border-radius: 10px; + background-color: transparent; + cursor: pointer; +} + +element normal.normal { + background-color: inherit; + text-color: inherit; +} +element normal.urgent { + background-color: @urgent; + text-color: @foreground; +} +element normal.active { + background-color: @active; + text-color: @foreground; +} + +element selected.normal { + background-color: @selected; + text-color: @text-selected; +} +element selected.urgent { + background-color: @urgent; + text-color: @text-selected; +} +element selected.active { + background-color: @urgent; + text-color: @text-selected; +} +// Adapt rofi theme +element alternate.normal { + background-color: transparent; + text-color: inherit; +} +element alternate.urgent { + background-color: transparent; + text-color: inherit; +} +element alternate.active { + background-color: transparent; + text-color: inherit; +} +element-icon { + background-color: transparent; + text-color: inherit; + size: 36px; + cursor: inherit; +} +element-text { + background-color: transparent; + font: "Fira Code SemiBold 14"; + text-color: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; + +} + +/* ---- Message ---- */ +message { + background-color: transparent; + border: 0px; +} +textbox { + padding: 12px; + border-radius: 10px; + background-color: @background-alt; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.0; +} +error-message { + padding: 12px; + border-radius: 20px; + background-color: @background-alt; + text-color: @foreground; +}