diff options
| author | JaKooLit <jimmielovejay@gmail.com> | 2023-11-23 00:36:31 +0900 |
|---|---|---|
| committer | JaKooLit <jimmielovejay@gmail.com> | 2023-11-23 00:36:31 +0900 |
| commit | ce2db51a62e0483703c8e6376ceec5318614228d (patch) | |
| tree | 66d16892a32b0778d14cf5fb39bfdc400f891a5c | |
| parent | aa9c2df82b66e8f66284c04c5e512553dfba4414 (diff) | |
Semi transparent rofi theme. See wiki changelogs
25 files changed, 1043 insertions, 1009 deletions
diff --git a/config/rofi/config-compact.rasi b/config/rofi/config-compact.rasi index a6c2e2de..539a1830 100644 --- a/config/rofi/config-compact.rasi +++ b/config/rofi/config-compact.rasi @@ -1,5 +1,6 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (long) */ +/* Main Config compact */ + /* ---- Configuration ---- */ configuration { modi: "drun,run"; @@ -15,6 +16,7 @@ configuration { me-accept-entry: "MousePrimary"; window-format: "{w} ยท {c} ยท {t}"; dpi: 1; + fake-transparency: true; } /* ---- Load pywal colors (custom wal template) ---- */ @@ -26,48 +28,49 @@ window { x-offset: 0px; y-offset: 0px; spacing: 0px; - padding: 0px; + padding: 2px; margin: 0px; - color: transparent; border: 2px; - border-color: @background; + border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; - orientation: vertical; - spacing: 0px; - margin: 0px; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", both); - children: [ "listbox" ]; - border-radius: 10px; + orientation: horizontal; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); + children: [ "imagebox"]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { - padding: 6px; - background-color: transparent; + background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { - spacing: 20px; - background-color: transparent; + spacing: 4px; orientation: vertical; - children: [ "inputbar", "message", "listview" ]; + children: [ "listview" ]; border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } + /* ---- Dummy ---- */ dummy { background-color: transparent; @@ -78,81 +81,58 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @background; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ "; + str: "๏"; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; text-color: inherit; cursor: text; - placeholder: "Search"; + placeholder: "View / Edit Hyprland Configs"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: @background; - text-color: inherit; - cursor: pointer; - border: 0px; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: transparent; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 7; - cycle: true; - dynamic: true; - scrollbar: false; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: true; - spacing: 0px; - padding: 2px; - margin: 0px; - border-radius: 10px; - border: 0px; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 1; + lines: 7; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ element { enabled: true; - padding: 2px; + padding: 5px; margin: 2px; cursor: pointer; - background-color: transparent; + background-color: transparent; border-radius: 10px; + border: 0px; } element normal.normal { @@ -217,27 +197,20 @@ element-text { /*****----- Message -----*****/ message { - background-color: transparent; - border: 0px; + background-color: @background; margin: 20px 0px 0px 0px; - padding: 0px; - spacing: 0px; border-radius: 10px; } textbox { - padding: 6px; - margin: 0px; - border-radius: 0px; - background-color: transparent; + padding: 15px; + background-color: @background; text-color: @foreground; - vertical-align: 0.5; - horizontal-align: 0.0; } error-message { - padding: 6px; - border-radius: 20px; - background-color: @background; + padding: 15px; + border-radius: 20px; + background-color: @background; text-color: @foreground; } diff --git a/config/rofi/config-long.rasi b/config/rofi/config-long.rasi index 2a367a4e..8d5391fc 100644 --- a/config/rofi/config-long.rasi +++ b/config/rofi/config-long.rasi @@ -26,51 +26,47 @@ window { x-offset: 0px; y-offset: 0px; spacing: 0px; - padding: 0px; + padding: 2px; margin: 0px; - color: transparent; border: 2px; - border-color: @background; + border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: vertical; - spacing: 0px; - margin: 0px; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", width); - children: [ "listbox" ]; - border-radius: 10px; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); + children: [ "imagebox" ]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { - padding: 6px; - background-color: transparent; + background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { - spacing: 20px; - background-color: transparent; + spacing: 4px; orientation: vertical; - children: [ "inputbar", "message", "listview" ]; + children: [ "listview" ]; border-radius: 10px; -} -/* ---- Dummy ---- */ -dummy { - background-color: transparent; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Inputbar ---- */ @@ -78,11 +74,13 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @background; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { @@ -90,59 +88,33 @@ textbox-prompt-colon { expand: false; str: "๐ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; text-color: inherit; cursor: text; placeholder: "Search"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: @background; - text-color: inherit; - cursor: pointer; - border: 0px; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 15; - cycle: true; - dynamic: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: true; - spacing: 0px; - padding: 2px; - margin: 0px; - border-radius: 10px; - border: 0px; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 1; + lines: 15; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ diff --git a/config/rofi/config-rofi-Beats.rasi b/config/rofi/config-rofi-Beats.rasi index 70e1467e..3016c658 100644 --- a/config/rofi/config-rofi-Beats.rasi +++ b/config/rofi/config-rofi-Beats.rasi @@ -1,5 +1,5 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (main)*/ +/* Main Config compact */ /* ---- Configuration ---- */ configuration { @@ -16,7 +16,7 @@ configuration { me-accept-entry: "MousePrimary"; window-format: "{w} ยท {c} ยท {t}"; dpi: 1; - + fake-transparency: true; } /* ---- Load pywal colors (custom wal template) ---- */ @@ -24,49 +24,53 @@ configuration { /* ---- Window ---- */ window { - width: 35%; + width: 20%; x-offset: 0px; y-offset: 0px; spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", both); - children: [ "imagebox", "listbox" ]; - border-radius: 10px; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); + children: [ "imagebox"]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } + /* ---- Dummy ---- */ dummy { background-color: transparent; @@ -77,54 +81,37 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ป"; + str: "๐ป"; text-color: inherit; + background-color: transparent; } entry { enabled: true; text-color: inherit; cursor: text; - placeholder: "Choose Online Music"; + placeholder: "Choose Online Music Station"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 10px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: @background; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: transparent; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 8; + enabled: true; + columns: 1; + lines: 7; spacing: 4px; dynamic: true; cycle: true; @@ -133,8 +120,8 @@ listview { reverse: false; fixed-height: true; fixed-columns: false; - background-color: @background; - border-radius: 10px; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ diff --git a/config/rofi/config-wallpaper.rasi b/config/rofi/config-wallpaper.rasi index a55cdafa..036397c3 100644 --- a/config/rofi/config-wallpaper.rasi +++ b/config/rofi/config-wallpaper.rasi @@ -1,5 +1,5 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config wallpaper*/ +/* Main Config wallpaper */ /* ---- Configuration ---- */ configuration { @@ -16,7 +16,7 @@ configuration { me-accept-entry: "MousePrimary"; window-format: "{w} ยท {c} ยท {t}"; dpi: 1; - + fake-transparency: true; } /* ---- Load pywal colors (custom wal template) ---- */ @@ -24,48 +24,53 @@ configuration { /* ---- Window ---- */ window { - width: 40%; + width: 34%; x-offset: 0px; y-offset: 0px; spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", both); - children: [ "imagebox", "listbox" ]; - border-radius: 10px; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", width); + children: [ "imagebox"]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; + border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } + /* ---- Dummy ---- */ dummy { background-color: transparent; @@ -76,66 +81,47 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๓ฐธ "; + str: "๓ฐธ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; text-color: inherit; cursor: text; - placeholder: "Choose Desired wallpaper"; + placeholder: "Choose Wallpaper"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: transparent; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: transparent; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 8; - spacing: 4px; - dynamic: true; - cycle: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 2; + lines: 5; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: true; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ @@ -144,7 +130,7 @@ element { padding: 5px; margin: 2px; cursor: pointer; - background-color: transparent; + background-color: transparent; border-radius: 10px; border: 0px; } @@ -211,14 +197,14 @@ element-text { /*****----- Message -----*****/ message { - background-color: transparent; + background-color: @background; margin: 20px 0px 0px 0px; border-radius: 10px; } textbox { padding: 15px; - background-color: transparent; + background-color: @background; text-color: @foreground; } diff --git a/config/rofi/config-waybar-layout.rasi b/config/rofi/config-waybar-layout.rasi index 0ac60e90..390a9eb2 100644 --- a/config/rofi/config-waybar-layout.rasi +++ b/config/rofi/config-waybar-layout.rasi @@ -28,41 +28,44 @@ window { spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", height); + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); children: [ "imagebox", "listbox" ]; - border-radius: 10px; + border-radius: 12px; } /* ---- Imagebox ---- */ imagebox { background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "dummy"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; + border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Dummy ---- */ dummy { @@ -77,63 +80,44 @@ inputbar { padding: 15px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @backrgound90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ "; + str: "๎ฏซ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; - text-color: inherit; - cursor: text; + background-color: transparent; + text-color: inherit; + cursor: text; placeholder: "Choose Waybar Layout"; placeholder-color: inherit; } -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: transparent; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; -} - /* ---- Listview ---- */ listview { enabled: true; columns: 1; lines: 16; - spacing: 4px; - dynamic: true; - cycle: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: @background; - border-radius: 10px; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: true; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ diff --git a/config/rofi/config-waybar-style.rasi b/config/rofi/config-waybar-style.rasi index 741d21f1..74a58bf4 100644 --- a/config/rofi/config-waybar-style.rasi +++ b/config/rofi/config-waybar-style.rasi @@ -28,41 +28,44 @@ window { spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", height); + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); children: [ "imagebox", "listbox" ]; - border-radius: 10px; + border-radius: 12px; } /* ---- Imagebox ---- */ imagebox { - background-color: transparent; + background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "dummy"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; + border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Dummy ---- */ dummy { @@ -77,48 +80,29 @@ inputbar { padding: 15px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ "; + str: "๓ฐฎซ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; - text-color: inherit; - cursor: text; + background-color: transparent; + text-color: inherit; + cursor: text; placeholder: "Choose Waybar Style"; placeholder-color: inherit; } -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: transparent; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; -} - /* ---- Listview ---- */ listview { enabled: true; @@ -132,7 +116,7 @@ listview { reverse: false; fixed-height: true; fixed-columns: false; - background-color: @background; + background-color: transparent; border-radius: 10px; } diff --git a/config/rofi/config.rasi b/config/rofi/config.rasi index d9823e96..255df164 100644 --- a/config/rofi/config.rasi +++ b/config/rofi/config.rasi @@ -1,5 +1,5 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (main) */ +/* Main Config (main) - mine */ /* ---- Configuration ---- */ configuration { @@ -28,26 +28,25 @@ window { x-offset: 0px; y-offset: 0px; spacing: 0px; - padding: 2px; + padding: 1px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", both); + padding: 14px; + background-image: url("~/.config/rofi/.current_wallpaper", height); children: [ "imagebox", "listbox" ]; border-radius: 10px; } @@ -62,10 +61,12 @@ imagebox { /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Dummy ---- */ @@ -81,15 +82,18 @@ inputbar { padding: 10px; border-radius: 10px; border-color: @foreground; - background-color: @background; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐"; + str: "๐ง"; text-color: inherit; + background-color: transparent; } entry { @@ -98,44 +102,50 @@ entry { cursor: text; placeholder: "Search"; placeholder-color: inherit; + background-color: transparent; } /* ---- Mode Switcher ---- */ mode-switcher{ enabled: true; spacing: 10px; - background-color: transparent; + background-color: transparent; text-color: @foreground; } button { padding: 10px; border-radius: 10px; - background-color: @background; + background-color: @background90; text-color: inherit; cursor: pointer; + border: 1px; + border-color: @active-background; } button selected { background-color: @selected-normal-background; text-color: @foreground; + border: 1px; + border-color: @background; + } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 7; - spacing: 4px; - dynamic: true; - cycle: true; - scrollbar: false; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 1; + lines: 9; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ @@ -144,7 +154,7 @@ element { padding: 5px; margin: 2px; cursor: pointer; - background-color: transparent; + background-color: transparent; border-radius: 10px; border: 0px; } @@ -218,13 +228,13 @@ message { textbox { padding: 15px; - background-color: @background; + background-color: @background; text-color: @foreground; } error-message { padding: 15px; - border-radius: 20px; - background-color: @background; + border-radius: 20px; + background-color: @background; text-color: @foreground; } diff --git a/config/rofi/pywal-color/pywal-theme.rasi b/config/rofi/pywal-color/pywal-theme.rasi index e729892e..b7d485d8 100644 --- a/config/rofi/pywal-color/pywal-theme.rasi +++ b/config/rofi/pywal-color/pywal-theme.rasi @@ -1 +1 @@ -For symlink. DO NOT DELETE
\ No newline at end of file +This is only for symlink
\ No newline at end of file diff --git a/config/rofi/resolution/1080p/config-compact.rasi b/config/rofi/resolution/1080p/config-compact.rasi index a6c2e2de..539a1830 100644 --- a/config/rofi/resolution/1080p/config-compact.rasi +++ b/config/rofi/resolution/1080p/config-compact.rasi @@ -1,5 +1,6 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (long) */ +/* Main Config compact */ + /* ---- Configuration ---- */ configuration { modi: "drun,run"; @@ -15,6 +16,7 @@ configuration { me-accept-entry: "MousePrimary"; window-format: "{w} ยท {c} ยท {t}"; dpi: 1; + fake-transparency: true; } /* ---- Load pywal colors (custom wal template) ---- */ @@ -26,48 +28,49 @@ window { x-offset: 0px; y-offset: 0px; spacing: 0px; - padding: 0px; + padding: 2px; margin: 0px; - color: transparent; border: 2px; - border-color: @background; + border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; - orientation: vertical; - spacing: 0px; - margin: 0px; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", both); - children: [ "listbox" ]; - border-radius: 10px; + orientation: horizontal; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); + children: [ "imagebox"]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { - padding: 6px; - background-color: transparent; + background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { - spacing: 20px; - background-color: transparent; + spacing: 4px; orientation: vertical; - children: [ "inputbar", "message", "listview" ]; + children: [ "listview" ]; border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } + /* ---- Dummy ---- */ dummy { background-color: transparent; @@ -78,81 +81,58 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @background; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ "; + str: "๏"; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; text-color: inherit; cursor: text; - placeholder: "Search"; + placeholder: "View / Edit Hyprland Configs"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: @background; - text-color: inherit; - cursor: pointer; - border: 0px; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: transparent; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 7; - cycle: true; - dynamic: true; - scrollbar: false; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: true; - spacing: 0px; - padding: 2px; - margin: 0px; - border-radius: 10px; - border: 0px; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 1; + lines: 7; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ element { enabled: true; - padding: 2px; + padding: 5px; margin: 2px; cursor: pointer; - background-color: transparent; + background-color: transparent; border-radius: 10px; + border: 0px; } element normal.normal { @@ -217,27 +197,20 @@ element-text { /*****----- Message -----*****/ message { - background-color: transparent; - border: 0px; + background-color: @background; margin: 20px 0px 0px 0px; - padding: 0px; - spacing: 0px; border-radius: 10px; } textbox { - padding: 6px; - margin: 0px; - border-radius: 0px; - background-color: transparent; + padding: 15px; + background-color: @background; text-color: @foreground; - vertical-align: 0.5; - horizontal-align: 0.0; } error-message { - padding: 6px; - border-radius: 20px; - background-color: @background; + padding: 15px; + border-radius: 20px; + background-color: @background; text-color: @foreground; } diff --git a/config/rofi/resolution/1080p/config-long.rasi b/config/rofi/resolution/1080p/config-long.rasi index 2a367a4e..8d5391fc 100644 --- a/config/rofi/resolution/1080p/config-long.rasi +++ b/config/rofi/resolution/1080p/config-long.rasi @@ -26,51 +26,47 @@ window { x-offset: 0px; y-offset: 0px; spacing: 0px; - padding: 0px; + padding: 2px; margin: 0px; - color: transparent; border: 2px; - border-color: @background; + border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: vertical; - spacing: 0px; - margin: 0px; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", width); - children: [ "listbox" ]; - border-radius: 10px; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); + children: [ "imagebox" ]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { - padding: 6px; - background-color: transparent; + background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { - spacing: 20px; - background-color: transparent; + spacing: 4px; orientation: vertical; - children: [ "inputbar", "message", "listview" ]; + children: [ "listview" ]; border-radius: 10px; -} -/* ---- Dummy ---- */ -dummy { - background-color: transparent; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Inputbar ---- */ @@ -78,11 +74,13 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @background; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { @@ -90,59 +88,33 @@ textbox-prompt-colon { expand: false; str: "๐ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; text-color: inherit; cursor: text; placeholder: "Search"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: @background; - text-color: inherit; - cursor: pointer; - border: 0px; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 15; - cycle: true; - dynamic: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: true; - spacing: 0px; - padding: 2px; - margin: 0px; - border-radius: 10px; - border: 0px; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 1; + lines: 15; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ diff --git a/config/rofi/resolution/1080p/config-rofi-Beats.rasi b/config/rofi/resolution/1080p/config-rofi-Beats.rasi index 70e1467e..3016c658 100644 --- a/config/rofi/resolution/1080p/config-rofi-Beats.rasi +++ b/config/rofi/resolution/1080p/config-rofi-Beats.rasi @@ -1,5 +1,5 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (main)*/ +/* Main Config compact */ /* ---- Configuration ---- */ configuration { @@ -16,7 +16,7 @@ configuration { me-accept-entry: "MousePrimary"; window-format: "{w} ยท {c} ยท {t}"; dpi: 1; - + fake-transparency: true; } /* ---- Load pywal colors (custom wal template) ---- */ @@ -24,49 +24,53 @@ configuration { /* ---- Window ---- */ window { - width: 35%; + width: 20%; x-offset: 0px; y-offset: 0px; spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", both); - children: [ "imagebox", "listbox" ]; - border-radius: 10px; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); + children: [ "imagebox"]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } + /* ---- Dummy ---- */ dummy { background-color: transparent; @@ -77,54 +81,37 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ป"; + str: "๐ป"; text-color: inherit; + background-color: transparent; } entry { enabled: true; text-color: inherit; cursor: text; - placeholder: "Choose Online Music"; + placeholder: "Choose Online Music Station"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 10px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: @background; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: transparent; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 8; + enabled: true; + columns: 1; + lines: 7; spacing: 4px; dynamic: true; cycle: true; @@ -133,8 +120,8 @@ listview { reverse: false; fixed-height: true; fixed-columns: false; - background-color: @background; - border-radius: 10px; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ diff --git a/config/rofi/resolution/1080p/config-wallpaper.rasi b/config/rofi/resolution/1080p/config-wallpaper.rasi index a55cdafa..036397c3 100644 --- a/config/rofi/resolution/1080p/config-wallpaper.rasi +++ b/config/rofi/resolution/1080p/config-wallpaper.rasi @@ -1,5 +1,5 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config wallpaper*/ +/* Main Config wallpaper */ /* ---- Configuration ---- */ configuration { @@ -16,7 +16,7 @@ configuration { me-accept-entry: "MousePrimary"; window-format: "{w} ยท {c} ยท {t}"; dpi: 1; - + fake-transparency: true; } /* ---- Load pywal colors (custom wal template) ---- */ @@ -24,48 +24,53 @@ configuration { /* ---- Window ---- */ window { - width: 40%; + width: 34%; x-offset: 0px; y-offset: 0px; spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", both); - children: [ "imagebox", "listbox" ]; - border-radius: 10px; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", width); + children: [ "imagebox"]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; + border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } + /* ---- Dummy ---- */ dummy { background-color: transparent; @@ -76,66 +81,47 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๓ฐธ "; + str: "๓ฐธ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; text-color: inherit; cursor: text; - placeholder: "Choose Desired wallpaper"; + placeholder: "Choose Wallpaper"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: transparent; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: transparent; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 8; - spacing: 4px; - dynamic: true; - cycle: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 2; + lines: 5; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: true; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ @@ -144,7 +130,7 @@ element { padding: 5px; margin: 2px; cursor: pointer; - background-color: transparent; + background-color: transparent; border-radius: 10px; border: 0px; } @@ -211,14 +197,14 @@ element-text { /*****----- Message -----*****/ message { - background-color: transparent; + background-color: @background; margin: 20px 0px 0px 0px; border-radius: 10px; } textbox { padding: 15px; - background-color: transparent; + background-color: @background; text-color: @foreground; } diff --git a/config/rofi/resolution/1080p/config-waybar-layout.rasi b/config/rofi/resolution/1080p/config-waybar-layout.rasi index 0ac60e90..390a9eb2 100644 --- a/config/rofi/resolution/1080p/config-waybar-layout.rasi +++ b/config/rofi/resolution/1080p/config-waybar-layout.rasi @@ -28,41 +28,44 @@ window { spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", height); + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); children: [ "imagebox", "listbox" ]; - border-radius: 10px; + border-radius: 12px; } /* ---- Imagebox ---- */ imagebox { background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "dummy"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; + border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Dummy ---- */ dummy { @@ -77,63 +80,44 @@ inputbar { padding: 15px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @backrgound90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ "; + str: "๎ฏซ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; - text-color: inherit; - cursor: text; + background-color: transparent; + text-color: inherit; + cursor: text; placeholder: "Choose Waybar Layout"; placeholder-color: inherit; } -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: transparent; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; -} - /* ---- Listview ---- */ listview { enabled: true; columns: 1; lines: 16; - spacing: 4px; - dynamic: true; - cycle: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: @background; - border-radius: 10px; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: true; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ diff --git a/config/rofi/resolution/1080p/config-waybar-style.rasi b/config/rofi/resolution/1080p/config-waybar-style.rasi index 741d21f1..74a58bf4 100644 --- a/config/rofi/resolution/1080p/config-waybar-style.rasi +++ b/config/rofi/resolution/1080p/config-waybar-style.rasi @@ -28,41 +28,44 @@ window { spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", height); + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); children: [ "imagebox", "listbox" ]; - border-radius: 10px; + border-radius: 12px; } /* ---- Imagebox ---- */ imagebox { - background-color: transparent; + background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "dummy"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; + border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Dummy ---- */ dummy { @@ -77,48 +80,29 @@ inputbar { padding: 15px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ "; + str: "๓ฐฎซ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; - text-color: inherit; - cursor: text; + background-color: transparent; + text-color: inherit; + cursor: text; placeholder: "Choose Waybar Style"; placeholder-color: inherit; } -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: transparent; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; -} - /* ---- Listview ---- */ listview { enabled: true; @@ -132,7 +116,7 @@ listview { reverse: false; fixed-height: true; fixed-columns: false; - background-color: @background; + background-color: transparent; border-radius: 10px; } diff --git a/config/rofi/resolution/1080p/config.rasi b/config/rofi/resolution/1080p/config.rasi index d9823e96..255df164 100644 --- a/config/rofi/resolution/1080p/config.rasi +++ b/config/rofi/resolution/1080p/config.rasi @@ -1,5 +1,5 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (main) */ +/* Main Config (main) - mine */ /* ---- Configuration ---- */ configuration { @@ -28,26 +28,25 @@ window { x-offset: 0px; y-offset: 0px; spacing: 0px; - padding: 2px; + padding: 1px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", both); + padding: 14px; + background-image: url("~/.config/rofi/.current_wallpaper", height); children: [ "imagebox", "listbox" ]; border-radius: 10px; } @@ -62,10 +61,12 @@ imagebox { /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Dummy ---- */ @@ -81,15 +82,18 @@ inputbar { padding: 10px; border-radius: 10px; border-color: @foreground; - background-color: @background; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐"; + str: "๐ง"; text-color: inherit; + background-color: transparent; } entry { @@ -98,44 +102,50 @@ entry { cursor: text; placeholder: "Search"; placeholder-color: inherit; + background-color: transparent; } /* ---- Mode Switcher ---- */ mode-switcher{ enabled: true; spacing: 10px; - background-color: transparent; + background-color: transparent; text-color: @foreground; } button { padding: 10px; border-radius: 10px; - background-color: @background; + background-color: @background90; text-color: inherit; cursor: pointer; + border: 1px; + border-color: @active-background; } button selected { background-color: @selected-normal-background; text-color: @foreground; + border: 1px; + border-color: @background; + } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 7; - spacing: 4px; - dynamic: true; - cycle: true; - scrollbar: false; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 1; + lines: 9; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ @@ -144,7 +154,7 @@ element { padding: 5px; margin: 2px; cursor: pointer; - background-color: transparent; + background-color: transparent; border-radius: 10px; border: 0px; } @@ -218,13 +228,13 @@ message { textbox { padding: 15px; - background-color: @background; + background-color: @background; text-color: @foreground; } error-message { padding: 15px; - border-radius: 20px; - background-color: @background; + border-radius: 20px; + background-color: @background; text-color: @foreground; } diff --git a/config/rofi/resolution/1440p/config-compact.rasi b/config/rofi/resolution/1440p/config-compact.rasi index 02038e8a..125af899 100644 --- a/config/rofi/resolution/1440p/config-compact.rasi +++ b/config/rofi/resolution/1440p/config-compact.rasi @@ -1,5 +1,5 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config Hyprland Settings*/ +/* Main Config compact */ /* ---- Configuration ---- */ configuration { @@ -16,7 +16,7 @@ configuration { me-accept-entry: "MousePrimary"; window-format: "{w} ยท {c} ยท {t}"; dpi: 1; - + fake-transparency: true; } /* ---- Load pywal colors (custom wal template) ---- */ @@ -24,49 +24,53 @@ configuration { /* ---- Window ---- */ window { - width: 35%; + width: 20%; x-offset: 0px; y-offset: 0px; spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", width); - children: [ "imagebox", "listbox" ]; - border-radius: 10px; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); + children: [ "imagebox"]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } + /* ---- Dummy ---- */ dummy { background-color: transparent; @@ -77,54 +81,37 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐"; + str: "๏"; text-color: inherit; + background-color: transparent; } entry { enabled: true; text-color: inherit; cursor: text; - placeholder: "View / Edit Hyprland Settings"; + placeholder: "View / Edit Hyprland Configs"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 10px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: @background; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: transparent; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 7; + enabled: true; + columns: 1; + lines: 7; spacing: 4px; dynamic: true; cycle: true; @@ -133,8 +120,8 @@ listview { reverse: false; fixed-height: true; fixed-columns: false; - background-color: @background; - border-radius: 10px; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ @@ -143,7 +130,7 @@ element { padding: 5px; margin: 2px; cursor: pointer; - background-color: transparent; + background-color: transparent; border-radius: 10px; border: 0px; } diff --git a/config/rofi/resolution/1440p/config-long.rasi b/config/rofi/resolution/1440p/config-long.rasi index 39dd868e..05ea6839 100644 --- a/config/rofi/resolution/1440p/config-long.rasi +++ b/config/rofi/resolution/1440p/config-long.rasi @@ -26,51 +26,47 @@ window { x-offset: 0px; y-offset: 0px; spacing: 0px; - padding: 0px; + padding: 2px; margin: 0px; - color: transparent; border: 2px; - border-color: @background; + border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: vertical; - spacing: 0px; - margin: 0px; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", height); - children: [ "listbox" ]; - border-radius: 10px; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); + children: [ "imagebox" ]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { - padding: 6px; - background-color: transparent; + background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { - spacing: 20px; - background-color: transparent; + spacing: 4px; orientation: vertical; - children: [ "inputbar", "message", "listview" ]; + children: [ "listview" ]; border-radius: 10px; -} -/* ---- Dummy ---- */ -dummy { - background-color: transparent; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Inputbar ---- */ @@ -78,11 +74,13 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @background; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { @@ -90,59 +88,33 @@ textbox-prompt-colon { expand: false; str: "๐ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; text-color: inherit; cursor: text; placeholder: "Search"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: @background; - text-color: inherit; - cursor: pointer; - border: 0px; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 15; - cycle: true; - dynamic: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: true; - spacing: 0px; - padding: 2px; - margin: 0px; - border-radius: 10px; - border: 0px; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 1; + lines: 15; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ diff --git a/config/rofi/resolution/1440p/config-rofi-Beats.rasi b/config/rofi/resolution/1440p/config-rofi-Beats.rasi index cd6c4c5f..65a6296e 100644 --- a/config/rofi/resolution/1440p/config-rofi-Beats.rasi +++ b/config/rofi/resolution/1440p/config-rofi-Beats.rasi @@ -1,5 +1,5 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (main)*/ +/* Main Config compact */ /* ---- Configuration ---- */ configuration { @@ -16,7 +16,7 @@ configuration { me-accept-entry: "MousePrimary"; window-format: "{w} ยท {c} ยท {t}"; dpi: 1; - + fake-transparency: true; } /* ---- Load pywal colors (custom wal template) ---- */ @@ -24,49 +24,53 @@ configuration { /* ---- Window ---- */ window { - width: 35%; + width: 20%; x-offset: 0px; y-offset: 0px; spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", width); - children: [ "imagebox", "listbox" ]; - border-radius: 10px; + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); + children: [ "imagebox"]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } + /* ---- Dummy ---- */ dummy { background-color: transparent; @@ -77,54 +81,37 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ป"; + str: "๐ป"; text-color: inherit; + background-color: transparent; } entry { enabled: true; text-color: inherit; cursor: text; - placeholder: "Choose Online Music"; + placeholder: "Choose Online Music Station"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 10px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: @background; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: transparent; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 9; + enabled: true; + columns: 1; + lines: 7; spacing: 4px; dynamic: true; cycle: true; @@ -133,8 +120,8 @@ listview { reverse: false; fixed-height: true; fixed-columns: false; - background-color: @background; - border-radius: 10px; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ diff --git a/config/rofi/resolution/1440p/config-wallpaper.rasi b/config/rofi/resolution/1440p/config-wallpaper.rasi index ba466282..21886afa 100644 --- a/config/rofi/resolution/1440p/config-wallpaper.rasi +++ b/config/rofi/resolution/1440p/config-wallpaper.rasi @@ -1,5 +1,5 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config wallpaper*/ +/* Main Config wallpaper */ /* ---- Configuration ---- */ configuration { @@ -16,7 +16,7 @@ configuration { me-accept-entry: "MousePrimary"; window-format: "{w} ยท {c} ยท {t}"; dpi: 1; - + fake-transparency: true; } /* ---- Load pywal colors (custom wal template) ---- */ @@ -24,48 +24,53 @@ configuration { /* ---- Window ---- */ window { - width: 40%; + width: 34%; x-offset: 0px; y-offset: 0px; spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; + padding: 15px; background-image: url("~/.config/rofi/.current_wallpaper", width); - children: [ "imagebox", "listbox" ]; - border-radius: 10px; + children: [ "imagebox"]; + border-radius: 12px; + background-color: @background90; } /* ---- Imagebox ---- */ imagebox { background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "listbox"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; + border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } + /* ---- Dummy ---- */ dummy { background-color: transparent; @@ -76,66 +81,47 @@ inputbar { enabled: true; text-color: @foreground; spacing: 10px; - padding: 10px; + padding: 14px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๓ฐธ "; + str: "๓ฐธ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; text-color: inherit; cursor: text; - placeholder: "Choose Desired wallpaper"; + placeholder: "Choose Wallpaper"; placeholder-color: inherit; -} - -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: transparent; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; + background-color: transparent; } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 10; - spacing: 4px; - dynamic: true; - cycle: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 2; + lines: 8; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: true; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ @@ -144,7 +130,7 @@ element { padding: 5px; margin: 2px; cursor: pointer; - background-color: transparent; + background-color: transparent; border-radius: 10px; border: 0px; } @@ -211,14 +197,14 @@ element-text { /*****----- Message -----*****/ message { - background-color: transparent; + background-color: @background; margin: 20px 0px 0px 0px; border-radius: 10px; } textbox { padding: 15px; - background-color: transparent; + background-color: @background; text-color: @foreground; } diff --git a/config/rofi/resolution/1440p/config-waybar-layout.rasi b/config/rofi/resolution/1440p/config-waybar-layout.rasi index e9138600..2a6546ff 100644 --- a/config/rofi/resolution/1440p/config-waybar-layout.rasi +++ b/config/rofi/resolution/1440p/config-waybar-layout.rasi @@ -28,41 +28,44 @@ window { spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", height); + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); children: [ "imagebox", "listbox" ]; - border-radius: 10px; + border-radius: 12px; } /* ---- Imagebox ---- */ imagebox { background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "dummy"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; + border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Dummy ---- */ dummy { @@ -77,63 +80,44 @@ inputbar { padding: 15px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @backrgound90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ "; + str: "๎ฏซ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; - text-color: inherit; - cursor: text; + background-color: transparent; + text-color: inherit; + cursor: text; placeholder: "Choose Waybar Layout"; placeholder-color: inherit; } -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: transparent; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; -} - /* ---- Listview ---- */ listview { enabled: true; columns: 1; lines: 16; - spacing: 4px; - dynamic: true; - cycle: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: @background; - border-radius: 10px; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: true; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ diff --git a/config/rofi/resolution/1440p/config-waybar-style.rasi b/config/rofi/resolution/1440p/config-waybar-style.rasi index d2d032ac..59bbb4ba 100644 --- a/config/rofi/resolution/1440p/config-waybar-style.rasi +++ b/config/rofi/resolution/1440p/config-waybar-style.rasi @@ -28,41 +28,44 @@ window { spacing: 0px; padding: 2px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; - background-image: url("~/.config/rofi/.current_wallpaper", height); + padding: 15px; + background-image: url("~/.config/rofi/.current_wallpaper", height); children: [ "imagebox", "listbox" ]; - border-radius: 10px; + border-radius: 12px; } /* ---- Imagebox ---- */ imagebox { - background-color: transparent; + background-color: transparent; orientation: vertical; - children: [ "inputbar", "dummy", "mode-switcher" ]; + children: [ "inputbar", "dummy"]; } /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; + border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Dummy ---- */ dummy { @@ -77,48 +80,29 @@ inputbar { padding: 15px; border-radius: 10px; border-color: @foreground; - background-color: @backrgound; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐ "; + str: "๓ฐฎซ "; text-color: inherit; - background-color: transparent; + background-color: transparent; } entry { enabled: true; - background-color: transparent; - text-color: inherit; - cursor: text; + background-color: transparent; + text-color: inherit; + cursor: text; placeholder: "Choose Waybar Style"; placeholder-color: inherit; } -/* ---- Mode Switcher ---- */ -mode-switcher{ - enabled: true; - spacing: 20px; - background-color: transparent; - text-color: @foreground; -} - -button { - padding: 10px; - border-radius: 10px; - background-color: transparent; - text-color: inherit; - cursor: pointer; -} - -button selected { - background-color: @selected-normal-background; - text-color: @foreground; -} - /* ---- Listview ---- */ listview { enabled: true; @@ -132,7 +116,7 @@ listview { reverse: false; fixed-height: true; fixed-columns: false; - background-color: @background; + background-color: transparent; border-radius: 10px; } diff --git a/config/rofi/resolution/1440p/config.rasi b/config/rofi/resolution/1440p/config.rasi index dd997999..fa41a4cd 100644 --- a/config/rofi/resolution/1440p/config.rasi +++ b/config/rofi/resolution/1440p/config.rasi @@ -1,5 +1,5 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (main) */ +/* Main Config (main) - mine */ /* ---- Configuration ---- */ configuration { @@ -28,25 +28,24 @@ window { x-offset: 0px; y-offset: 0px; spacing: 0px; - padding: 2px; + padding: 1px; margin: 0px; - color: transparent; - border: 1px; + border: 2px; border-color: @active-background; cursor: "default"; - transparency: "real"; location: center; anchor: center; fullscreen: false; enabled: true; border-radius: 15px; + background-color: @background-color; } /* ---- Mainbox ---- */ mainbox { enabled: true; orientation: horizontal; - padding: 20px; + padding: 14px; background-image: url("~/.config/rofi/.current_wallpaper", width); children: [ "imagebox", "listbox" ]; border-radius: 10px; @@ -62,10 +61,12 @@ imagebox { /* ---- Listbox ---- */ listbox { spacing: 4px; - background-color: transparent; orientation: vertical; children: [ "listview" ]; border-radius: 10px; + border: 1px; + border-color: @active-background; + background-color: @background90; } /* ---- Dummy ---- */ @@ -81,15 +82,18 @@ inputbar { padding: 10px; border-radius: 10px; border-color: @foreground; - background-color: @background; + background-color: @background90; children: [ "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; } textbox-prompt-colon { enabled: true; expand: false; - str: "๐"; + str: "๐ง"; text-color: inherit; + background-color: transparent; } entry { @@ -98,44 +102,50 @@ entry { cursor: text; placeholder: "Search"; placeholder-color: inherit; + background-color: transparent; } /* ---- Mode Switcher ---- */ mode-switcher{ enabled: true; spacing: 10px; - background-color: transparent; + background-color: transparent; text-color: @foreground; } button { padding: 10px; border-radius: 10px; - background-color: @background; + background-color: @background90; text-color: inherit; cursor: pointer; + border: 1px; + border-color: @active-background; } button selected { background-color: @selected-normal-background; text-color: @foreground; + border: 1px; + border-color: @background; + } /* ---- Listview ---- */ listview { - enabled: true; - columns: 1; - lines: 9; - spacing: 4px; - dynamic: true; - cycle: true; - scrollbar: false; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: false; - background-color: @background; - border-radius: 10px; + enabled: true; + columns: 1; + lines: 9; + spacing: 4px; + dynamic: true; + cycle: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: transparent; + border-radius: 10px; } /* ---- Element ---- */ @@ -144,7 +154,7 @@ element { padding: 5px; margin: 2px; cursor: pointer; - background-color: transparent; + background-color: transparent; border-radius: 10px; border: 0px; } @@ -218,13 +228,13 @@ message { textbox { padding: 15px; - background-color: @background; + background-color: @background; text-color: @foreground; } error-message { padding: 15px; - border-radius: 20px; - background-color: @background; + border-radius: 20px; + background-color: @background; text-color: @foreground; } diff --git a/config/wal/templates/colors-rofi-dark.rasi b/config/wal/templates/colors-rofi-dark.rasi new file mode 100644 index 00000000..8832abc0 --- /dev/null +++ b/config/wal/templates/colors-rofi-dark.rasi @@ -0,0 +1,166 @@ +* {{ + active-background: {color2}; + active-foreground: @foreground; + normal-background: @background; + normal-foreground: @foreground; + urgent-background: {color1}; + urgent-foreground: @foreground; + + alternate-active-background: @background; + alternate-active-foreground: @foreground; + alternate-normal-background: @background; + alternate-normal-foreground: @foreground; + alternate-urgent-background: @background; + alternate-urgent-foreground: @foreground; + + selected-active-background: {color1}; + selected-active-foreground: @foreground; + selected-normal-background: {color2}; + selected-normal-foreground: @foreground; + selected-urgent-background: {color3}; + selected-urgent-foreground: @foreground; + + background-color: {background}90; + background: {background}; + foreground: {foreground}; + border-color: @background; + spacing: 2; +}} + +#window {{ + background-color: @background; + border: 0; + padding: 2.5ch; +}} + +#mainbox {{ + border: 0; + padding: 0; +}} + +#message {{ + border: 2px 0px 0px; + border-color: @border-color; + padding: 1px; +}} + +#textbox {{ + text-color: @foreground; +}} + +#inputbar {{ + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +}} + +#textbox-prompt-colon {{ + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em; + text-color: @normal-foreground; +}} + +#listview {{ + fixed-height: 0; + border: 2px 0px 0px; + border-color: @border-color; + spacing: 2px; + scrollbar: true; + padding: 2px 0px 0px; +}} + +#element {{ + border: 0; + padding: 1px; +}} + +#element-text, element-icon {{ + background-color: inherit; + text-color: inherit; +}} + +#element.normal.normal {{ + background-color: @normal-background; + text-color: @normal-foreground; +}} + +#element.normal.urgent {{ + background-color: @urgent-background; + text-color: @urgent-foreground; +}} + +#element.normal.active {{ + background-color: @active-background; + text-color: @active-foreground; +}} + +#element.selected.normal {{ + background-color: @selected-normal-background; + text-color: @selected-normal-foreground; +}} + +#element.selected.urgent {{ + background-color: @selected-urgent-background; + text-color: @selected-urgent-foreground; +}} + +#element.selected.active {{ + background-color: @selected-active-background; + text-color: @selected-active-foreground; +}} + +#element.alternate.normal {{ + background-color: @alternate-normal-background; + text-color: @alternate-normal-foreground; +}} + +#element.alternate.urgent {{ + background-color: @alternate-urgent-background; + text-color: @alternate-urgent-foreground; +}} + +#element.alternate.active {{ + background-color: @alternate-active-background; + text-color: @alternate-active-foreground; +}} + +#scrollbar {{ + width: 4px; + border: 0; + handle-width: 8px; + padding: 0; +}} + +#sidebar {{ + border: 2px 0px 0px; + border-color: @border-color; +}} + +#button {{ + text-color: @normal-foreground; +}} + +#button.selected {{ + background-color: @selected-normal-background; + text-color: @selected-normal-foreground; +}} + +#inputbar {{ + spacing: 0; + text-color: @normal-foreground; + padding: 1px; +}} + +#case-indicator {{ + spacing: 0; + text-color: @normal-foreground; +}} + +#entry {{ + spacing: 0; + text-color: @normal-foreground; +}} + +#prompt {{ + spacing: 0; + text-color: @normal-foreground; +}} diff --git a/config/wal/templates/colors-rofi-light.rasi b/config/wal/templates/colors-rofi-light.rasi new file mode 100644 index 00000000..ff592d72 --- /dev/null +++ b/config/wal/templates/colors-rofi-light.rasi @@ -0,0 +1,166 @@ +* {{ + active-background: {color2}; + active-foreground: @foreground; + normal-background: @background; + normal-foreground: @foreground; + urgent-background: {color1}; + urgent-foreground: @foreground; + + alternate-active-background: @background; + alternate-active-foreground: @foreground; + alternate-normal-background: @background; + alternate-normal-foreground: @foreground; + alternate-urgent-background: @background; + alternate-urgent-foreground: @foreground; + + selected-active-background: {color1}; + selected-active-foreground: @foreground; + selected-normal-background: {color2}; + selected-normal-foreground: @foreground; + selected-urgent-background: {color3}; + selected-urgent-foreground: @foreground; + + background-color: @background; + background: {foreground}; + foreground: {background}; + border-color: @background; + spacing: 2; +}} + +#window {{ + background-color: @background; + border: 0; + padding: 2.5ch; +}} + +#mainbox {{ + border: 0; + padding: 0; +}} + +#message {{ + border: 2px 0px 0px; + border-color: @border-color; + padding: 1px; +}} + +#textbox {{ + text-color: @foreground; +}} + +#inputbar {{ + children: [ prompt,textbox-prompt-colon,entry,case-indicator ]; +}} + +#textbox-prompt-colon {{ + expand: false; + str: ":"; + margin: 0px 0.3em 0em 0em; + text-color: @normal-foreground; +}} + +#listview {{ + fixed-height: 0; + border: 2px 0px 0px; + border-color: @border-color; + spacing: 2px; + scrollbar: true; + padding: 2px 0px 0px; +}} + +#element {{ + border: 0; + padding: 1px; +}} + +#element-text, element-icon {{ + background-color: inherit; + text-color: inherit; +}} + +#element.normal.normal {{ + background-color: @normal-background; + text-color: @normal-foreground; +}} + +#element.normal.urgent {{ + background-color: @urgent-background; + text-color: @urgent-foreground; +}} + +#element.normal.active {{ + background-color: @active-background; + text-color: @active-foreground; +}} + +#element.selected.normal {{ + background-color: @selected-normal-background; + text-color: @selected-normal-foreground; +}} + +#element.selected.urgent {{ + background-color: @selected-urgent-background; + text-color: @selected-urgent-foreground; +}} + +#element.selected.active {{ + background-color: @selected-active-background; + text-color: @selected-active-foreground; +}} + +#element.alternate.normal {{ + background-color: @alternate-normal-background; + text-color: @alternate-normal-foreground; +}} + +#element.alternate.urgent {{ + background-color: @alternate-urgent-background; + text-color: @alternate-urgent-foreground; +}} + +#element.alternate.active {{ + background-color: @alternate-active-background; + text-color: @alternate-active-foreground; +}} + +#scrollbar {{ + width: 4px; + border: 0; + handle-width: 8px; + padding: 0; +}} + +#sidebar {{ + border: 2px 0px 0px; + border-color: @border-color; +}} + +#button {{ + text-color: @normal-foreground; +}} + +#button.selected {{ + background-color: @selected-normal-background; + text-color: @selected-normal-foreground; +}} + +#inputbar {{ + spacing: 0; + text-color: @normal-foreground; + padding: 1px; +}} + +#case-indicator {{ + spacing: 0; + text-color: @normal-foreground; +}} + +#entry {{ + spacing: 0; + text-color: @normal-foreground; +}} + +#prompt {{ + spacing: 0; + text-color: @normal-foreground; +}} @@ -131,7 +131,7 @@ fi set -e # Exit immediately if a command exits with a non-zero status. printf "${NOTE} - copying dotfiles\n" - for DIR in btop cava dunst hypr kitty rofi swappy swaylock waybar wlogout; do + for DIR in btop cava dunst hypr kitty rofi swappy swaylock wal waybar wlogout; do DIRPATH=~/.config/$DIR if [ -d "$DIRPATH" ]; then echo -e "${NOTE} - Config for $DIR found, attempting to back up." |