From 3785d1063e4f9599f6005b8c8faed7eb5216bc22 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Fri, 3 May 2024 16:38:04 +0900 Subject: [PATCH] New Rofi Themes --- config/rofi/config-compact.rasi | 37 +-- config/rofi/config-long.rasi | 26 +- config/rofi/config-rofi-Beats.rasi | 7 +- config/rofi/config-search.rasi | 17 +- config/rofi/config-wallpaper.rasi | 18 +- config/rofi/config-waybar-layout.rasi | 2 +- config/rofi/config-waybar-style.rasi | 12 +- config/rofi/config-zsh-theme.rasi | 49 ++-- config/rofi/config.rasi | 327 ++++++++++----------- config/rofi/resolution/1080p/config.rasi | 359 +++++++++++------------ config/rofi/resolution/1440p/config.rasi | 327 ++++++++++----------- 11 files changed, 532 insertions(+), 649 deletions(-) diff --git a/config/rofi/config-compact.rasi b/config/rofi/config-compact.rasi index cf7ac31..1d5fb9e 100644 --- a/config/rofi/config-compact.rasi +++ b/config/rofi/config-compact.rasi @@ -14,37 +14,15 @@ window { border-radius: 15px; } -/* ---- Mainbox ---- */ -mainbox { - orientation: horizontal; - children: [ "imagebox"]; -} - /* ---- Imagebox ---- */ imagebox { orientation: vertical; children: - [ "inputbar", - "listbox"]; -} - -/* ---- Listbox ---- */ -listbox { - border-radius: 10px; -} - -/* ---- Inputbar ---- */ -inputbar { - padding: 14px; - border-radius: 10px; -} - -textbox-prompt-colon { - str: " "; + [ "entry", "listview"]; } entry { - placeholder: "View / Edit Hyprland Configs"; + placeholder: " View / Edit Hyprland Configs"; } /* ---- Listview ---- */ @@ -52,7 +30,7 @@ listview { columns: 1; lines: 10; spacing: 4px; - scrollbar: true; + scrollbar: false; border-radius: 10px; } @@ -60,12 +38,3 @@ listview { element { border-radius: 10px; } - -/*****----- Message -----*****/ -message { - border-radius: 10px; -} - -textbox { - padding: 15px; -} diff --git a/config/rofi/config-long.rasi b/config/rofi/config-long.rasi index aef7871..4b594d5 100644 --- a/config/rofi/config-long.rasi +++ b/config/rofi/config-long.rasi @@ -13,33 +13,15 @@ window { width: 700px; } -/* ---- Mainbox ---- */ -mainbox { - children: [ "imagebox"]; -} - -/* ---- Imagebox ---- */ -imagebox { - orientation: vertical; - children: - [ "inputbar", - "listbox"]; -} - /* ---- Inputbar ---- */ inputbar { children: - [ "textbox-prompt-colon", - "entry"]; -} - -textbox-prompt-colon { - str: "🔎 "; + ["entry"]; } entry { - placeholder: "Search"; - background-color: transparent; + placeholder: "🔎 Search"; + width: 22%; } /* ---- Listview ---- */ @@ -47,9 +29,9 @@ listview { columns: 1; lines: 9; spacing: 4px; - scrollbar: true; fixed-columns: true; border-radius: 10px; + scrollbar: false; } /*****----- Message -----*****/ diff --git a/config/rofi/config-rofi-Beats.rasi b/config/rofi/config-rofi-Beats.rasi index 52b4cfa..5f7872f 100644 --- a/config/rofi/config-rofi-Beats.rasi +++ b/config/rofi/config-rofi-Beats.rasi @@ -5,12 +5,7 @@ /* ---- Entry ---- */ entry { - placeholder: "Choose Online Music Station"; -} - -/* ---- Inputbar ---- */ -textbox-prompt-colon { - str: "📻"; + placeholder: "📻 Choose Online Music Station"; } /* ---- Listview ---- */ diff --git a/config/rofi/config-search.rasi b/config/rofi/config-search.rasi index 4160ba6..149748d 100644 --- a/config/rofi/config-search.rasi +++ b/config/rofi/config-search.rasi @@ -9,18 +9,21 @@ window { location: north; } +/* ---- Inputbar ---- */ +inputbar { + enabled: true; + padding: 2px; + margin: 2px; +} + /* ---- Mainbox ---- */ mainbox { - padding: 2px; - children: [ "inputbar" ]; + padding: 2px; + children: [ "entry"]; } /* ---- Entry ---- */ entry { - placeholder: "Google Search"; + placeholder: "🔎 Google Search"; } -/* ---- Inputbar ---- */ -textbox-prompt-colon { - str: "🔎"; -} diff --git a/config/rofi/config-wallpaper.rasi b/config/rofi/config-wallpaper.rasi index b2a79bc..a66ba66 100644 --- a/config/rofi/config-wallpaper.rasi +++ b/config/rofi/config-wallpaper.rasi @@ -8,33 +8,23 @@ configuration { modi: "drun"; } -/* ---- Mainbox ---- */ -mainbox { - orientation: horizontal; - children: [ "imagebox"]; -} - /* ---- Imagebox ---- */ imagebox { orientation: vertical; children: - [ "inputbar", - "listbox"]; + [ "entry", "listbox"]; } -textbox-prompt-colon { - str: "󰸉 "; -} entry { - placeholder: "Choose Wallpaper"; + expand: true; + placeholder: "󰸉 Choose Wallpaper"; } /* ---- Listview ---- */ listview { columns: 4; lines: 3; - scrollbar: true; } /* ---- Element ---- */ @@ -43,7 +33,7 @@ element { } element-icon { - size: 130px; + size: 150px; } element-text { diff --git a/config/rofi/config-waybar-layout.rasi b/config/rofi/config-waybar-layout.rasi index 93ebdef..4b15128 100644 --- a/config/rofi/config-waybar-layout.rasi +++ b/config/rofi/config-waybar-layout.rasi @@ -5,6 +5,6 @@ /* ---- Entry ---- */ entry { - placeholder: "Choose Waybar Layout"; + placeholder: "󰮫 Choose Waybar Layout"; } diff --git a/config/rofi/config-waybar-style.rasi b/config/rofi/config-waybar-style.rasi index 0f5ee04..55c6156 100644 --- a/config/rofi/config-waybar-style.rasi +++ b/config/rofi/config-waybar-style.rasi @@ -11,21 +11,17 @@ configuration { /* ---- Mainbox ---- */ mainbox { children: - [ "inputbar", - "listbox"]; -} - -textbox-prompt-colon { - str: "󰮫 "; + [ "inputbar", "listview"]; } entry { - placeholder: "Choose Waybar Style"; + expand: true; + placeholder: "󰮫 Choose Waybar Style"; } /* ---- Listview ---- */ listview { columns: 2; lines: 8; - scrollbar: true; + scrollbar: false; } diff --git a/config/rofi/config-zsh-theme.rasi b/config/rofi/config-zsh-theme.rasi index 4f6ba64..edc7a3e 100644 --- a/config/rofi/config-zsh-theme.rasi +++ b/config/rofi/config-zsh-theme.rasi @@ -1,6 +1,5 @@ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Main Config (zsh) */ -/* -- submitted by https://github.com/hyprhex -- */ +/* Main Config (compact) */ @import "~/.config/rofi/config.rasi" @@ -11,43 +10,51 @@ configuration { /* ---- Window ---- */ window { - width: 800px; -} - -/* ---- Mainbox ---- */ -mainbox { - orientation: horizontal; - children: [ "imagebox"]; + width: 900px; + border-radius: 15px; } /* ---- Imagebox ---- */ imagebox { orientation: vertical; children: - [ "inputbar", - "listbox"]; + [ "inputbar", "listbox"]; +} + +/* ---- Listbox ---- */ +listbox { + border-radius: 12px; } /* ---- Inputbar ---- */ inputbar { - padding: 8px; + padding: 14px; border-radius: 10px; - children: - [ "textbox-prompt-colon", - "entry"]; -} - -textbox-prompt-colon { - str: "󰸉 "; } entry { - placeholder: "Choose ZSH theme"; + placeholder: "󰸉 Choose ZSH theme"; } /* ---- Listview ---- */ listview { columns: 3; + lines: 4; spacing: 4px; - scrollbar: true; + scrollbar: false; + border-radius: 10px; +} + +/* ---- Element ---- */ +element { + border-radius: 10px; +} + +/*****----- Message -----*****/ +message { + border-radius: 10px; +} + +textbox { + padding: 15px; } diff --git a/config/rofi/config.rasi b/config/rofi/config.rasi index 83c481c..a286610 100644 --- a/config/rofi/config.rasi +++ b/config/rofi/config.rasi @@ -1,247 +1,228 @@ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Main Config (main) */ +/* Main Config 1440p */ /* ---- Configuration ---- */ + configuration { - modi: "drun,run,filebrowser"; - font: "Fira Code SemiBold 14"; + modi: "drun,run,filebrowser"; + font: "Fira Code SemiBold 10"; show-icons: true; - display-drun: ""; - display-run: ""; - display-filebrowser: ""; - display-window: "󱂬"; + display-drun: "Apps"; + display-run: "Run"; + display-filebrowser: "Files"; + display-window: "Windows"; drun-display-format: "{name}"; - hover-select: true; - me-select-entry: "MouseSecondary"; + hover-select: true; + me-select-entry: "MouseSecondary"; me-accept-entry: "MousePrimary"; - window-format: "{w} · {c} · {t}"; + window-format: "{w} · {c} · {t}"; dpi: 1; - } -/* ---- Load pywal colors (custom wal template) ---- */ -@import "~/.config/rofi/pywal-color/pywal-theme.rasi" +/* ---- 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 { - width: 650px; - /*height: 450px;*/ - x-offset: 0px; - y-offset: 0px; + // Default + enabled: true; + fullscreen: false; + transparency: "real"; + cursor: "default"; spacing: 0px; - padding: 1px; - margin: 0px; border: 2px; - border-color: @active-background; - cursor: "default"; + border-radius: 30px; location: center; anchor: center; - fullscreen: false; - enabled: true; - border-radius: 12px; - background-image: url("~/.config/rofi/.current_wallpaper", width); - + + // Style Values + width: 900px; + background-color: #00000099; } -/* ---- Mainbox ---- */ +/* ----- Main Box ----- */ mainbox { - enabled: true; - orientation: vertical; - padding: 8px; - background-color: transparent; - children: [ "inputbar", "imagebox" ]; - border-radius: 12px; + enabled: true; + orientation: vertical; + children: [ "inputbar", "listbox" ]; + background-color: transparent; } -/* ---- Imagebox ---- */ -imagebox { - background-color: transparent; - orientation: horizontal; - children: [ "mode-switcher", "listbox"]; -} -/* ---- Listbox ---- */ -listbox { - spacing: 4px; - orientation: vertical; - children: ["listview" ]; - padding: 6px; - border-radius: 12px; - border: 1px; - border-color: @active-background; - background-color: @background; +/* ---- 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); } -/* ---- Dummy ---- */ -dummy { - background-color: transparent; +/* ---- 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; } -/* ---- Inputbar ---- */ -inputbar { - enabled: true; - text-color: @foreground; - spacing: 10px; - border-radius: 12px; - border-color: @foreground; - background-color: @background; - children: [ "textbox-prompt-colon","entry" ]; - border: 1px; - border-color: @active-background; +/* ---- Listbox ---- */ +listbox { + spacing: 10px; + padding: 10px; + background-color: transparent; + orientation: vertical; + children: [ "message", "listview" ]; } -textbox-prompt-colon { - enabled: true; - padding: 6px 0px 6px 10px; - expand: false; - str: "🐧"; - text-color: inherit; - background-color: transparent; +/* ---- Listview ---- */ +listview { + enabled: true; + columns: 2; + lines: 8; + cycle: true; + dynamic: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + spacing: 10px; + background-color: transparent; + +// Adapt rofi theme + border: 0px; } -entry { - enabled: true; - padding: 6px 0px 0px 0px; - text-color: inherit; - cursor: text; - placeholder: "Search (ctrl tab to choose mode)"; - placeholder-color: inherit; - background-color: transparent; +/* ---- Dummy ---- */ +dummy { + expand: true; + background-color: transparent; } /* ---- Mode Switcher ---- */ mode-switcher{ - orientation: vertical; - enabled: true; - spacing: 12px; - background-color: transparent; - text-color: @foreground; + enabled: true; + spacing: 10px; + background-color: transparent; } - button { - padding: 0px 12px 0px 8px; - border-radius: 12px; - background-color: @background; - text-color: inherit; - cursor: pointer; - border: 1px; - border-color: @active-background; + width: 80px; + padding: 12px; + border-radius: 12px; + background-color: @background-alt; + text-color: inherit; + cursor: pointer; } - button selected { - background-color: @selected-normal-background; - text-color: @foreground; - border: 1px; - border-color: @background; - + background-color: @selected; + text-color: @text-selected; } -/* ---- Listview ---- */ -listview { - enabled: true; - columns: 2; - lines: 5; - spacing: 5px; - padding: 6px; - dynamic: true; - cycle: true; - scrollbar: false; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: transparent; - border-radius: 12px; - border: 0px; -} - -/* ---- Element ---- */ + +/* ---- Elements ---- */ element { - enabled: true; - padding: 5px; - margin: 2px; - cursor: pointer; - background-color: transparent; - border-radius: 12px; - border: 0px; + enabled: true; + spacing: 10px; + padding: 4px; + border-radius: 10px; + background-color: transparent; + cursor: pointer; } + element normal.normal { - background-color: inherit; - text-color: @foreground; + background-color: inherit; + text-color: inherit; } - element normal.urgent { - background-color: inherit; - text-color: @foreground; + background-color: @urgent; + text-color: @foreground; } - element normal.active { - background-color: inherit; - text-color: @foreground; + background-color: @active; + text-color: @foreground; } element selected.normal { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: @selected; + text-color: @text-selected; } - element selected.urgent { - background-color: inherit; - text-color: @foreground; + background-color: @urgent; + text-color: @text-selected; } - element selected.active { - background-color: inherit; - text-color: @foreground; + background-color: @urgent; + text-color: @text-selected; } - +// Adapt rofi theme element alternate.normal { - background-color: inherit; - text-color: @foreground; + background-color: transparent; + text-color: inherit; } - element alternate.urgent { - background-color: inherit; - text-color: @foreground; + background-color: transparent; + text-color: inherit; } - element alternate.active { - background-color: inherit; - text-color: @foreground; + background-color: transparent; + text-color: inherit; } - element-icon { - background-color: transparent; - text-color: inherit; - size: 32px; - cursor: inherit; + background-color: transparent; + text-color: inherit; + size: 36px; + cursor: inherit; } - element-text { - background-color: transparent; - text-color: inherit; - cursor: inherit; - vertical-align: 0.5; - horizontal-align: 0; + background-color: transparent; + font: "Fira Code SemiBold 14"; + text-color: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; + } -/*****----- Message -----*****/ +/* ---- Message ---- */ message { - background-color: @background; - margin: 20px 0px 0px 0px; - border-radius: 12px; + background-color: transparent; + border: 0px; } - textbox { - padding: 10px; - background-color: @background; - text-color: @foreground; + padding: 12px; + border-radius: 10px; + background-color: @background-alt; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.0; } - error-message { - padding: 15px; - border-radius: 12px; - background-color: @background; - text-color: @foreground; + padding: 12px; + border-radius: 20px; + background-color: @background-alt; + text-color: @foreground; } diff --git a/config/rofi/resolution/1080p/config.rasi b/config/rofi/resolution/1080p/config.rasi index 96a0293..18c057f 100644 --- a/config/rofi/resolution/1080p/config.rasi +++ b/config/rofi/resolution/1080p/config.rasi @@ -1,249 +1,228 @@ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Main Config (main) 1080p*/ +/* Main Config 1440p */ /* ---- Configuration ---- */ + configuration { - modi: "drun,run,filebrowser"; - font: "Fira Code SemiBold 12"; - show-icons: true; - display-drun: ""; - display-run: ""; - display-filebrowser: ""; - display-window: "󱂬"; - 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 (custom wal template) ---- */ -@import "~/.config/rofi/pywal-color/pywal-theme.rasi" + modi: "drun,run,filebrowser"; + font: "Fira Code SemiBold 9"; + 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 { - width: 600px; - x-offset: 0px; - y-offset: 0px; - spacing: 0px; - padding: 1px; - margin: 0px; - border: 2px; - border-color: @active-background; - cursor: "default"; - location: center; - anchor: center; - fullscreen: false; - enabled: true; - border-radius: 12px; - background-image: url("~/.config/rofi/.current_wallpaper", height); -} - -/* ---- Mainbox ---- */ +window { + // Default + enabled: true; + fullscreen: false; + transparency: "real"; + cursor: "default"; + spacing: 0px; + border: 2px; + border-radius: 30px; + location: center; + anchor: center; + + // Style Values + width: 800px; + background-color: #00000099; +} + +/* ----- Main Box ----- */ mainbox { - enabled: true; - orientation: vertical; - padding: 8px; - background-color: transparent; - children: - [ "inputbar", - "imagebox"]; - border-radius: 12px; + enabled: true; + orientation: vertical; + children: [ "inputbar", "listbox" ]; + background-color: transparent; } -/* ---- Imagebox ---- */ -imagebox { - background-color: transparent; - orientation: horizontal; - children: - [ "mode-switcher", - "listbox"]; + +/* ---- 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); } -/* ---- Listbox ---- */ -listbox { - spacing: 4px; - orientation: vertical; - children: [ "listview"]; - padding: 6px; - border-radius: 12px; - border: 1px; - border-color: @active-background; - background-color: @background; +/* ---- 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; } -/* ---- Dummy ---- */ -dummy { - background-color: transparent; +/* ---- Listbox ---- */ +listbox { + spacing: 10px; + padding: 10px; + background-color: transparent; + orientation: vertical; + children: [ "message", "listview" ]; } -/* ---- Inputbar ---- */ -inputbar { - enabled: true; - text-color: @foreground; - spacing: 10px; - border-radius: 12px; - border-color: @foreground; - background-color: @background; - children: - [ "textbox-prompt-colon", - "entry"]; - border: 1px; - border-color: @active-background; -} - -textbox-prompt-colon { - enabled: true; - padding: 6px 0px 6px 10px; - expand: false; - str: "🐧"; - text-color: inherit; - background-color: transparent; +/* ---- Listview ---- */ +listview { + enabled: true; + columns: 2; + lines: 6; + cycle: true; + dynamic: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + spacing: 10px; + background-color: transparent; + +// Adapt rofi theme + border: 0px; } -entry { - enabled: true; - padding: 6px 0px 0px 0px; - text-color: inherit; - cursor: text; - placeholder: "Search (ctrl tab to choose mode)"; - placeholder-color: inherit; - background-color: transparent; +/* ---- Dummy ---- */ +dummy { + expand: true; + background-color: transparent; } /* ---- Mode Switcher ---- */ -mode-switcher { - orientation: vertical; - enabled: true; - spacing: 12px; - background-color: transparent; - text-color: @foreground; +mode-switcher{ + enabled: true; + spacing: 10px; + background-color: transparent; } - button { - padding: 0px 12px 0px 8px; - border-radius: 12px; - background-color: @background; - text-color: inherit; - cursor: pointer; - border: 1px; - border-color: @active-background; + width: 80px; + padding: 12px; + border-radius: 12px; + background-color: @background-alt; + text-color: inherit; + cursor: pointer; } - button selected { - background-color: @selected-normal-background; - text-color: @foreground; - border: 1px; - border-color: @background; + background-color: @selected; + text-color: @text-selected; } -/* ---- Listview ---- */ -listview { - enabled: true; - columns: 2; - lines: 5; - spacing: 2px; - padding: 6px; - dynamic: true; - cycle: true; - scrollbar: false; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: transparent; - border-radius: 12px; - border: 0px; -} - -/* ---- Element ---- */ + +/* ---- Elements ---- */ element { - enabled: true; - padding: 5px; - margin: 2px; - cursor: pointer; - background-color: transparent; - border-radius: 12px; - border: 0px; + enabled: true; + spacing: 10px; + padding: 4px; + border-radius: 10px; + background-color: transparent; + cursor: pointer; } + element normal.normal { - background-color: inherit; - text-color: @foreground; + background-color: inherit; + text-color: inherit; } - element normal.urgent { - background-color: inherit; - text-color: @foreground; + background-color: @urgent; + text-color: @foreground; } - element normal.active { - background-color: inherit; - text-color: @foreground; + background-color: @active; + text-color: @foreground; } element selected.normal { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: @selected; + text-color: @text-selected; } - element selected.urgent { - background-color: inherit; - text-color: @foreground; + background-color: @urgent; + text-color: @text-selected; } - element selected.active { - background-color: inherit; - text-color: @foreground; + background-color: @urgent; + text-color: @text-selected; } - +// Adapt rofi theme element alternate.normal { - background-color: inherit; - text-color: @foreground; + background-color: transparent; + text-color: inherit; } - element alternate.urgent { - background-color: inherit; - text-color: @foreground; + background-color: transparent; + text-color: inherit; } - element alternate.active { - background-color: inherit; - text-color: @foreground; + background-color: transparent; + text-color: inherit; } - element-icon { - background-color: transparent; - text-color: inherit; - size: 32px; - cursor: inherit; + background-color: transparent; + text-color: inherit; + size: 36px; + cursor: inherit; } - element-text { - background-color: transparent; - text-color: inherit; - cursor: inherit; - vertical-align: 0.5; - horizontal-align: 0; + background-color: transparent; + font: "Fira Code SemiBold 12"; + text-color: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; + } -/*****----- Message -----*****/ +/* ---- Message ---- */ message { - background-color: @background; - margin: 20px 0px 0px 0px; - border-radius: 12px; + background-color: transparent; + border: 0px; } - textbox { - padding: 10px; - background-color: @background; - text-color: @foreground; + padding: 12px; + border-radius: 10px; + background-color: @background-alt; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.0; } - error-message { - padding: 15px; - border-radius: 12px; - background-color: @background; - text-color: @foreground; + padding: 12px; + border-radius: 20px; + background-color: @background-alt; + text-color: @foreground; } diff --git a/config/rofi/resolution/1440p/config.rasi b/config/rofi/resolution/1440p/config.rasi index b4ef75e..a286610 100644 --- a/config/rofi/resolution/1440p/config.rasi +++ b/config/rofi/resolution/1440p/config.rasi @@ -1,247 +1,228 @@ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ -/* Main Config (main) 1440p*/ +/* Main Config 1440p */ /* ---- Configuration ---- */ + configuration { - modi: "drun,run,filebrowser"; - font: "Fira Code SemiBold 14"; + modi: "drun,run,filebrowser"; + font: "Fira Code SemiBold 10"; show-icons: true; - display-drun: ""; - display-run: ""; - display-filebrowser: ""; - display-window: "󱂬"; + display-drun: "Apps"; + display-run: "Run"; + display-filebrowser: "Files"; + display-window: "Windows"; drun-display-format: "{name}"; - hover-select: true; - me-select-entry: "MouseSecondary"; + hover-select: true; + me-select-entry: "MouseSecondary"; me-accept-entry: "MousePrimary"; - window-format: "{w} · {c} · {t}"; + window-format: "{w} · {c} · {t}"; dpi: 1; - } -/* ---- Load pywal colors (custom wal template) ---- */ -@import "~/.config/rofi/pywal-color/pywal-theme.rasi" +/* ---- 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 { - width: 650px; - /*height: 450px;*/ - x-offset: 0px; - y-offset: 0px; + // Default + enabled: true; + fullscreen: false; + transparency: "real"; + cursor: "default"; spacing: 0px; - padding: 1px; - margin: 0px; border: 2px; - border-color: @active-background; - cursor: "default"; + border-radius: 30px; location: center; anchor: center; - fullscreen: false; - enabled: true; - border-radius: 12px; - background-image: url("~/.config/rofi/.current_wallpaper", width); - + + // Style Values + width: 900px; + background-color: #00000099; } -/* ---- Mainbox ---- */ +/* ----- Main Box ----- */ mainbox { - enabled: true; - orientation: vertical; - padding: 8px; - background-color: transparent; - children: [ "inputbar", "imagebox" ]; - border-radius: 12px; + enabled: true; + orientation: vertical; + children: [ "inputbar", "listbox" ]; + background-color: transparent; } -/* ---- Imagebox ---- */ -imagebox { - background-color: transparent; - orientation: horizontal; - children: [ "mode-switcher", "listbox"]; -} -/* ---- Listbox ---- */ -listbox { - spacing: 4px; - orientation: vertical; - children: ["listview" ]; - padding: 6px; - border-radius: 12px; - border: 1px; - border-color: @active-background; - background-color: @background; +/* ---- 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); } -/* ---- Dummy ---- */ -dummy { - background-color: transparent; +/* ---- 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; } -/* ---- Inputbar ---- */ -inputbar { - enabled: true; - text-color: @foreground; - spacing: 10px; - border-radius: 12px; - border-color: @foreground; - background-color: @background; - children: [ "textbox-prompt-colon","entry" ]; - border: 1px; - border-color: @active-background; +/* ---- Listbox ---- */ +listbox { + spacing: 10px; + padding: 10px; + background-color: transparent; + orientation: vertical; + children: [ "message", "listview" ]; } -textbox-prompt-colon { - enabled: true; - padding: 6px 0px 6px 10px; - expand: false; - str: "🐧"; - text-color: inherit; - background-color: transparent; +/* ---- Listview ---- */ +listview { + enabled: true; + columns: 2; + lines: 8; + cycle: true; + dynamic: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + spacing: 10px; + background-color: transparent; + +// Adapt rofi theme + border: 0px; } -entry { - enabled: true; - padding: 6px 0px 0px 0px; - text-color: inherit; - cursor: text; - placeholder: "Search (ctrl tab to choose mode)"; - placeholder-color: inherit; - background-color: transparent; +/* ---- Dummy ---- */ +dummy { + expand: true; + background-color: transparent; } /* ---- Mode Switcher ---- */ mode-switcher{ - orientation: vertical; - enabled: true; - spacing: 12px; - background-color: transparent; - text-color: @foreground; + enabled: true; + spacing: 10px; + background-color: transparent; } - button { - padding: 0px 12px 0px 8px; - border-radius: 12px; - background-color: @background; - text-color: inherit; - cursor: pointer; - border: 1px; - border-color: @active-background; + width: 80px; + padding: 12px; + border-radius: 12px; + background-color: @background-alt; + text-color: inherit; + cursor: pointer; } - button selected { - background-color: @selected-normal-background; - text-color: @foreground; - border: 1px; - border-color: @background; - + background-color: @selected; + text-color: @text-selected; } -/* ---- Listview ---- */ -listview { - enabled: true; - columns: 2; - lines: 5; - spacing: 5px; - padding: 6px; - dynamic: true; - cycle: true; - scrollbar: false; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: transparent; - border-radius: 12px; - border: 0px; -} - -/* ---- Element ---- */ + +/* ---- Elements ---- */ element { - enabled: true; - padding: 5px; - margin: 2px; - cursor: pointer; - background-color: transparent; - border-radius: 12px; - border: 0px; + enabled: true; + spacing: 10px; + padding: 4px; + border-radius: 10px; + background-color: transparent; + cursor: pointer; } + element normal.normal { - background-color: inherit; - text-color: @foreground; + background-color: inherit; + text-color: inherit; } - element normal.urgent { - background-color: inherit; - text-color: @foreground; + background-color: @urgent; + text-color: @foreground; } - element normal.active { - background-color: inherit; - text-color: @foreground; + background-color: @active; + text-color: @foreground; } element selected.normal { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: @selected; + text-color: @text-selected; } - element selected.urgent { - background-color: inherit; - text-color: @foreground; + background-color: @urgent; + text-color: @text-selected; } - element selected.active { - background-color: inherit; - text-color: @foreground; + background-color: @urgent; + text-color: @text-selected; } - +// Adapt rofi theme element alternate.normal { - background-color: inherit; - text-color: @foreground; + background-color: transparent; + text-color: inherit; } - element alternate.urgent { - background-color: inherit; - text-color: @foreground; + background-color: transparent; + text-color: inherit; } - element alternate.active { - background-color: inherit; - text-color: @foreground; + background-color: transparent; + text-color: inherit; } - element-icon { - background-color: transparent; - text-color: inherit; - size: 32px; - cursor: inherit; + background-color: transparent; + text-color: inherit; + size: 36px; + cursor: inherit; } - element-text { - background-color: transparent; - text-color: inherit; - cursor: inherit; - vertical-align: 0.5; - horizontal-align: 0; + background-color: transparent; + font: "Fira Code SemiBold 14"; + text-color: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; + } -/*****----- Message -----*****/ +/* ---- Message ---- */ message { - background-color: @background; - margin: 20px 0px 0px 0px; - border-radius: 12px; + background-color: transparent; + border: 0px; } - textbox { - padding: 10px; - background-color: @background; - text-color: @foreground; + padding: 12px; + border-radius: 10px; + background-color: @background-alt; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.0; } - error-message { - padding: 15px; - border-radius: 12px; - background-color: @background; - text-color: @foreground; + padding: 12px; + border-radius: 20px; + background-color: @background-alt; + text-color: @foreground; }