diff options
Diffstat (limited to 'config/rofi')
37 files changed, 3546 insertions, 334 deletions
diff --git a/config/rofi/config-Animations.rasi b/config/rofi/config-Animations.rasi index 2064cd1b..7c458b09 100644 --- a/config/rofi/config-Animations.rasi +++ b/config/rofi/config-Animations.rasi @@ -1,20 +1,39 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Rofi Beats Config (compact) */ +/* Animations Menu */ -@import "~/.config/rofi/config-compact.rasi" +@import "~/.config/rofi/config.rasi" + +/* ---- Mainbox ---- */ +mainbox { + children: + [ "inputbar", "message", "listview"]; +} /* ---- Window ---- */ window { - width: 35%; + width: 30%; } /* ---- Entry ---- */ entry { - width: 25%; - placeholder: " โจ Choose which Animations to load"; + width: 28%; + placeholder: " โจ Search / Choose which Animations to load"; } /* ---- Listview ---- */ listview { - lines: 10; + columns: 2; + lines: 9; + fixed-height: false; + margin: 10px; +} + +/* ---- Elements ---- */ +element-icon { + size: 0%; +} +element-text { + horizontal-align: 0.0; + vertical-align: 0.0; + margin: 5px 30px 5px 30px; } diff --git a/config/rofi/config-calc.rasi b/config/rofi/config-calc.rasi index 54653491..1dfd1887 100644 --- a/config/rofi/config-calc.rasi +++ b/config/rofi/config-calc.rasi @@ -2,21 +2,19 @@ /* Main Config Calculator */ /* Submitted by: https://github.com/JosephArmas */ -@import "~/.config/rofi/master-config.rasi" +@import "~/.config/rofi/config.rasi" + +/* ---- Mainbox ---- */ +mainbox { + children: [ "entry", "message" ]; + height: inherit; +} + /* ---- Entry ---- */ entry { - width: 27%; + expand: true; placeholder: " ๐งฎ Calculate"; } -/* ---- Window ---- */ -window { - width: 30%; -} - -/* ---- Message ---- */ -textbox { - background-color: @selected; - text-color: @background; -}
\ No newline at end of file +listview {enable: false;}
\ No newline at end of file diff --git a/config/rofi/config-clipboard.rasi b/config/rofi/config-clipboard.rasi index 7c6dd91e..4b6ba384 100644 --- a/config/rofi/config-clipboard.rasi +++ b/config/rofi/config-clipboard.rasi @@ -1,16 +1,42 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ /* Clipboard Config - Clipboard */ -@import "~/.config/rofi/master-config.rasi" +@import "~/.config/rofi/config.rasi" + +/* ---- Window ---- */ +window { + width: 50%; +} + +/* ---- Mainbox ---- */ +mainbox { + children: + [ "inputbar", "message", "listview"]; +} /* ---- Entry ---- */ entry { - width: 37%; - placeholder: " ๐ Search Clipboard **note** ๐ CTRL Del - Cliphist del or Alt Del - cliphist wipe"; + width: 47%; + placeholder: " ๐ Search Clipboard "; } /* ---- Listview ---- */ listview { columns: 1; lines: 8; -}
\ No newline at end of file + fixed-height: false; +} + +/* ---- Elements ---- */ +element { + orientation: horizontal; +} + +element-icon { + size: 0%; +} + +element-text { + horizontal-align: 0.0; + vertical-align: 0.5; +} diff --git a/config/rofi/config-compact.rasi b/config/rofi/config-compact.rasi deleted file mode 100644 index 0887a936..00000000 --- a/config/rofi/config-compact.rasi +++ /dev/null @@ -1,43 +0,0 @@ -/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (compact) */ - -@import "~/.config/rofi/master-config.rasi" - -/* ---- Configuration ---- */ -configuration { - modi: "drun"; -} - -/* ---- Window ---- */ -window { - width: 50%; - border-radius: 15px; -} - -/* ---- Inputbar ---- */ -inputbar { - background-image: url("~/.config/rofi/.current_wallpaper", width); -} - -/* ---- Imagebox ---- */ -imagebox { - orientation: vertical; - children: [ "entry", "listview"]; -} - -/* ---- Entry input ---- */ -entry { - width: 23%; - placeholder: " ๐ View / Edit Hyprland Configs"; -} - -/* ---- Listview ---- */ -listview { - spacing: 4px; - border-radius: 12px; -} - -/* ---- Element ---- */ -element { - border-radius: 10px; -} diff --git a/config/rofi/config-edit.rasi b/config/rofi/config-edit.rasi new file mode 100644 index 00000000..60d18e34 --- /dev/null +++ b/config/rofi/config-edit.rasi @@ -0,0 +1,49 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* Main Config (compact) */ + +@import "~/.config/rofi/config.rasi" + +/* ---- Mainbox ---- */ +mainbox { + children: + [ "inputbar", "listview"]; +} + + +/* ---- Configuration ---- */ +configuration { + modi: "drun"; +} + +/* ---- Window ---- */ +window { + width: 45%; +} + + +/* ---- Listview ---- */ +listview { + columns: 2; + lines: 6; + fixed-height: false; +} + +/* ---- Entry input ---- */ +entry { + expand: true; + placeholder: " ๐ View / Edit KooL Hyprland Configs"; +} + + +/* ---- Elements ---- */ +element { + orientation: horizontal; +} + +element-icon { + size: 0%; +} +element-text { + horizontal-align: 0.0; + margin: 5px 30px 5px 30px; +}
\ No newline at end of file diff --git a/config/rofi/config-emoji.rasi b/config/rofi/config-emoji.rasi index 39eab54c..c107bdc3 100644 --- a/config/rofi/config-emoji.rasi +++ b/config/rofi/config-emoji.rasi @@ -1,16 +1,39 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ /* Main Config - emoji */ -@import "~/.config/rofi/master-config.rasi" +@import "~/.config/rofi/config.rasi" + +/* ---- Mainbox ---- */ +mainbox { + children: + [ "inputbar", "message", "listview"]; +} /* ---- Entry ---- */ entry { width: 37%; - placeholder: " ๐ซ Search Emoji's **note** ๐ Click or Return to choose | Ctrl V to Paste"; + placeholder: " ๐ซ Search / Choose Emoji's"; + horizontal-align: 0.0; } /* ---- Listview ---- */ listview { - columns: 1; + columns: 2; lines: 8; + fixed-height: false; + scrollbar: true; +} + +/* ---- Elements ---- */ +element { + orientation: horizontal; +} + +element-icon { + size: 0%; +} + +element-text { + horizontal-align: 0.0; + vertical-align: 0.5; }
\ No newline at end of file diff --git a/config/rofi/config-keybinds.rasi b/config/rofi/config-keybinds.rasi index 206928cb..2b19c271 100644 --- a/config/rofi/config-keybinds.rasi +++ b/config/rofi/config-keybinds.rasi @@ -1,20 +1,43 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ /* Main Config - For Keybinds generation */ -@import "~/.config/rofi/master-config.rasi" +@import "~/.config/rofi/config.rasi" + + +/* ---- Mainbox ---- */ +mainbox { + children: + [ "inputbar", "message", "listview"]; +} /* ---- Entry ---- */ entry { - width: 85%; - placeholder: " ๐งฎ Search Keybinds โฃ๏ธ NOTE โฃ๏ธ: Clicking with Mouse or Pressing ENTER will have NO function"; + expand: true; + placeholder: " ๐งฎ Search Keybinds"; } /* ---- Listview ---- */ listview { columns: 2; lines: 12; + fixed-height: false; + scrollbar: true; } window { - width: 95%; + width: 90%; +} + +/* ---- Elements ---- */ +element { + orientation: horizontal; +} + +element-icon { + size: 0%; +} + +element-text { + horizontal-align: 0.0; + vertical-align: 0.5; }
\ No newline at end of file diff --git a/config/rofi/config-rofi-Beats-menu.rasi b/config/rofi/config-rofi-Beats-menu.rasi index 3e29881e..b6a573f8 100644 --- a/config/rofi/config-rofi-Beats-menu.rasi +++ b/config/rofi/config-rofi-Beats-menu.rasi @@ -1,22 +1,38 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ /* Main config Rofi Beats Config (compact) */ -@import "~/.config/rofi/master-config.rasi" +@import "~/.config/rofi/config.rasi" + +/* ---- Mainbox ---- */ +mainbox { + children: + [ "inputbar", "listview"]; +} /* ---- Entry ---- */ entry { - width: 20%; + expand: false; + width: 17%; placeholder: " ๐ป Choose Music Source"; } /* ---- Window ---- */ window { - width: 24%; + width: 20%; } /* ---- Listview ---- */ listview { fixed-columns: false; + scrollbar: false; colums: 1; lines: 3; } + +/* ---- Element ---- */ +element-icon { + size: 0%; +} +element-text { + horizontal-align: 0.5; +}
\ No newline at end of file diff --git a/config/rofi/config-rofi-Beats.rasi b/config/rofi/config-rofi-Beats.rasi index 97bb9643..b8121286 100644 --- a/config/rofi/config-rofi-Beats.rasi +++ b/config/rofi/config-rofi-Beats.rasi @@ -1,7 +1,18 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ /* Rofi Beats Config (compact) */ -@import "~/.config/rofi/config-compact.rasi" +@import "~/.config/rofi/config.rasi" + +/* ---- Window ---- */ +window { + width: 45%; +} + +/* ---- Mainbox ---- */ +mainbox { + children: + [ "inputbar", "listview"]; +} /* ---- Entry ---- */ entry { @@ -10,5 +21,22 @@ entry { /* ---- Listview ---- */ listview { - lines: 7; + columns: 2; + lines: 8; + fixed-height: false; + margin: 10px; } + +/* ---- Elements ---- */ +element { + orientation: horizontal; +} + +element-icon { + size: 0%; +} + +element-text { + horizontal-align: 0.0; + vertical-align: 0.5; +}
\ No newline at end of file diff --git a/config/rofi/config-rofi-theme.rasi b/config/rofi/config-rofi-theme.rasi new file mode 100644 index 00000000..d660f1f9 --- /dev/null +++ b/config/rofi/config-rofi-theme.rasi @@ -0,0 +1,44 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* Main Config Rofi Theme */ + +@import "~/.config/rofi/config.rasi" + +/* ---- Window ---- */ +window { + width: 45%; +} + +/* ---- Mainbox ---- */ +mainbox { + children: + [ "inputbar", "listview"]; +} + +/* ---- Listview ---- */ +listview { + columns: 2; + lines: 8; + fixed-height: false; + scrollbar: true; +} + +/* ---- Entry input ---- */ +entry { + expand: true; + placeholder: " โฌ๏ธ Select Which Rofi Theme wanted to apply"; +} + + +/* ---- Elements ---- */ +element { + orientation: vertical; +} + +element-icon { + size: 0%; +} +element-text { + horizontal-align: 0.0; + margin: 5px 30px 5px 30px; +} + diff --git a/config/rofi/config-search.rasi b/config/rofi/config-search.rasi index 70cb08f1..d0d8357e 100644 --- a/config/rofi/config-search.rasi +++ b/config/rofi/config-search.rasi @@ -1,28 +1,25 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ /* Rofi Config for Google Search) */ -@import "~/.config/rofi/master-config.rasi" +@import "~/.config/rofi/config.rasi" /* ---- Window ---- */ window { width: 40%; - y-offset: 6px; + //orientation: horizontal; + height: inherit; + y-offset: 10px; location: north; -} - -/* ---- Inputbar ---- */ -inputbar { - enabled: true; -} - -/* ---- Mainbox ---- */ -mainbox { - padding: 0px; - children: [ "entry"]; + children: [ "entry", "message" ]; + border: 2px; + border-color: white/25%; } /* ---- Entry ---- */ entry { - placeholder: " ๐ Google Search via web browser"; + expand: true; + placeholder: " ๐ Google Search"; + horizontal-align: 0.5; + padding: 15px; + border-radius: inherit; } - diff --git a/config/rofi/config-wallpaper-effect.rasi b/config/rofi/config-wallpaper-effect.rasi index 684c00a2..6a4dbfe5 100644 --- a/config/rofi/config-wallpaper-effect.rasi +++ b/config/rofi/config-wallpaper-effect.rasi @@ -1,26 +1,46 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ /* Wallpaper Effects */ -@import "~/.config/rofi/master-config.rasi" +@import "~/.config/rofi/config.rasi" + + +/* ---- Mainbox ---- */ +mainbox { + children: + [ "inputbar", "listview"]; +} /* ---- Entry ---- */ entry { - width: 20%; - placeholder: " ๐๏ธ Choose desired wallpaper effect"; + width: 32%; + placeholder: " ๐๏ธ Search / Choose desired wallpaper effect"; } /* ---- Window ---- */ window { - width: 24%; + width: 35%; } /* ---- Listview ---- */ listview { - fixed-columns: false; + columns: 2; lines: 8; + fixed-height: false; + scrollbar: true; } /* ---- Inputbar ---- */ inputbar { - background-image: url("~/.config/hypr/wallpaper_effects/.wallpaper_modified", width); + background-image: url("~/.config/hypr/wallpaper_effects/.wallpaper_modified", width); +} + +/* ---- Element ---- */ +element-icon { + size: 0%; +} + +element-text { + horizontal-align: 0.0; + vertical-align: 0.0; + margin: 5px 30px 5px 30px; }
\ No newline at end of file diff --git a/config/rofi/config-wallpaper.rasi b/config/rofi/config-wallpaper.rasi index 8665f6c0..eab47606 100644 --- a/config/rofi/config-wallpaper.rasi +++ b/config/rofi/config-wallpaper.rasi @@ -1,7 +1,7 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ /* Main Config (wallpaper) */ -@import "~/.config/rofi/master-config.rasi" +@import "~/.config/rofi/config.rasi" /* ---- Configuration ---- */ configuration { @@ -12,17 +12,16 @@ window { width: 60%; } -/* ---- Imagebox ---- */ -imagebox { - orientation: vertical; +/* ---- Mainbox ---- */ +mainbox { children: - [ "entry", "listbox"]; + [ "inputbar", "listview"]; } - entry { - expand: false; - placeholder: " ๐๏ธ Choose Wallpaper"; + expand: true; + placeholder: " ๐๏ธ Search / Choose Wallpaper"; + horizontal-align: 0.0; } /* ---- Listview ---- */ @@ -35,17 +34,13 @@ listview { /* ---- Element ---- */ element { orientation: vertical; - padding: 0px; - spacing: 0px; - border-radius: 12px; } element-icon { - size: 15%; + size: 10%; } element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; vertical-align: 0.5; horizontal-align: 0.5; } diff --git a/config/rofi/config-waybar-layout.rasi b/config/rofi/config-waybar-layout.rasi index 4dd06a1c..c179a362 100644 --- a/config/rofi/config-waybar-layout.rasi +++ b/config/rofi/config-waybar-layout.rasi @@ -1,10 +1,39 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Layout Config (Waybar) */ +/* Main Config (Waybar Layout) */ -@import "~/.config/rofi/config-waybar-style.rasi" +@import "~/.config/rofi/config.rasi" + +/* ---- Configuration ---- */ +configuration { + modi: "drun"; +} + +/* ---- Mainbox ---- */ +mainbox { + children: + [ "inputbar", "listview"]; +} /* ---- Entry ---- */ entry { - placeholder: " ๐ผ๏ธ Choose Waybar Layout"; + expand: true; + placeholder: " ๐ผ๏ธ Search / Choose Waybar Layout"; } +/* ---- Listview ---- */ +listview { + columns: 2; + lines: 9; + fixed-height: false; + margin: 10px; + scrollbar: true; +} + +/* ---- Elements ---- */ +element-icon { + size: 0%; +} +element-text { + horizontal-align: 0.0; + margin: 5px 30px 5px 30px; +} diff --git a/config/rofi/config-waybar-style.rasi b/config/rofi/config-waybar-style.rasi index ee23793f..12c5a757 100644 --- a/config/rofi/config-waybar-style.rasi +++ b/config/rofi/config-waybar-style.rasi @@ -1,12 +1,7 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (waybar) */ +/* Main Config (waybar style) */ -@import "~/.config/rofi/master-config.rasi" - -/* ---- Configuration ---- */ -configuration { - modi: "drun"; -} +@import "~/.config/rofi/config.rasi" /* ---- Mainbox ---- */ mainbox { @@ -14,8 +9,32 @@ mainbox { [ "inputbar", "listview"]; } +/* ---- Configuration ---- */ +configuration { + modi: "drun"; +} + +/* ---- Entry ---- */ entry { expand: true; - placeholder: " ๐ผ๏ธ Choose Waybar Style"; + placeholder: " ๐ผ๏ธ Search / Choose Waybar Style"; } + +/* ---- Listview ---- */ +listview { + columns: 2; + lines: 9; + fixed-height: false; + margin: 10px; + scrollbar: true; +} + +/* ---- Elements ---- */ +element-icon { + size: 0%; +} +element-text { + horizontal-align: 0.0; + margin: 5px 30px 5px 30px; +} diff --git a/config/rofi/config-zsh-theme.rasi b/config/rofi/config-zsh-theme.rasi index b3aff7e8..1b0b58f7 100644 --- a/config/rofi/config-zsh-theme.rasi +++ b/config/rofi/config-zsh-theme.rasi @@ -1,7 +1,7 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config (compact) */ +/* Oh My ZSH Theme */ -@import "~/.config/rofi/master-config.rasi" +@import "~/.config/rofi/config.rasi" /* ---- Configuration ---- */ configuration { @@ -14,11 +14,8 @@ window { border-radius: 15px; } -/* ---- Imagebox ---- */ -imagebox { - orientation: vertical; - children: - [ "inputbar", "listbox"]; +mainbox { + children: [ "inputbar" , "listview" ]; } /* ---- Listbox ---- */ @@ -33,7 +30,8 @@ inputbar { } entry { - placeholder: " ๓ฐธ Choose ZSH theme"; + expand: true; + placeholder: " ๐ช Search / Choose ZSH theme"; } /* ---- Listview ---- */ @@ -46,7 +44,7 @@ listview { /* ---- Element ---- */ element { - border-radius: 10px; + orientation: horizontal; } /* ---- Message ---- */ @@ -57,3 +55,12 @@ message { textbox { padding: 15px; } + +/* ---- Element ---- */ +element-icon { + size: 0%; +} +element-text { + horizontal-align: 0.0; + margin: 5px 30px 5px 30px; +} diff --git a/config/rofi/config.rasi b/config/rofi/config.rasi index eca05ea6..b52ef00e 100755..100644 --- a/config/rofi/config.rasi +++ b/config/rofi/config.rasi @@ -1,31 +1,24 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config 1080p */ +/* Ja KooLit - Default -@import "~/.config/rofi/master-config.rasi" +* All main themes or configs are located in ~/.config/rofi/themes/ +* If you want to edit the config, that is where you should edit NOT here -/* ---- Window ---- */ -window { - width: 50%; -} -/* ---- Listview ---- */ -listview { - columns: 5; - lines: 5; - fixed-height: true; -} +* To load a new theme, manually edit the file path below or choose desired theme via rofi theme selector (choose via app menu) -/* ---- Element ---- */ -element { - orientation: vertical; - padding: 10px 5px 10px 5px; - spacing: 6px; -} +* Alternative way to Load (preferred) own cooked by Ja +* SUPER CTRL R - Choose style & SUPER CTRL SHIFT R -element-icon { - size: 3%; +* TIPS +* If you have edited a config, rename it with a unique name. During update, the contents of +* ~/.config/rofi/themes/ will be replaced. */ + +/* ---- Configuration Fonts ---- */ +configuration { + font: "JetBrainsMono Nerd Font SemiBold 13"; } -element-text { - font: "JetBrainsMono Nerd Font SemiBold 10"; - horizontal-align: 0.5; -}
\ No newline at end of file +/* note: Element-text font and size, edit configs in ~/.config/rofi/themes/ */ + + +@theme "~/.config/rofi/themes/KooL_style-2-Dark.rasi" diff --git a/config/rofi/resolution/1080p/config.rasi b/config/rofi/resolution/1080p/config.rasi deleted file mode 100755 index eca05ea6..00000000 --- a/config/rofi/resolution/1080p/config.rasi +++ /dev/null @@ -1,31 +0,0 @@ -/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config 1080p */ - -@import "~/.config/rofi/master-config.rasi" - -/* ---- Window ---- */ -window { - width: 50%; -} -/* ---- Listview ---- */ -listview { - columns: 5; - lines: 5; - fixed-height: true; -} - -/* ---- Element ---- */ -element { - orientation: vertical; - padding: 10px 5px 10px 5px; - spacing: 6px; -} - -element-icon { - size: 3%; -} - -element-text { - font: "JetBrainsMono Nerd Font SemiBold 10"; - horizontal-align: 0.5; -}
\ No newline at end of file diff --git a/config/rofi/resolution/1440p/config.rasi b/config/rofi/resolution/1440p/config.rasi deleted file mode 100755 index 768fcec1..00000000 --- a/config/rofi/resolution/1440p/config.rasi +++ /dev/null @@ -1,37 +0,0 @@ -/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Main Config 1440p */ - -@import "~/.config/rofi/master-config.rasi" - -/* ---- Window ---- */ -window { - width: 50%; -} - -/* ---- Mode Switcher ---- */ -button { - width: 110px; -} - -/* ---- Listview ---- */ -listview { - columns: 5; - lines: 5; - fixed-height: true; -} - -/* ---- Element ---- */ -element { - orientation: vertical; - padding: 10px 5px 10px 5px; - spacing: 6px; -} - -element-icon { - size: 3%; -} - -element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; - horizontal-align: 0.5; -} diff --git a/config/rofi/themes/KooL_LonerOrZ.rasi b/config/rofi/themes/KooL_LonerOrZ.rasi new file mode 100644 index 00000000..5afd1f6b --- /dev/null +++ b/config/rofi/themes/KooL_LonerOrZ.rasi @@ -0,0 +1,195 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Style LonerOrZ */ +/* Submitted by https://github.com/lonerOrz */ + + + +configuration { + show-icons: true; + display-drun: "๏"; + drun-display-format: "{icon} {name}"; + disable-history: false; + click-to-exit: true; + location: 0; +} + +/*****----- Global Properties -----*****/ +* { + font: "Iosevka 12"; + + BG: #1E1D2Fff; + BGA: #89DCEBff; + FG: #D9E0EEff; + FGA: #F28FADff; + BDR: #96CDFBff; + SEL: #1E1E2Eff; + UGT: #F28FADff; + IMG: #FAE3B0ff; + OFF: #575268ff; + ON: #ABE9B3ff; +} + +window { + transparency: "real"; + background-color: @BG; + text-color: @FG; + border: 2px; + border-color: @BDR; + border-radius: 10px; + width: 25%; + anchor: center; + x-offset: 0; + y-offset: 0; +} + +prompt { + enabled: true; + padding: 8px; + background-color: @BG; + text-color: @IMG; +} + +textbox-prompt-colon { + expand: false; + str: "๏"; + border-radius: 100%; + background-color: @SEL; + text-color: @FG; + padding: 8px 12px 8px 12px; + font: "Iosevka Nerd Font 10"; +} + +entry { + background-color: @BG; + text-color: @FG; + placeholder-color: @FG; + expand: true; + horizontal-align: 0; + placeholder: "Search..."; + blink: true; + border: 0px 0px 2px 0px; + border-color: @BDR; + border-radius: 10px; + padding: 8px; +} + +inputbar { + children: [ textbox-prompt-colon, entry ]; + background-color: @BG; + text-color: @FG; + expand: false; + border: 0px 0px 0px 0px; + border-radius: 0px; + border-color: @BDR; + margin: 0px 0px 0px 0px; + padding: 0px; + position: center; +} + +case-indicator { + background-color: @BG; + text-color: @FG; + spacing: 0; +} + + +listview { + background-color: @BG; + columns: 1; + lines: 7; + spacing: 4px; + cycle: false; + dynamic: true; + layout: vertical; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: 0px; + border-radius: 10px; + background-color: transparent; + handle-color: @BDR; + handle-width: 5px ; + padding: 0; +} + +mainbox { + background-color: @BG; + children: [ inputbar, message, listview ]; + spacing: 15px; + padding: 15px; +} + +element { + background-color: @BG; + text-color: @FG; + orientation: horizontal; + border-radius: 4px; + padding: 6px 6px 6px 6px; +} + +element-icon { + background-color: inherit; + text-color: inherit; + horizontal-align: 0.5; + vertical-align: 0.5; + size: 24px; + border: 0px; +} + +element-text { + background-color: inherit; + text-color: inherit; + expand: true; + horizontal-align: 0; + vertical-align: 0.5; + margin: 2px 0px 2px 2px; +} + +element normal.urgent, +element alternate.urgent { + background-color: @UGT; + text-color: @FG; + border-radius: 9px; +} + +element normal.active, +element alternate.active { + background-color: @BGA; + text-color: @FG; +} + +element selected { + background-color: @BGA; + text-color: @SEL; + border: 0px 0px 0px 0px; + border-radius: 10px; + border-color: @BDR; +} + +element selected.urgent { + background-color: @UGT; + text-color: @FG; +} + +element selected.active { + background-color: @BGA; + color: @FG; +} + +/*****----- Message -----*****/ +message { + background-color: transparent; + border: 0px; +} +error-message { + padding: 20px; +} +textbox { + padding: 10px; + border-radius: 10px; + background-color: @BDR; + text-color: @SEL; + vertical-align: 0.5; + horizontal-align: 0.5; +} diff --git a/config/rofi/master-config.rasi b/config/rofi/themes/KooL_style-1.rasi index 09032268..9ac62fd7 100644 --- a/config/rofi/master-config.rasi +++ b/config/rofi/themes/KooL_style-1.rasi @@ -1,10 +1,9 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Master Config 1080p*/ +/* KooL Hyprland Rofi Style 1 */ /* ---- Configuration ---- */ configuration { - font: "JetBrainsMono Nerd Font SemiBold 12"; modi: "drun,run,filebrowser"; show-icons: true; display-drun: "Apps"; @@ -12,11 +11,11 @@ configuration { display-filebrowser: "Files"; display-window: "Windows"; drun-display-format: "{name}"; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; hover-select: true; me-select-entry: "MouseSecondary"; me-accept-entry: "MousePrimary"; - window-format: "{w} ยท {c} ยท {t}"; - dpi: 1; } /* ---- Load wallust colors ---- */ @@ -24,17 +23,20 @@ configuration { /* ---- Global Properties ---- */ * { - - background-alt: @selected-active-background; // Buttons background - selected: @selected-urgent-background; // Button selected - active: @selected-normal-background; // Window activated - urgent: @selected; // When hovering the activated window (maybe more?) + background-alt: @color1; + selected: @color12; + active: @color11; + urgent: red; text-selected: @background; text-color: @foreground; border-color: @selected; } +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} /* ---- Window ---- */ window { // Default @@ -69,7 +71,7 @@ inputbar { padding: 10px 10px 50px 10px; margin: 10px; background-color: transparent; - border-radius: 25px; + border-radius: 20px; orientation: horizontal; children: ["entry", "dummy", "mode-switcher" ]; background-image: url("~/.config/rofi/.current_wallpaper", width); @@ -82,10 +84,10 @@ entry { width: 20%; padding: 10px; border-radius: 12px; - background-color: @selected; + background-color: @active; text-color: @text-selected; cursor: text; - placeholder: " ๐ฅ๏ธ Search "; // << Search symbol + placeholder: " ๐ฅ๏ธ Search "; placeholder-color: inherit; } @@ -101,17 +103,19 @@ listbox { /* ---- Listview ---- */ listview { enabled: true; - columns: 2; - lines: 6; + columns: 5; + lines: 5; cycle: true; dynamic: true; scrollbar: true; layout: vertical; reverse: false; - fixed-height: false; + fixed-height: true; fixed-columns: true; spacing: 10px; background-color: transparent; + margin: 10px; + text-color: @foreground; // Adapt rofi theme border: 0px; @@ -144,17 +148,20 @@ button selected { /* ---- Scrollbar ---- */ scrollbar { - border: 0; - handle-color: @background-alt; - handle-width: 2px ; + border: 1px; + border-radius: 10px; + border-color: @color12; + handle-color: @color11; + handle-width: 10px ; padding: 0; } /* ---- Elements ---- */ element { enabled: true; - spacing: 10px; + orientation: vertical; padding: 10px; + spacing: 10px; border-radius: 12px; background-color: transparent; cursor: pointer; @@ -176,9 +183,9 @@ element normal.active { element selected.normal { border: 0px 3px 0px 3px; border-radius: 16px; - border-color: @selected; + border-color: @active; background-color: transparent; - text-color: @background-alt; + text-color: @selected; } element selected.urgent { @@ -203,17 +210,18 @@ element alternate.active { text-color: inherit; } element-icon { + size: 3%; background-color: transparent; text-color: inherit; cursor: inherit; } element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + size: 1%; background-color: transparent; text-color: inherit; cursor: inherit; vertical-align: 0.5; - horizontal-align: 0.0; + horizontal-align: 0.5; } /* ---- Message ---- */ @@ -222,16 +230,17 @@ message { border: 0px; } textbox { + margin: 10px; padding: 12px; border-radius: 10px; - background-color: @background-alt; - text-color: @background; + background-color: @active; + text-color: @foreground; vertical-align: 0.5; - horizontal-align: 0.0; + horizontal-align: 0.5; } error-message { padding: 12px; border-radius: 20px; - background-color: @background-alt; - text-color: @background; + background-color: @background; + text-color: @foreground; } diff --git a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi new file mode 100644 index 00000000..3e4a55c7 --- /dev/null +++ b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi @@ -0,0 +1,174 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 10 - Fancy v2 */ +/* Credit to DaveDavenport & Rasmus Steinke */ + +/** + * Edited by: Dave Davenport + * User: Rasi + * Copyright: Rasmus Steinke + */ + +/* global settings and color variables */ +* { + blue: #A7c6E2; + blue-trans: #A7c6e2aa; + darkblue: #005F87; + green: #00330088; + black: #000000; + grey: #444444; + orange: #FFD391; + dark-orange: #FFA664; + light-grey: #F5F5F5; + medium-grey: #D0D0D0; + dark-grey: #002B36; + urgent: #D75F00; + active: #005F87; + transparent: #000000aa; + spacing: 0em; + padding: 0px; + background-color: white; + line-style: "none"; +} + +prompt-box { + background-color : transparent; +} + +prompt { + background-color : transparent; + text-color : white; +} + +window { + border : 2px; + border-radius : 12px; + border-color : black; + background-color : transparent; + color : @grey; +} +mainbox { + background-color : @blue-trans; + color : @grey; + spacing : 0%; +} + +listview { + // Looks. + border-radius : 10px; + border : 5px; + padding : 20px; + margin : 20px 30px 30px 30px; + background-color : @orange; + // Enable scrollbar + scrollbar : false; + scrollbar-width : 5px; + fixed-height : true; + reverse : false; + color : #000000; + spacing : 0.3em; +} +/* ---- Scrollbar ---- */ +scrollbar { + border: 1px; + border-radius: 10px; + background-color: @blue; + handle-color: @orange; + handle-width: 5px ; + padding: 0; +} +element { + border: 0px; + padding: 0px; + margin: 0px; + spacing: 0.5em; + color: @black; + background-color: @blue; + children: [ element-icon, element-text ]; +} + +element normal.normal { + color: @black; + background-color: @orange; +} +element normal.urgent { + color: @urgent; + background-color: @light-grey; +} +element normal.active { + color: @active; + background-color: @light-grey; +} +element selected.normal { + border-radius: 0px; + color: @black; + background-color: @dark-orange; +} +element selected.urgent { + color: @light-grey; + background-color: @urgent; +} +element selected.active { + color: @light-grey; + background-color: @active; +} +element alternate.normal { + color: @black; + background-color: @orange; +} +element alternate.urgent { + color: @urgent; + background-color: @medium-grey; +} +element alternate.active { + color: @active; + background-color: @medium-grey; +} +inputbar { + spacing : 5px; + background-color : #88003300; + border : 0px 0px 2px 0px; + border-radius : 0px; + padding : 5px 10px 5px 35px; + background-color : #00330088; + color : @black; + end : false; +} + +separator { + background-color : @blue; + color : #00000000; +} +prompt normal.normal { + background-color : #00000000; + color : #ffffff; + padding : 0px; +} +entry normal.normal { + background-color : #00000000; + color : #ffffff; + padding : 0px; +} +case-indicator normal.normal { + background-color : #00000000; + color : #ffffff; + padding : 0px; +} + +message { + margin : 30px; + padding : 20px 30px 20px 20px; + padding : 20px ; + border-radius : 10px; + border : 5px; +} + +prompt-colon { + spacing : 0; + enabled : false; +} + +element-text, element-icon { + background-color : inherit; + text-color : inherit; + foreground-color : inherit; +} diff --git a/config/rofi/themes/KooL_style-10-Fancy.rasi b/config/rofi/themes/KooL_style-10-Fancy.rasi new file mode 100644 index 00000000..b503f549 --- /dev/null +++ b/config/rofi/themes/KooL_style-10-Fancy.rasi @@ -0,0 +1,302 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 10 - Fancy */ +/* Credit to DaveDavenport. I have only some few things changed */ + +/******************************************************************************* + * ROFI Color theme + * Theme designed to show off moving, packing of widgets, icons and more. + * User: DaveDavenport + * Copyright: DaveDavenport + ********************************************************************************/ + +/* ---- Configuration ---- */ + +configuration { + modi: "drun,run,filebrowser"; + show-icons: true; + drun-display-format: "{name}"; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +* { + selected-normal-foreground: rgba ( 248, 248, 242, 100 % ); + foreground: rgba ( 248, 248, 242, 100 % ); + normal-foreground: @foreground; + alternate-normal-background: rgba ( 39, 40, 34, 0 % ); + selected-urgent-foreground: rgba ( 248, 248, 242, 100 % ); + urgent-foreground: rgba ( 249, 38, 114, 100 % ); + alternate-urgent-background: rgba ( 39, 40, 34, 0 % ); + active-foreground: rgba ( 166, 226, 42, 100 % ); + lightbg: rgba ( 238, 232, 213, 100 % ); + selected-active-foreground: rgba ( 166, 226, 42, 100 % ); + alternate-active-background: rgba ( 39, 40, 34, 0 % ); + background: rgba ( 39, 40, 34, 93 % ); + bordercolor: rgba ( 0, 43, 54, 100 % ); + alternate-normal-foreground: @foreground; + normal-background: rgba ( 39, 40, 34, 0 % ); + selected-normal-background: rgba ( 20, 20, 17, 100 % ); + separatorcolor: rgba ( 230, 219, 116, 100 % ); + urgent-background: rgba ( 39, 40, 34, 0 % ); + selected-urgent-background: rgba ( 249, 38, 114, 100 % ); + alternate-urgent-foreground: @urgent-foreground; + background-color: transparent; + alternate-active-foreground: @active-foreground; + active-background: rgba ( 39, 40, 34, 0 % ); + selected-active-background: rgba ( 20, 20, 17, 100 % ); +} + +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +window { + border-color: darkgray/30%; + background-color: black/50%; + border: 2px; + padding: 0px; + border-radius: 10px; + padding: 0.5em; + spacing: 0px; + + anchor: north; + location: center; + y-offset: -15.5em; + + + children: [ inputbar, message, wrapper-mode-switcher, listview , pagerbox ]; +} + +pagerbox { + expand: false; + orientation: horizontal; + children: [ icon-left, pad, icon-right ]; +} + +pad { + expand: true; +} + +icon-left { + expand: false; + filename: "go-previous"; + size: 24; + vertical-align: 0.5; + action: "kb-page-prev"; +} + +icon-right { + expand: false; + filename: "go-next"; + size: 24; + vertical-align: 0.5; + action: "kb-page-next"; +} + +wrapper-mode-switcher { + orientation: horizontal; + + expand: false; + spacing: 0; + children: [ icon-ms-ic1, mode-switcher, icon-ms-ic2 ]; +} +icon-ms-ic1 { + filename: "go-previous"; +} +icon-ms-ic2 { + filename: "go-next"; +} +icon-ms-ic1,icon-ms-ic2 { + size: 16; + vertical-align: 0.8; + expand: false; + border: 0px 0px 2px ; + border-color: @separatorcolor; +} + +mode-switcher { + border: 0px; + spacing: 0px; + expand: true; +} + +button { + padding: 2px; + border: 0px 0px 2px ; + border-color: @separatorcolor; + text-color: dimgrey; +} +button selected.normal { + text-color: white; + background-color: black/50%; + + border: 2px 2px 0px ; + border-color: @separatorcolor; + border-radius: 10px 10px 0 0; +} + + +sidebar { + expand: false; +} + +message { + text-color: black; + background-color: lightgrey / 50%; + border-color: grey; + border: 2px; + border-radius: 5px; + padding: 4px; + margin: 0px 0px 0.5em; + expand: false; +} + +listview { + enabled: true; + columns: 2; + lines: 10; + spacing: 2px ; + scrollbar: false; + padding: 0.5em; + background-color: black/50%; + + expand: true; + border: 0px 2px 2px ; + border-color: @separatorcolor; + border-radius: 0px 0px 10px 10px; +} +element { + border: 1; + border-color: transparent; + padding: 4px ; +} +element-text { + 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 { + border: 1; + border-color: grey/80%; + background-color: @selected-normal-background; + text-color: @selected-normal-foreground; +} +element.selected.urgent { + border: 1; + border-color: grey/80%; + background-color: @selected-urgent-background; + text-color: @selected-urgent-foreground; +} +element.selected.active { + border: 1; + border-color: grey/80%; + 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 ---- */ +scrollbar { + border: 1px; + border-radius: 10px; + background-color: @selected-normal-background; + handle-color: @separatorcolor; + handle-width: 5px ; + padding: 0; +} +sidebar { + border: 2px 0px 0px ; + border-color: @separatorcolor; +} +inputbar { + text-color: @normal-foreground; + padding: 0px 0px 0.5em; + children: [ wrapper ]; +} +case-indicator { + text-color: @normal-foreground; +} + +wrapper { + orientation: horizontal; + text-color: black; + background-color: white / 75%; + border-color: grey; + border: 2px; + border-radius: 5px; + padding: 4px; + children: [ icon-k, entry, icon-paste]; + spacing: 0.5em; +} +button-paste { + expand: false; + str: "gtk-paste"; + size: 24; + vertical-align: 0.5; + action: "kb-cancel"; +} +icon-paste { + expand: false; + filename: "gtk-paste"; + size: 24; + vertical-align: 0.5; + action: "kb-primary-paste"; +} +icon-k { + expand: false; + filename: "input-keyboard"; + size: 24; + vertical-align: 0.5; + +} +entry { + enabled: true; + expand: true; + background-color: white / 75%; + placeholder: " ๐ฅ๏ธ Search "; + vertical-align: 0.5; + border-radius: 5px; + padding: 4px; +} + + +/*****----- Message -----*****/ +error-message { + background-color: darkred/20%; + border-radius: 10px; + border: 2px; + +} +textbox { + padding: 5px; + background-color: darkred/10%; + vertical-align: 0.5; + horizontal-align: 0.5; +} + + diff --git a/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi b/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi new file mode 100644 index 00000000..229a5297 --- /dev/null +++ b/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi @@ -0,0 +1,150 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 11 - Windows 11 List Dark */ +/* source: https://github.com/newmanls */ + +/* Integrating Wallust and More tweaks */ + +/* ---- Configuration ---- */ +configuration { + dpi: 1; + show-icons: true; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/*****----- Global Properties -----*****/ +* { + bg0 : black/50%; + bg1 : black/40%; + bg2 : black/10%; + bg3 : black; + fg0 : #ffffff; + fg1 : #cecece; + accent : #60cdff; + urgent : @accent; + + background-color : transparent; + text-color : @fg0; + + margin : 0; + padding : 0; + spacing : 0; +} + +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +element-icon, element-text, scrollbar { + cursor: pointer; +} + +window { + location : south; + width : 40%; + height : 50%; + y-offset : -10px; + + background-color : @bg1; + border-radius : 8px; +} + +mainbox { + padding : 24px; + spacing : 24px; +} + +inputbar { + padding : 8px; + spacing : 4px; + children : [ icon-search, entry ]; + border : 0 0 2px 0 solid; + border-color : @accent; + border-radius : 2px; + background-color : @bg0; +} + +icon-search, entry, element-icon, element-text { + vertical-align: 0.5; +} + +icon-search { + expand : false; + filename : "search-symbolic"; + size : 24px; +} + +entry { + placeholder : "Type here to search"; + text-color : @fg1; +} + +listview { + columns : 2; + spacing : 8px; + fixed-height : true; + fixed-columns : true; +} + +element { + spacing : 1em; + padding : 8px; + border-radius : 2px; +} + +element normal urgent { + text-color: @urgent; +} + +element normal active { + text-color: @accent; +} + +element alternate active { + text-color: @accent; +} + +element selected active { + text-color: @accent; +} + +element selected { + background-color: @bg3; +} + +element selected urgent { + background-color: @urgent; +} + +element-icon { + size: 1.5em; +} + +element-text { + text-color: inherit; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: 1px; + border-radius: 10px; + background-color: inherit; + handle-color: @accent; + handle-width: 5px ; + padding: 0; +} + +/*****----- Message -----*****/ +error-message { + padding: 20px; +} + +textbox { + padding : 10px; + background-color : @bg0; + text-color : @fg0; + vertical-align : 0.5; + horizontal-align : 0.5; +} diff --git a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi new file mode 100644 index 00000000..8d5082e6 --- /dev/null +++ b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi @@ -0,0 +1,150 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 11 - Windows 11 List Light */ +/* source: https://github.com/newmanls */ + +/* Integrating Wallust and More tweaks */ + +/* ---- Configuration ---- */ +configuration { + dpi: 1; + show-icons: true; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/*****----- Global Properties -----*****/ +* { + bg0 : #ffffff80; + bg1 : #f9f9f9bf; + bg2 : #f7f7f7; + bg3 : #fefefebf; + fg0 : #1a1a1a; + fg1 : #5f5f5f; + accent : #005fb8; + urgent : @accent; + + background-color : transparent; + text-color : @fg0; + + margin : 0; + padding : 0; + spacing : 0; +} + +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +element-icon, element-text, scrollbar { + cursor: pointer; +} + +window { + location : south; + width : 40%; + height : 50%; + y-offset : -10px; + + background-color : @bg1; + border-radius : 8px; +} + +mainbox { + padding : 24px; + spacing : 24px; +} + +inputbar { + padding : 8px; + spacing : 4px; + children : [ icon-search, entry ]; + border : 0 0 2px 0 solid; + border-color : @accent; + border-radius : 2px; + background-color : @bg0; +} + +icon-search, entry, element-icon, element-text { + vertical-align: 0.5; +} + +icon-search { + expand : false; + filename : "search-symbolic"; + size : 24px; +} + +entry { + placeholder : "Type here to search"; + placeholder-color : @fg1; +} + +listview { + columns : 2; + spacing : 8px; + fixed-height : true; + fixed-columns : true; +} + +element { + spacing : 1em; + padding : 8px; + border-radius : 2px; +} + +element normal urgent { + text-color: @urgent; +} + +element normal active { + text-color: @accent; +} + +element alternate active { + text-color: @accent; +} + +element selected active { + text-color: @accent; +} + +element selected { + background-color: @bg3; +} + +element selected urgent { + background-color: @urgent; +} + +element-icon { + size: 1.5em; +} + +element-text { + text-color: inherit; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: 1px; + border-radius: 10px; + background-color: inherit; + handle-color: @accent; + handle-width: 5px ; + padding: 0; +} + +/*****----- Message -----*****/ +error-message { + padding: 20px; +} + +textbox { + padding : 10px; + background-color : @bg0; + text-color : @fg0; + vertical-align : 0.5; + horizontal-align : 0.5; +} diff --git a/config/rofi/themes/KooL_style-12-TOP-Docu.rasi b/config/rofi/themes/KooL_style-12-TOP-Docu.rasi new file mode 100644 index 00000000..55fbb0b7 --- /dev/null +++ b/config/rofi/themes/KooL_style-12-TOP-Docu.rasi @@ -0,0 +1,159 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 12 - TOP - Docu */ +/* Credit to DaveDavenport. I have only some few things changed */ + +/** + * ROFI Documentation theme. + * User: Qball + * Copyright: Dave Davenport + */ + +configuration { + modi: "drun,run,filebrowser"; + show-icons: true; + display-drun: "Apps"; + display-run: "Run"; + display-filebrowser: "Files"; + display-window: "Windows"; + drun-display-format: "{name}"; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/* ---- Global Properties ---- */ +* { + background-color: transparent; + text-color: white; +} +entry { + border: 2px 0px; + border-color: darkgrey; + background-color: grey; + padding: 4px; + placeholder: "๐ Search"; + placeholder-color: darkgrey; + cursor: text; +} + +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; + +} +inputbar { + spacing: 0; + children: [ icon-keyboard, entry, mode-switcher ]; +} + +mode-switcher { + spacing: 10px; + border: 2px; + border-radius: 0px 4px 4px 0px; + border-color: darkgrey; + background-color: darkgrey; +} + +button { + padding: 0px 60px 0px 60px; + background-color: grey; + border-color: darkgrey; + cursor: pointer; +} + +button selected { + background-color: white/20%; + text-color: black; +} + +icon-keyboard { + border: 2px 0px 2px 2px; + border-radius: 4px 0px 0px 4px; + border-color: darkgrey; + background-color: grey; + padding: 0px 10px 0px 10px; + expand: false; + size: 1.2em; + filename: "keyboard"; +} + +window { + anchor: north; + location: north; + width: 100%; + background-color: black / 50%; + padding: 1em; + border-color: black; + border: 0em 0.2em 0.2em; + chilren: [ inputbar, message, listview ]; +} + +mainbox { + spacing: 1em; +} + + +listview { + lines: 4; + columns: 6; + spacing: 1em; + fixed-columns: true; +} + +element { + orientation: vertical; + border: 2px; + border-radius: 4px ; + border-color: darkgrey; + background-color: grey; + cursor: pointer; + padding: 4px; +} + +element selected { + background-color: white/20%; + text-color: black; +} + + +element-icon { + size: 5%; + cursor: inherit; +} + +element-text { + horizontal-align: 0.5; + cursor: inherit; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border-radius: 10px; + background-color: transparent; + handle-color: darkgrey; + handle-width: 5px ; + padding: 0; +} + +/* ---- Message ---- */ +message { + background-color: transparent; + border: 0px; +} +textbox { + margin: 10px; + padding: 12px; + border-radius: 10px; + background-color: black / 50%; + text-color: white; + vertical-align: 0.5; + horizontal-align: 0.5; +} +error-message { + padding: 12px; + border-radius: 20px; + background-color: black / 50%; + text-color: white; +}
\ No newline at end of file diff --git a/config/rofi/themes/KooL_style-2-Dark.rasi b/config/rofi/themes/KooL_style-2-Dark.rasi new file mode 100644 index 00000000..73c3eee7 --- /dev/null +++ b/config/rofi/themes/KooL_style-2-Dark.rasi @@ -0,0 +1,191 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 2 Dark */ +/* Source: https://github.com/adi1090x/rofi */ + + +/* ****----- Configuration -----**** */ +configuration { + modi: "drun,filebrowser,window"; + show-icons: true; + display-drun: "APPS"; + display-run: "RUN"; + display-filebrowser: "FILES"; + display-window: "WINDOW"; + drun-display-format: "{name}"; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/*****----- Global Properties -----*****/ +* { + +} +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +/*****----- Main Window -----*****/ +window { + /* properties for window widget */ + transparency: "real"; + location: center; + anchor: center; + fullscreen: false; + width: 60%; + x-offset: 0px; + y-offset: 0px; + + /* properties for all widgets */ + enabled: true; + margin: 0px; + padding: 0px; + border-radius: 12px; + cursor: "default"; + background-color: transparent; +} + +/*****----- Main Box -----*****/ +mainbox { + enabled: true; + spacing: 20px; + margin: 10px; + padding: 40px; + border-radius: 12px; + background-color: black/90%; + children: [ "inputbar", "mode-switcher", "message", "listview" ]; +} + +/*****----- Inputbar -----*****/ +inputbar { + enabled: true; + spacing: 0px; + margin: 0px; + padding: 0px 0px 10px 0px; + border: 0px 0px 2px 0px; + border-radius: 0px; + border-color: gray/20%; + background-color: black/50%; + children: [ "entry" ]; +} + +entry { + enabled: true; + background-color: black/50%; + text-color: white/75%; + cursor: text; + placeholder: "Type to search"; + placeholder-color: inherit; + vertical-align: 0.5; + horizontal-align: 0.5; +} + +/*****----- Listview -----*****/ +listview { + enabled: true; + columns: 3; + lines: 3; + cycle: true; + dynamic: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + + spacing: 40px; + margin: 0px; + padding: 20px 0px 0px 0px; + border: 0px solid; + background-color: transparent; + cursor: "default"; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: 1px; + border-radius: 10px; + background-color: inherit; + handle-color: #719DF9; + handle-width: 5px ; + padding: 0; +} + +/*****----- Elements -----*****/ +element { + enabled: true; + spacing: 10px; + margin: 0px; + padding: 15px; + border: 1px solid; + border-radius: 8px; + border-color: white/30%; + background-color: black; + text-color: white; + cursor: pointer; +} +element normal.active { + background-color: #67FF80; + text-color: black; +} +element selected.normal { + background-color: #c19419; + text-color: black; +} +element selected.active { + background-color: #FF7F7C; + text-color: white; +} +element-icon { + background-color: transparent; + size: 48px; + cursor: inherit; +} +element-text { + background-color: inherit; + text-color: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; +} + +/*****----- Mode Switcher -----*****/ +mode-switcher{ + enabled: true; + expand: false; + spacing: 20px; + margin: 0px 10%; + background-color: transparent; + text-color: white; +} +button { + padding: 6px; + border: 0px solid; + border-radius: 100%; + background-color: #719DF9; + text-color: inherit; + cursor: pointer; +} +button selected { + background-color: #F37277; + text-color: inherit; +} + +/*****----- Message -----*****/ +message { + background-color: transparent; + border: 0px; +} +error-message { + padding: 20px; +} +textbox { + padding: 10px; + background-color: #719DF9; + text-color: inherit; + vertical-align: 0.5; + horizontal-align: 0.5; +} diff --git a/config/rofi/themes/KooL_style-2-Light.rasi b/config/rofi/themes/KooL_style-2-Light.rasi new file mode 100644 index 00000000..29ea7188 --- /dev/null +++ b/config/rofi/themes/KooL_style-2-Light.rasi @@ -0,0 +1,193 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 2 Light */ +/* credit: https://github.com/adi1090x/rofi */ + + +/*****----- Configuration -----*****/ +configuration { + modi: "drun,filebrowser,window"; + show-icons: true; + display-drun: "APPS"; + display-run: "RUN"; + display-filebrowser: "FILES"; + display-window: "WINDOW"; + drun-display-format: "{name}"; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/*****----- Global Properties -----*****/ +* { + +} +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +/*****----- Main Window -----*****/ +window { + /* properties for window widget */ + transparency: "real"; + location: center; + anchor: center; + fullscreen: false; + width: 60%; + x-offset: 0px; + y-offset: 0px; + + /* properties for all widgets */ + enabled: true; + margin: 0px; + padding: 0px; + border-radius: 12px; + cursor: "default"; + background-color: inherit; +} + +/*****----- Main Box -----*****/ +mainbox { + enabled: true; + spacing: 20px; + margin: 10px; + padding: 40px; + border-radius: 12px; + background-color: white/90%; + children: [ "inputbar", "mode-switcher", "message", "listview" ]; +} + +/*****----- Inputbar -----*****/ +inputbar { + enabled: true; + spacing: 0px; + margin: 0px; + padding: 0px 10px 10px 0px; + border: 0px 0px 2px 0px; + border-radius: 0px; + border-color: gray/20%; + background-color: transparent; + children: [ "entry" ]; +} + +entry { + enabled: true; + background-color: inherit; + text-color: black; + cursor: text; + placeholder: "Type to search"; + placeholder-color: inherit; + vertical-align: 0.5; + horizontal-align: 0.5; +} + +/*****----- Listview -----*****/ +listview { + enabled: true; + columns: 3; + lines: 3; + cycle: true; + dynamic: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + + spacing: 40px; + margin: 0px; + padding: 20px 0px 0px 0px; + border: 0px solid; + background-color: transparent; + cursor: "default"; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: 0px; + border-radius: 10px; + background-color: transparent; + handle-color: gray/50%; + handle-width: 5px ; + padding: 0; +} + +/*****----- Elements -----*****/ +element { + enabled: true; + spacing: 10px; + margin: 0px; + padding: 15px; + border: 1px solid; + border-radius: 8px; + border-color: gray/30%; + background-color: white; + text-color: black; + cursor: pointer; +} +element normal.active { + background-color: #67FF80; + text-color: black; +} +element selected.normal { + background-color: #FDD66F; + text-color: black; +} +element selected.active { + background-color: #FF7F7C; + text-color: black; +} +element-icon { + background-color: transparent; + size: 48px; + cursor: inherit; +} +element-text { + background-color: inherit; + text-color: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; +} + +/*****----- Mode Switcher -----*****/ +mode-switcher{ + enabled: true; + expand: false; + spacing: 20px; + margin: 0px 10%; + background-color: transparent; + text-color: white; +} +button { + font: "JetBrainsMono Nerd Font SemiBold 10"; + padding: 6px; + border: 0px solid; + border-radius: 100%; + background-color: #719DF9; + text-color: inherit; + cursor: pointer; +} +button selected { + background-color: #F37277; + text-color: inherit; +} + +/*****----- Message -----*****/ +message { + background-color: transparent; + border: 0px; +} +error-message { + padding: 20px; +} +textbox { + padding: 10px; + background-color: #719DF9; + text-color: inherit; + vertical-align: 0.5; + horizontal-align: 0.5; +} + diff --git a/config/rofi/resolution/1440p/master-config.rasi b/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi index 96cb83a1..a98a6fa8 100644 --- a/config/rofi/resolution/1440p/master-config.rasi +++ b/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi @@ -1,10 +1,9 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Master Config 1440p*/ +/* KooL Hyprland Rofi Style 3 - Full screen v1 */ /* ---- Configuration ---- */ configuration { - font: "JetBrainsMono Nerd Font SemiBold 12"; modi: "drun,run,filebrowser"; show-icons: true; display-drun: "Apps"; @@ -12,11 +11,11 @@ configuration { display-filebrowser: "Files"; display-window: "Windows"; drun-display-format: "{name}"; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; hover-select: true; me-select-entry: "MouseSecondary"; me-accept-entry: "MousePrimary"; - window-format: "{w} ยท {c} ยท {t}"; - dpi: 1; } /* ---- Load wallust colors ---- */ @@ -35,11 +34,29 @@ configuration { border-color: @selected; } +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +/* ---- Global Properties ---- */ +* { + main-bg: @background; + main-fg: @foreground; + main-br: @color12; + main-ex: @color11; + select-bg: @foreground; + select-fg: @background; + separatorcolor: transparent; + border-color: transparent; +} + + /* ---- Window ---- */ window { // Default enabled: true; - fullscreen: false; + fullscreen: true; transparency: "real"; cursor: "default"; spacing: 0px; @@ -49,7 +66,6 @@ window { anchor: center; // Style Values - width: 50%; background-color: @background; } @@ -85,7 +101,7 @@ entry { background-color: @selected; text-color: @text-selected; cursor: text; - placeholder: " ๐ฅ๏ธ Search "; // << Search symbol + placeholder: " ๐ฅ๏ธ Search "; placeholder-color: inherit; } @@ -101,17 +117,18 @@ listbox { /* ---- Listview ---- */ listview { enabled: true; - columns: 2; - lines: 6; + columns: 5; + lines: 5; cycle: true; dynamic: true; scrollbar: true; layout: vertical; reverse: false; - fixed-height: false; + fixed-height: true; fixed-columns: true; spacing: 10px; background-color: transparent; + margin: 10px; // Adapt rofi theme border: 0px; @@ -153,8 +170,9 @@ scrollbar { /* ---- Elements ---- */ element { enabled: true; - spacing: 10px; + orientation: vertical; padding: 10px; + spacing: 10px; border-radius: 12px; background-color: transparent; cursor: pointer; @@ -203,17 +221,17 @@ element alternate.active { text-color: inherit; } element-icon { + size: 5%; background-color: transparent; text-color: inherit; cursor: inherit; } element-text { - font: "JetBrainsMono Nerd Font SemiBold 14"; background-color: transparent; text-color: inherit; cursor: inherit; vertical-align: 0.5; - horizontal-align: 0.0; + horizontal-align: 0.5; } /* ---- Message ---- */ @@ -222,12 +240,13 @@ message { border: 0px; } textbox { + margin: 10px; padding: 12px; border-radius: 10px; - background-color: @background-alt; + background-color: @selected; text-color: @background; vertical-align: 0.5; - horizontal-align: 0.0; + horizontal-align: 0.5; } error-message { padding: 12px; diff --git a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi new file mode 100644 index 00000000..0dbf45bc --- /dev/null +++ b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi @@ -0,0 +1,217 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 3 - Full screen v2 */ +/* credit: https://github.com/adi1090x/rofi */ + +/*****----- Configuration -----*****/ +configuration { + modi: "drun,run,filebrowser"; + show-icons: true; + display-drun: "๏ Apps"; + display-run: "๏ Run"; + display-filebrowser: "๏ป Files"; + display-window: "๏ Windows"; + display-ssh: "๏ SSH"; + drun-display-format: "{name}"; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/* ---- Load wallust colors ---- */ +@theme "~/.config/rofi/wallust/colors-rofi.rasi" + +/*****----- Global Properties -----*****/ +* { + background-alt: @color7; + selected: @color12; + active: @color11; + urgent: red; + + border-color: @selected; + handle-color: @selected; + background-color: @background; + foreground-color: @foreground; + alternate-background: @background-alt; + normal-background: @background; + normal-foreground: @foreground; + urgent-background: @urgent; + urgent-foreground: @background; + active-background: @active; + active-foreground: @background; + selected-normal-background: @selected; + selected-normal-foreground: @background; + selected-urgent-background: @active; + selected-urgent-foreground: @background; + selected-active-background: @urgent; + selected-active-foreground: @background; + alternate-normal-background: @background; + alternate-normal-foreground: @foreground; + alternate-urgent-background: @urgent; + alternate-urgent-foreground: @background; + alternate-active-background: @active; + alternate-active-foreground: @background; + + +} + +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +/*****----- Main Window -----*****/ +window { + transparency: "real"; + location: center; + anchor: center; + fullscreen: true; + x-offset: 0px; + y-offset: 0px; + + enabled: true; + margin: 0px; + padding: 0px; + border: 0px solid; + border-radius: 0px; + border-color: @selected; + background-color: black / 10%; + cursor: "default"; +} + +/*****----- Main Box -----*****/ +mainbox { + enabled: true; + spacing: 100px; + margin: 0px; + padding: 100px 225px; + border: 0px solid; + border-radius: 0px 0px 0px 0px; + border-color: @selected; + background-color: transparent; + children: [ "inputbar", "message", "listview" ]; +} + +/*****----- Inputbar -----*****/ +inputbar { + enabled: true; + spacing: 10px; + margin: 0% 28%; + padding: 10px; + border: 1px solid; + border-radius: 6px; + border-color: white / 25%; + background-color: white / 5%; + text-color: @foreground; + children: [ "prompt", "entry" ]; +} + +prompt { + enabled: true; + background-color: transparent; + text-color: inherit; +} +textbox-prompt-colon { + enabled: true; + expand: false; + str: "::"; + background-color: transparent; + text-color: inherit; +} +entry { + enabled: true; + background-color: transparent; + text-color: @foreground; + cursor: text; + placeholder: " Search"; + placeholder-color: inherit; +} + +/*****----- Listview -----*****/ +listview { + enabled: true; + columns: 7; + lines: 4; + cycle: true; + dynamic: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + + spacing: 0px; + margin: 0px; + padding: 0px; + border: 0px solid; + border-radius: 0px; + border-color: @selected; + background-color: transparent; + text-color: @foreground; + cursor: "default"; +} +scrollbar { + handle-width: 5px ; + handle-color: @selected; + border-radius: 0px; + background-color: @background-alt; +} + +/*****----- Elements -----*****/ +element { + enabled: true; + spacing: 15px; + margin: 0px; + padding: 35px 10px; + border: 0px solid; + border-radius: 15px; + border-color: @selected; + background-color: transparent; + text-color: @foreground; + orientation: vertical; + cursor: pointer; +} +element normal.normal { + background-color: transparent; + text-color: @foreground; +} +element selected.normal { + background-color: white / 10%; + text-color: @foreground; +} +element-icon { + background-color: transparent; + text-color: inherit; + size: 72px; + cursor: inherit; +} +element-text { + background-color: transparent; + text-color: inherit; + highlight: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.5; +} + +/*****----- Message -----*****/ +message { + background-color: transparent; + border: 0px; +} +error-message { + padding: 0px; + border-color: @selected; + background-color: transparent; + text-color: @foreground; +} +textbox { + padding: 20px; + border-radius: 15px; + background-color: white / 10%; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.5; + highlight: none; +} diff --git a/config/rofi/themes/KooL_style-4.rasi b/config/rofi/themes/KooL_style-4.rasi new file mode 100644 index 00000000..7eb03c45 --- /dev/null +++ b/config/rofi/themes/KooL_style-4.rasi @@ -0,0 +1,328 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 4 */ +/* credit: https://github.com/adi1090x/rofi */ + +/*****----- Configuration -----*****/ +configuration { + modi: "drun,run,filebrowser"; + show-icons: true; + display-drun: "๏ Apps"; + display-run: "๏ Run"; + display-filebrowser: "๏ป Files"; + display-window: "๏ Window"; + display-ssh: "๏ SSH"; + drun-display-format: "{name}"; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/* ---- Load wallust colors ---- */ +@theme "~/.config/rofi/wallust/colors-rofi.rasi" + +/*****----- Global Properties -----*****/ +* { + background-alt: @color1; + selected: @color12; + active: @color11; + urgent: #F7768E; + + border-color: @color11; + handle-color: @selected; + background-color: @background; + foreground-color: @foreground; + alternate-background: @background-alt; + normal-background: @background; + normal-foreground: @foreground; + urgent-background: @urgent; + urgent-foreground: @background; + active-background: @active; + active-foreground: @background; + selected-normal-background: @selected; + selected-normal-foreground: @background; + selected-urgent-background: @active; + selected-urgent-foreground: @background; + selected-active-background: @urgent; + selected-active-foreground: @color12; + alternate-normal-background: @background; + alternate-normal-foreground: @foreground; + alternate-urgent-background: @urgent; + alternate-urgent-foreground: @background; + alternate-active-background: @active; + alternate-active-foreground: @background; + + +} + +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +/*****----- Main Window -----*****/ +window { + /* properties for window widget */ + transparency: "real"; + location: center; + anchor: center; + fullscreen: false; + width: 35%; + x-offset: 0px; + y-offset: 0px; + + /* properties for all widgets */ + enabled: true; + margin: 0px; + padding: 0px; + border: 0px solid; + border-radius: 10px; + border-color: @border-color; + cursor: "default"; + /* Backgroud Colors */ + background-color: @background-color; +} + +/*****----- Main Box -----*****/ +mainbox { + enabled: true; + spacing: 10px; + margin: 0px; + padding: 20px; + border: 0px solid; + border-radius: 0px 0px 0px 0px; + border-color: @border-color; + background-color: inherit; + children: [ "inputbar", "message", "custombox" ]; +} + +/*****----- A Custom Box -----*****/ +custombox { + spacing: 0px; + background-color: @background-color; + text-color: @foreground-color; + orientation: horizontal; + children: [ "mode-switcher", "listview" ]; +} + +/*****----- Inputbar -----*****/ +inputbar { + enabled: true; + spacing: 10px; + margin: 0px; + padding: 8px 12px; + border: 0px solid; + border-radius: 8px; + border-color: @border-color; + background-color: @alternate-background; + text-color: @foreground; + children: [ "textbox-prompt-colon", "entry" ]; +} + +prompt { + enabled: true; + background-color: inherit; + text-color: inherit; +} +textbox-prompt-colon { + enabled: true; + padding: 5px 0px; + expand: false; + str: " ๐"; + background-color: inherit; + text-color: inherit; +} +entry { + enabled: true; + padding: 5px 0px; + background-color: @alternate-background; + text-color: @foreground; + cursor: text; + placeholder: "Search..."; + placeholder-color: inherit; +} +num-filtered-rows { + enabled: true; + expand: false; + background-color: inherit; + text-color: inherit; +} +textbox-num-sep { + enabled: true; + expand: false; + str: "/"; + background-color: inherit; + text-color: inherit; +} +num-rows { + enabled: true; + expand: false; + background-color: inherit; + text-color: inherit; +} +case-indicator { + enabled: true; + background-color: inherit; + text-color: inherit; +} + +/*****----- Listview -----*****/ +listview { + enabled: true; + columns: 1; + lines: 6; + cycle: true; + dynamic: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + + spacing: 5px; + margin: 0px; + padding: 10px; + border: 2px 2px 2px 2px; + border-radius: 8px; + border-color: @border-color; + background-color: transparent; + text-color: @foreground-color; + cursor: "default"; +} +scrollbar { + handle-width: 5px ; + handle-color: @handle-color; + border-radius: 10px; + background-color: @alternate-background; +} + +/*****----- Elements -----*****/ +element { + enabled: true; + spacing: 10px; + margin: 0px; + padding: 10px; + border: 0px solid; + border-radius: 8px; + border-color: @border-color; + background-color: transparent; + text-color: @foreground-color; + cursor: pointer; +} +element normal.normal { + background-color: transparent; + text-color: @normal-foreground; +} +element normal.urgent { + background-color: @urgent-background; + text-color: @urgent-foreground; +} +element normal.active { + background-color: transparent; + 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; +} +element-icon { + background-color: transparent; + text-color: inherit; + cursor: inherit; +} +element-text { + background-color: transparent; + text-color: inherit; + highlight: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; +} + +/*****----- Mode Switcher -----*****/ +mode-switcher{ + enabled: true; + expand: false; + orientation: vertical; + spacing: 0px; + margin: 0px; + padding: 0px 0px; + border: 0px solid; + border-radius: 8px 0px 0px 8px; + border-color: @border-color; + background-color: @alternate-background; + text-color: @foreground-color; +} +button { + padding: 0px 20px 0px 20px; + border: 0px 0px 0px 0px; + border-radius: 8px; + border-color: @border-color; + background-color: transparent; + text-color: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; + cursor: pointer; +} +button selected { + border: 2px 0px 2px 2px; + border-radius: 6px; + border-color: @border-color; + background-color: @selected-normal-foreground; + text-color: @selected-normal-background; +} + +/*****----- Message -----*****/ +message { + enabled: true; + margin: 0px; + padding: 0px; + border: 0px solid; + border-radius: 0px 0px 0px 0px; + border-color: @border-color; + background-color: transparent; + text-color: @foreground-color; +} +textbox { + padding: 12px; + border: 0px solid; + border-radius: 8px; + border-color: @border-color; + background-color: @alternate-background; + text-color: @foreground-color; + vertical-align: 0.5; + horizontal-align: 0.5; + highlight: none; + placeholder-color: @foreground-color; + blink: true; + markup: true; +} +error-message { + padding: 10px; + border: 2px solid; + border-radius: 8px; + border-color: @border-color; + background-color: @background-color; + text-color: @foreground-color; +} diff --git a/config/rofi/themes/KooL_style-5.rasi b/config/rofi/themes/KooL_style-5.rasi new file mode 100644 index 00000000..8609dcaf --- /dev/null +++ b/config/rofi/themes/KooL_style-5.rasi @@ -0,0 +1,272 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 5 */ + +/* ---- Configuration ---- */ +configuration { + modi: "drun,run,filebrowser"; + 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 wallust colors ---- */ +@theme "~/.config/rofi/wallust/colors-rofi.rasi" + +/* ---- Global Properties ---- */ +* { + + background-alt: @color1; + selected: @color12; + active: @color11; + urgent: red; + + text-selected: @background; + text-color: @foreground; + border-color: @selected; +} + +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +/* ---- Window ---- */ +window { + width: 800px; + /*height: 450px;*/ + 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-color: @background-color; +} + +/* ---- Mainbox ---- */ +mainbox { + enabled: true; + orientation: vertical; + padding: 8px; + background-image: url("~/.config/rofi/.current_wallpaper", width); + children: [ "inputbar", "listbox" ]; + border-radius: 12px; +} + +/* ---- Imagebox ---- */ +imagebox { + background-color: transparent; + orientation: vertical; + /*children: [ "inputbar"];*/ +} + +/* ---- Listbox ---- */ +listbox { + spacing: 4px; + orientation: vertical; + children: [ "message", "listview" ]; + padding: 10px; + border-radius: 12px; + border: 1px; + border-color: @active-background; + background-color: @background; +} + +/* ---- Dummy ---- */ +dummy { + background-color: transparent; +} + +/* ---- Inputbar ---- */ +inputbar { + enabled: true; + text-color: @foreground; + spacing: 10px; + border-radius: 12px; + border-color: @foreground; + background-color: @background; + children: [ "mode-switcher", "textbox-prompt-colon", "entry" ]; + border: 1px; + border-color: @active-background; +} + +textbox-prompt-colon { + enabled: true; + padding: 10px 0px 10px 10px; + expand: false; + str: "๐ง"; + text-color: inherit; + background-color: transparent; +} + +entry { + enabled: true; + padding: 10px 0px 10px 0px; + text-color: @foreground; + cursor: text; + placeholder: " Search"; + placeholder-color: inherit; + background-color: @background; +} + +/* ---- Mode Switcher ---- */ +mode-switcher{ + enabled: true; + spacing: 10px; + background-color: transparent; + text-color: @foreground; +} + +button { + padding: 2px 24px 2px 24px; + border-radius: 12px; + background-color: @background; + text-color: inherit; + cursor: pointer; + border: 1px; + border-color: @active-background; +} + +button selected { + background-color: @selected; + text-color: @foreground; + border: 1px; + border-color: transparent; + +} + +/* ---- Listview ---- */ +listview { + enabled: true; + columns: 2; + lines: 6; + spacing: 5px; + padding: 6px; + dynamic: true; + cycle: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: false; + background-color: @background; + border-radius: 12px; + border: 0px; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: 0px; + border-radius: 10px; + background-color: transparent; + handle-color: @active; + handle-width: 5px ; + padding: 0; +} + +/* ---- Element ---- */ +element { + enabled: true; + padding: 5px; + margin: 2px; + cursor: pointer; + background-color: transparent; + border-radius: 12px; + border: 0px; +} + +element normal.normal { + background-color: inherit; + text-color: inherit; +} + +element normal.urgent { + background-color: inherit; + text-color: inherit; +} + +element normal.active { + background-color: inherit; + text-color: inherit; +} + +element selected.normal { + background-color: @active; + text-color: inherit; +} + +element selected.urgent { + background-color: inherit; + text-color: inherit; +} + +element selected.active { + background-color: inherit; + text-color: inherit; +} + +element alternate.normal { + background-color: inherit; + text-color: inherit; +} + +element alternate.urgent { + background-color: inherit; + text-color: @foreground; +} + +element alternate.active { + background-color: inherit; + text-color: inherit; +} + +element-icon { + background-color: transparent; + text-color: inherit; + size: 32px; + cursor: inherit; +} + +element-text { + background-color: transparent; + text-color: @foreground; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0; +} + +/* ---- Message ---- */ +message { + background-color: transparent; + border: 0px; +} +textbox { + padding: 12px; + border-radius: 10px; + background-color: @background-alt; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.5; +} +error-message { + padding: 12px; + border-radius: 12px; + background-color: @background-alt; + text-color: @background; +}
\ No newline at end of file diff --git a/config/rofi/resolution/1080p/master-config.rasi b/config/rofi/themes/KooL_style-6.rasi index 09032268..369c0854 100644 --- a/config/rofi/resolution/1080p/master-config.rasi +++ b/config/rofi/themes/KooL_style-6.rasi @@ -1,22 +1,21 @@ /* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ -/* Master Config 1080p*/ +/* KooL Hyprland Rofi Style 6 */ /* ---- Configuration ---- */ configuration { - font: "JetBrainsMono Nerd Font SemiBold 12"; - modi: "drun,run,filebrowser"; + modi: "drun,run,filebrowser"; 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"; + drun-display-format: "{name}"; + hover-select: true; + me-select-entry: "MouseSecondary"; me-accept-entry: "MousePrimary"; - window-format: "{w} ยท {c} ยท {t}"; - dpi: 1; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; } /* ---- Load wallust colors ---- */ @@ -25,16 +24,21 @@ configuration { /* ---- Global Properties ---- */ * { - background-alt: @selected-active-background; // Buttons background - selected: @selected-urgent-background; // Button selected - active: @selected-normal-background; // Window activated - urgent: @selected; // When hovering the activated window (maybe more?) + background-alt: @color1; + selected: @color12; + active: @color11; + urgent: red; text-selected: @background; text-color: @foreground; border-color: @selected; } +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + /* ---- Window ---- */ window { // Default @@ -43,19 +47,18 @@ window { transparency: "real"; cursor: "default"; spacing: 0px; - border: 3px 0px 3px 0px; + border: 2px; border-radius: 30px; location: center; anchor: center; // Style Values width: 50%; - background-color: @background; + background-color: #00000099; } /* ----- Main Box ----- */ mainbox { - padding: 12px; enabled: true; orientation: vertical; children: [ "inputbar", "listbox" ]; @@ -66,7 +69,7 @@ mainbox { /* ---- Inputbar ---- */ inputbar { enabled: true; - padding: 10px 10px 50px 10px; + padding: 10px 10px 150px 10px; margin: 10px; background-color: transparent; border-radius: 25px; @@ -79,13 +82,13 @@ inputbar { entry { enabled: true; expand: false; - width: 20%; + width: 300px; padding: 10px; border-radius: 12px; - background-color: @selected; - text-color: @text-selected; + background-color: @background; + text-color: inherit; cursor: text; - placeholder: " ๐ฅ๏ธ Search "; // << Search symbol + placeholder: "๏ Search "; // << Search symbol placeholder-color: inherit; } @@ -105,18 +108,28 @@ listview { lines: 6; cycle: true; dynamic: true; - scrollbar: true; + scrollbar: false; layout: vertical; reverse: false; - fixed-height: false; + fixed-height: true; fixed-columns: true; spacing: 10px; + padding: 10px; background-color: transparent; // Adapt rofi theme border: 0px; } +/* ---- Scrollbar ---- */ +scrollbar { + border: 0px; + border-radius: 10px; + background-color: transparent; + handle-color: @active; + handle-width: 5px ; + padding: 0; +} /* ---- Dummy ---- */ dummy { expand: true; @@ -133,29 +146,22 @@ button { width: 5%; padding: 12px; border-radius: 12px; - background-color: @text-selected; - text-color: @text-color; + background-color: @background; + text-color: inherit; cursor: pointer; } button selected { - background-color: @selected; + background-color: @active; text-color: @text-selected; } -/* ---- Scrollbar ---- */ -scrollbar { - border: 0; - handle-color: @background-alt; - handle-width: 2px ; - padding: 0; -} /* ---- Elements ---- */ element { enabled: true; spacing: 10px; - padding: 10px; - border-radius: 12px; + padding: 4px; + border-radius: 10px; background-color: transparent; cursor: pointer; } @@ -174,13 +180,9 @@ element normal.active { } element selected.normal { - border: 0px 3px 0px 3px; - border-radius: 16px; - border-color: @selected; - background-color: transparent; - text-color: @background-alt; + background-color: @color11; + text-color: @text-selected; } - element selected.urgent { background-color: @urgent; text-color: @text-selected; @@ -205,33 +207,35 @@ element alternate.active { element-icon { background-color: transparent; text-color: inherit; + size: 36px; cursor: inherit; } element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; background-color: transparent; text-color: inherit; cursor: inherit; vertical-align: 0.5; horizontal-align: 0.0; + } /* ---- Message ---- */ message { - background-color: transparent; + background-color: @background; border: 0px; } textbox { + margin: 10px; padding: 12px; border-radius: 10px; - background-color: @background-alt; - text-color: @background; + background-color: @active; + text-color: @foreground; vertical-align: 0.5; - horizontal-align: 0.0; + horizontal-align: 0.5; } error-message { padding: 12px; border-radius: 20px; - background-color: @background-alt; - text-color: @background; + background-color: @background; + text-color: @foreground; } diff --git a/config/rofi/themes/KooL_style-7.rasi b/config/rofi/themes/KooL_style-7.rasi new file mode 100644 index 00000000..2ad7f714 --- /dev/null +++ b/config/rofi/themes/KooL_style-7.rasi @@ -0,0 +1,200 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 7 */ + +/* original design from: https://github.com/adi1090x/rofi */ + +/*****----- Configuration -----*****/ +configuration { + modi: "drun,run,filebrowser,window"; + show-icons: true; + display-drun: "๏ฒโ"; + display-run: "๏ โ"; + display-filebrowser: "๏ผโ"; + display-window: "๏โ"; + drun-display-format: "{name}"; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/* ---- Load wallust colors ---- */ +@theme "~/.config/rofi/wallust/colors-rofi.rasi" + + +/*****----- Global Properties -----*****/ +* { + background-alt: @color1; + selected: @color12; + active: @color11; + urgent: #8E3596; +} +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +/*****----- Main Window -----*****/ +window { + transparency: "real"; + location: center; + anchor: center; + fullscreen: false; + width: 800px; + x-offset: 0px; + y-offset: 0px; + + enabled: true; + margin: 0px; + padding: 0px; + border: 0px solid; + border-radius: 20px; + border-color: @selected; + background-color: @background-alt; + cursor: "default"; +} + +/*****----- Main Box -----*****/ +mainbox { + enabled: true; + spacing: 15px; + margin: 40px; + padding: 0px; + border: 0px solid; + border-radius: 0px 0px 0px 0px; + border-color: @selected; + background-color: transparent; + children: [ "inputbar", "message", "listview" ]; +} + +/*****----- Inputbar -----*****/ +inputbar { + enabled: true; + spacing: 0px; + margin: 0px; + padding: 0px; + border: 0px solid; + border-radius: 100%; + border-color: @selected; + background-color: @background-alt; + text-color: @foreground; + children: [ "entry" ]; +} + +prompt { + enabled: true; + padding: 15px; + border-radius: 100%; + background-color: @selected; + text-color: @background; +} +textbox-prompt-colon { + enabled: true; + expand: false; + str: ":::"; + padding: 15px; + background-color: inherit; + text-color: inherit; +} +entry { + enabled: true; + padding: 15px 0px; + background-color: inherit; + text-color: @foreground; + cursor: text; + placeholder: "Search..."; + placeholder-color: inherit; +} + +/*****----- 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: 15px; + margin: 0px; + padding: 0px; + border: 0px solid; + border-radius: 0px; + border-color: @selected; + background-color: transparent; + text-color: @foreground; + cursor: "default"; +} +scrollbar { + handle-width: 5px ; + handle-color: @selected; + border-radius: 0px; + background-color: @background-alt; +} + +/*****----- Elements -----*****/ +element { + enabled: true; + spacing: 10px; + margin: 0px; + padding: 0px; + border: 0px solid; + border-radius: 0px; + border-color: @selected; + background-color: transparent; + text-color: @foreground; + orientation: horizontal; + cursor: pointer; +} +element normal.normal { + background-color: transparent; + text-color: @foreground; +} +element selected.normal { + border-radius: 10%; + background-color: @color11; + text-color: @foreground; +} +element-icon { + padding: 0px; + border-radius: 100%; + background-color: transparent; + text-color: inherit; + size: 5%; + cursor: inherit; +} +element-text { + background-color: transparent; + text-color: inherit; + highlight: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; +} + +/*****----- Message -----*****/ +message { + background-color: transparent; + border: 0px; +} +error-message { + padding: 20px; + border: 2px solid; + border-radius: 20px; + border-color: @active; + background-color: @background; + text-color: @foreground; +} +textbox { + padding: 10px; + border-radius: 20px; + background-color: @selected; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.5; + highlight: none; +} diff --git a/config/rofi/themes/KooL_style-8.rasi b/config/rofi/themes/KooL_style-8.rasi new file mode 100644 index 00000000..5d24a2ed --- /dev/null +++ b/config/rofi/themes/KooL_style-8.rasi @@ -0,0 +1,243 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 8 */ + + +/* ---- Configuration ---- */ +configuration { + modi: "drun,filebrowser,window,run"; + show-icons: true; + display-drun: "๏ฒโ apps"; + display-run: "๏ โ term"; + display-filebrowser: " ๏ผโ file"; + display-window: " ๏โ window"; + drun-display-format: "{name}"; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/* ---- Load wallust colors ---- */ +@theme "~/.config/rofi/wallust/colors-rofi.rasi" + +/* ---- Global Properties ---- */ +* { + + border-width: 2px; + border-radius: 12px; +} + +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +/* ---- Window ---- */ +window { + width: 50%; + transparency: "real"; + fullscreen: false; + enabled: true; + cursor: "default"; + spacing: 0em; + padding: 0em; + border: @border-width; + border-color: @color12; + border-radius: @border-radius; + background-color: @background; +} + +mainbox { + enabled: true; + spacing: 0em; + padding: 0em; + orientation: vertical; + children: [ "inputbar" , "mode-switcher", "message", "listbox" ]; + background-color: transparent; +} + + +/* ---- Inputbar ---- */ +inputbar { + enabled: true; + spacing: 0em; + padding: 4em; + children: [ "textbox-prompt-colon", "entry" ]; + background-color: transparent; + background-image: url("~/.config/rofi/.current_wallpaper", width); +} + +textbox-prompt-colon { + enabled: true; + expand: false; + str: " โก๏ธ"; + padding: 1em 0.2em 0em 0em; + text-color: @foreground; + border-radius: 2em 0em 0em 2em; + background-color: @background; +} + +entry { + enabled: true; + border-radius: 0em 2em 2em 0em; + spacing: 1em; + padding: 1em; + background-color: @background; + text-color: @foreground; + cursor: text; + placeholder: " Search"; + placeholder-color: inherit; +} + +/* ---- Listbox ---- */ +listbox { + padding: 0em; + spacing: 0em; + orientation: horizontal; + children: [ "listview" ]; + background-color: @background; +} + +/* ---- Listview ---- */ +listview { + padding: 1.5em; + spacing: 0.5em; + enabled: true; + columns: 2; + lines: 4; + cycle: true; + dynamic: true; + scrollbar: true; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + cursor: "default"; + background-color: transparent; +} + + +/* ---- Mode Switcher ---- */ +mode-switcher { + orientation: horizontal; + width: 2em; + enabled: true; + padding: 1em; + spacing: 1em; + background-color: transparent; +} + +button { + cursor: pointer; + border-radius: 2em; + background-color: @background; + text-color: @foreground; +} + +button selected { + background-color: @color12; + text-color: @foreground; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: @border-width; + border-color: @color11; + handle-color: @color12; + handle-width: 10px ; + padding: 0; +} + + +/* ---- Elements ---- */ +element { + enabled: true; + spacing: 0em; + padding: 0.5em; + cursor: pointer; + background-color: transparent; + text-color: @foreground; +} + +element selected.normal { + background-color: @color11; + text-color: @foreground; + border-radius: 1.5em; +} + +element normal.normal { + background-color: inherit; + text-color: @foreground; +} + +element normal.urgent { + background-color: inherit; + text-color: @foreground; +} + +element normal.active { + background-color: inherit; + text-color: @foreground; +} + +element selected.urgent { + background-color: inherit; + text-color: @foreground; +} + +element selected.active { + background-color: inherit; + text-color: @foreground; +} + +element alternate.normal { + background-color: inherit; + text-color: @foreground; +} + +element alternate.urgent { + background-color: inherit; + text-color: @foreground; +} + +element alternate.active { + background-color: inherit; + text-color: @foreground; +} + +element-icon { + size: 2em; + cursor: inherit; + background-color: transparent; + text-color: inherit; +} + +element-text { + vertical-align: 0.5; + horizontal-align: 0.0; + cursor: inherit; + background-color: transparent; + text-color: inherit; +} + +/* ---- Message ---- */ +message { + background-color: transparent; + border: 0px; +} +textbox { + margin: 12px; + padding: 12px; + border-radius: @border-radius; + background-color: @color12; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.5; +} +error-message { + padding: 0px; + border-radius: @border-radius; + background-color: @background; + text-color: @foreground; +} diff --git a/config/rofi/themes/KooL_style-9.rasi b/config/rofi/themes/KooL_style-9.rasi new file mode 100644 index 00000000..7c49d929 --- /dev/null +++ b/config/rofi/themes/KooL_style-9.rasi @@ -0,0 +1,212 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Rofi Style 9 */ +/* Modified version of Rofi Config which was submitted by https://github.com/lonerOrz via Discord */ + +/* Integrating Wallust and More tweaks */ + + +configuration { + show-icons: true; + display-drun: "๏"; + drun-display-format: "{icon} {name}"; + disable-history: false; + click-to-exit: true; + location: 0; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/* ---- Load wallust colors ---- */ +@theme "~/.config/rofi/wallust/colors-rofi.rasi" + +/*****----- Global Properties -----*****/ +* { + BG: @background; + BGA: @color11; + FG: @foreground; + FGA: #F28FADff; + BDR: @color12; + SEL: #1E1E2Eff; + UGT: #F28FADff; + IMG: #FAE3B0ff; + OFF: #575268ff; + ON: #ABE9B3ff; +} + +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 12"; +} + +/* ---- Window ---- */ +window { + transparency: "real"; + background-color: @BG; + text-color: @FG; + border: 2px; + border-color: @BDR; + border-radius: 10px; + width: 30%; + anchor: center; + x-offset: 0; + y-offset: 0; +} + +prompt { + enabled: true; + padding: 8px; + background-color: @BG; + text-color: @IMG; +} + +textbox-prompt-colon { + expand: false; + str: "๏"; + border-radius: 100%; + background-color: @SEL; + text-color: @FG; + padding: 8px 12px 8px 12px; +} + +/* ---- Entry input ---- */ +entry { + background-color: @BG; + text-color: @FG; + placeholder-color: @FG; + expand: true; + horizontal-align: 0; + placeholder: " Search..."; + blink: true; + border: 0px 0px 2px 0px; + border-color: @BDR; + border-radius: 10px; + padding: 8px; +} + +inputbar { + children: [ textbox-prompt-colon, entry ]; + background-color: @BG; + text-color: @FG; + expand: false; + border: 0px 0px 0px 0px; + border-radius: 0px; + border-color: @BDR; + margin: 0px 0px 0px 0px; + padding: 0px; + position: center; +} + +case-indicator { + background-color: @BG; + text-color: @FG; + spacing: 0; +} + +/* ---- Listview ---- */ +listview { + background-color: @BG; + columns: 1; + lines: 7; + spacing: 4px; + cycle: true; + dynamic: true; + layout: vertical; + scrollbar: true; +} + +mainbox { + background-color: @BG; + children: [ inputbar, listview ]; + spacing: 15px; + padding: 15px; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: 1px; + border-radius: 10px; + border-color: @color12; + handle-color: @color11; + handle-width: 10px ; + padding: 0; +} + +/* ---- Elements ---- */ +element { + background-color: @BG; + text-color: @FG; + orientation: horizontal; + border-radius: 4px; + padding: 6px 6px 6px 6px; +} + +element-icon { + background-color: inherit; + text-color: inherit; + horizontal-align: 0.5; + vertical-align: 0.5; + size: 24px; + border: 0px; +} + +element-text { + background-color: inherit; + text-color: inherit; + expand: true; + horizontal-align: 0; + vertical-align: 0.5; + margin: 2px 0px 2px 2px; +} + +element normal.urgent, +element alternate.urgent { + background-color: @UGT; + text-color: @FG; + border-radius: 9px; +} + +element normal.active, +element alternate.active { + background-color: @BGA; + text-color: @FG; +} + +element selected { + background-color: @BGA; + text-color: @SEL; + border: 0px 0px 0px 0px; + border-radius: 10px; + border-color: @BDR; +} + +element selected.urgent { + background-color: @UGT; + text-color: @FG; +} + +element selected.active { + background-color: @BGA; + color: @FG; +} + +/* ---- Message ---- */ +message { + background-color: transparent; + border: 0px; +} +textbox { + padding: 12px; + border-radius: 10px; + background-color: @BDR; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.5; +} +error-message { + padding: 12px; + border-radius: 20px; + background-color: @background; + text-color: @foreground; +}
\ No newline at end of file diff --git a/config/rofi/wallust/colors-rofi.rasi b/config/rofi/wallust/colors-rofi.rasi index 536bcdc6..b54ab670 100644 --- a/config/rofi/wallust/colors-rofi.rasi +++ b/config/rofi/wallust/colors-rofi.rasi @@ -2,30 +2,49 @@ /* wallust template - colors-rofi */ * { -active-background: #20211D; -active-foreground: #ACF2F1; -normal-background: #1E1516; -normal-foreground: #ACF2F1; -urgent-background: #135C7D; -urgent-foreground: #ACF2F1; +active-background: #718A90; +active-foreground: #ABF1E1; +normal-background: #212826; +normal-foreground: #ABF1E1; +urgent-background: #44AE9B; +urgent-foreground: #ABF1E1; -alternate-active-background: #0D942F; -alternate-active-foreground: #ACF2F1; -alternate-normal-background: #1E1516; -alternate-normal-foreground: #ACF2F1; -alternate-urgent-background: #1E1516; -alternate-urgent-foreground: #ACF2F1; +alternate-active-background: #78858E; +alternate-active-foreground: #ABF1E1; +alternate-normal-background: #212826; +alternate-normal-foreground: #ABF1E1; +alternate-urgent-background: #212826; +alternate-urgent-foreground: #ABF1E1; -selected-active-background: #20211D; -selected-active-foreground: #ACF2F1; -selected-normal-background: #80E4E2; -selected-normal-foreground: #ACF2F1; -selected-urgent-background: #135C7D; -selected-urgent-foreground: #ACF2F1; +selected-active-background: #44AE9B; +selected-active-foreground: #ABF1E1; +selected-normal-background: #44AE9B; +selected-normal-foreground: #ABF1E1; +selected-urgent-background: #718A90; +selected-urgent-foreground: #ABF1E1; -background-color: #1E1516; +background-color: #212826; background: rgba(0,0,0,0.7); -foreground: #80E4E2; -border-color: #20211D; +foreground: #ABF1E1; +border-color: #718A90; + +color0: #464D4C; +color1: #02211D; +color2: #02613F; +color3: #5A646A; +color4: #55686C; +color5: #338375; +color6: #0CA27F; +color7: #7FE3CC; +color8: #599F8E; +color9: #022C27; +color10: #028154; +color11: #78858E; +color12: #718A90; +color13: #44AE9B; +color14: #10D8A9; +color15: #7FE3CC; + + } |