diff options
| author | JaKooLit <ejhay.games@gmail.com> | 2025-02-10 01:16:17 +0900 |
|---|---|---|
| committer | JaKooLit <ejhay.games@gmail.com> | 2025-02-10 01:16:17 +0900 |
| commit | d404c8b6b94d973334a1136223fbf5c412083bdb (patch) | |
| tree | e7394ffef88af10c76c34e1a3df7481ead33cb49 /assets | |
| parent | 752232f326fd82d28dac4107e5bf81818a657903 (diff) | |
Initial upload of various rofi themes
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/rofi/themes/KooL_LonerOrZ.rasi | 168 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-1.rasi | 242 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-10-Fancy.rasi | 288 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-2-Dark.rasi | 177 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-2-Light.rasi | 177 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-3-FullScreen-v1.rasi | 251 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-3-Fullscreen-v2.rasi | 209 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-4.rasi | 324 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-5.rasi | 259 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-6.rasi | 228 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-7.rasi | 190 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style-8.rasi | 233 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style_11-Win11-list-dark.rasi | 130 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style_11-Win11-list-light.rasi | 130 | ||||
| -rw-r--r-- | assets/rofi/themes/KooL_style_9.rasi | 190 |
15 files changed, 3196 insertions, 0 deletions
diff --git a/assets/rofi/themes/KooL_LonerOrZ.rasi b/assets/rofi/themes/KooL_LonerOrZ.rasi new file mode 100644 index 00000000..d6a947ba --- /dev/null +++ b/assets/rofi/themes/KooL_LonerOrZ.rasi @@ -0,0 +1,168 @@ +/* ---- ๐ซ 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; +} + +mainbox { + background-color: @BG; + children: [ inputbar, 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; +} diff --git a/assets/rofi/themes/KooL_style-1.rasi b/assets/rofi/themes/KooL_style-1.rasi new file mode 100644 index 00000000..786e5b2f --- /dev/null +++ b/assets/rofi/themes/KooL_style-1.rasi @@ -0,0 +1,242 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland Style 1*/ + +/* ---- 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}"; + 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 ---- */ +* { + font: "JetBrainsMono Nerd Font SemiBold 13"; + background-alt: @color1; + selected: @color12; + active: @color11; + urgent: red; + + text-selected: @background; + text-color: @foreground; + border-color: @selected; +} + +/* ---- Window ---- */ +window { + // Default + enabled: true; + fullscreen: false; + transparency: "real"; + cursor: "default"; + spacing: 0px; + border: 3px 0px 3px 0px; + border-radius: 30px; + location: center; + anchor: center; + + // Style Values + width: 50%; + background-color: @background; +} + +/* ----- Main Box ----- */ +mainbox { + padding: 12px; + enabled: true; + orientation: vertical; + children: [ "inputbar", "listbox" ]; + background-color: transparent; +} + + +/* ---- Inputbar ---- */ +inputbar { + enabled: true; + padding: 10px 10px 50px 10px; + margin: 10px; + background-color: transparent; + border-radius: 20px; + orientation: horizontal; + children: ["entry", "dummy", "mode-switcher" ]; + background-image: url("~/.config/rofi/.current_wallpaper", width); +} + +/* ---- Entry input ---- */ +entry { + enabled: true; + expand: false; + width: 20%; + padding: 10px; + border-radius: 12px; + background-color: @color11; + text-color: @text-selected; + cursor: text; + placeholder: " ๐ฅ๏ธ Search "; + placeholder-color: inherit; +} + +/* ---- Listbox ---- */ +listbox { + spacing: 10px; + padding: 10px; + background-color: transparent; + orientation: vertical; + children: [ "message", "listview" ]; +} + +/* ---- Listview ---- */ +listview { + enabled: true; + columns: 5; + lines: 5; + cycle: true; + dynamic: true; + scrollbar: true; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + spacing: 10px; + background-color: transparent; + margin: 10px; + text-color: @foreground; + +// Adapt rofi theme + border: 0px; +} + +/* ---- Dummy ---- */ +dummy { + expand: true; + background-color: transparent; +} + +/* ---- Mode Switcher ---- */ +mode-switcher{ + enabled: true; + spacing: 10px; + background-color: transparent; +} +button { + width: 5%; + padding: 12px; + border-radius: 12px; + background-color: @text-selected; + text-color: @text-color; + cursor: pointer; +} +button selected { + background-color: @selected; + text-color: @text-selected; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: 1px; + border-radius: 10px; + border-color: @color12; + handle-color: @color11; + handle-width: 10px ; + padding: 0; +} + +/* ---- Elements ---- */ +element { + enabled: true; + orientation: vertical; + padding: 10px; + spacing: 10px; + border-radius: 12px; + background-color: transparent; + cursor: pointer; +} + +element normal.normal { + background-color: inherit; + text-color: inherit; +} +element normal.urgent { + background-color: @urgent; + text-color: @foreground; +} +element normal.active { + background-color: @active; + text-color: @foreground; +} + +element selected.normal { + border: 0px 3px 0px 3px; + border-radius: 16px; + border-color: @active; + background-color: transparent; + text-color: @selected; +} + +element selected.urgent { + background-color: @urgent; + text-color: @text-selected; +} +element selected.active { + background-color: @urgent; + text-color: @text-selected; +} +// Adapt rofi theme +element alternate.normal { + background-color: transparent; + text-color: inherit; +} +element alternate.urgent { + background-color: transparent; + text-color: inherit; +} +element alternate.active { + background-color: transparent; + text-color: inherit; +} +element-icon { + size: 3%; + background-color: transparent; + text-color: inherit; + cursor: inherit; +} +element-text { + font: "JetBrainsMono Nerd Font SemiBold 11"; + background-color: transparent; + text-color: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.5; +} + +/* ---- Message ---- */ +message { + background-color: transparent; + border: 0px; +} +textbox { + padding: 12px; + border-radius: 10px; + background-color: @background; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.0; +} +error-message { + padding: 12px; + border-radius: 20px; + background-color: @background; + text-color: @foreground; +} diff --git a/assets/rofi/themes/KooL_style-10-Fancy.rasi b/assets/rofi/themes/KooL_style-10-Fancy.rasi new file mode 100644 index 00000000..80203b6f --- /dev/null +++ b/assets/rofi/themes/KooL_style-10-Fancy.rasi @@ -0,0 +1,288 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland 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 { + font: "JetBrainsMono Nerd Font SemiBold 13"; + 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 % ); +} +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 { + width: 4px ; + border: 0; + handle-width: 8px ; + padding: 0; +} +sidebar { + border: 2px 0px 0px ; + border-color: @separatorcolor; +} +inputbar { + text-color: @normal-foreground; + padding: 0px 0px 0.5em; +} +case-indicator { + text-color: @normal-foreground; +} + +wrapper { + orientation: horizontal; + text-color: black; + background-color: white / 70%; + 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; + placeholder: " ๐ฅ๏ธ Search "; + vertical-align: 0.5; +} +inputbar { + children: [ wrapper ]; +} + +error-message { + background-color: darkred/10%; + border-color: darkred; + border-radius: 10px; + border: 2px; + padding: 0.5em; + +} + diff --git a/assets/rofi/themes/KooL_style-2-Dark.rasi b/assets/rofi/themes/KooL_style-2-Dark.rasi new file mode 100644 index 00000000..934ea657 --- /dev/null +++ b/assets/rofi/themes/KooL_style-2-Dark.rasi @@ -0,0 +1,177 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL 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}\n[<span weight='light' size='small'><i>({generic})</i></span>]"; + window-format: "Class : {c}\nWorkspace : {w}"; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/*****----- Global Properties -----*****/ +* { + font: "JetBrainsMono Nerd Font SemiBold 13"; +} + +/*****----- 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", "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: transparent; + children: [ "entry" ]; +} + +entry { + enabled: true; + background-color: transparent; + text-color: dimgray; + 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"; +} + +/*****----- 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 { + 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 -----*****/ +error-message { + padding: 20px; + background-color: transparent; + text-color: white; +} +textbox { + padding: 20px; + border-radius: 12px; + background-color: black/30%; + text-color: white; + vertical-align: 0.5; + horizontal-align: 0.0; +} diff --git a/assets/rofi/themes/KooL_style-2-Light.rasi b/assets/rofi/themes/KooL_style-2-Light.rasi new file mode 100644 index 00000000..3cd9266d --- /dev/null +++ b/assets/rofi/themes/KooL_style-2-Light.rasi @@ -0,0 +1,177 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL 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}\n[<span weight='light' size='small'><i>({generic})</i></span>]"; + window-format: "Class : {c}\nWorkspace : {w}"; + dpi: 1; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; +} + +/*****----- Global Properties -----*****/ +* { + font: "JetBrainsMono Nerd Font SemiBold 13"; +} + +/*****----- 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: white/90%; + children: [ "inputbar", "mode-switcher", "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: transparent; + children: [ "entry" ]; +} + +entry { + enabled: true; + background-color: transparent; + 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"; +} + +/*****----- 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 -----*****/ +error-message { + padding: 20px; + background-color: transparent; + text-color: black; +} +textbox { + padding: 20px; + border-radius: 12px; + background-color: white/30%; + text-color: black; + vertical-align: 0.5; + horizontal-align: 0.0; +} diff --git a/assets/rofi/themes/KooL_style-3-FullScreen-v1.rasi b/assets/rofi/themes/KooL_style-3-FullScreen-v1.rasi new file mode 100644 index 00000000..7ca3d4bf --- /dev/null +++ b/assets/rofi/themes/KooL_style-3-FullScreen-v1.rasi @@ -0,0 +1,251 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland v2.3.10 (latest) - Default Config */ + +/* ---- Configuration ---- */ + +configuration { + font: "JetBrainsMono Nerd Font SemiBold 13"; + 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"; +} + +/* ---- Load wallust colors ---- */ +@theme "~/.config/rofi/wallust/colors-rofi.rasi" + +/* ---- 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?) + + text-selected: @background; + text-color: @foreground; + border-color: @selected; +} + +/* ---- 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: true; + transparency: "real"; + cursor: "default"; + spacing: 0px; + border: 3px 0px 3px 0px; + border-radius: 30px; + location: center; + anchor: center; + + // Style Values + background-color: @background; +} + +/* ----- Main Box ----- */ +mainbox { + padding: 12px; + enabled: true; + orientation: vertical; + children: [ "inputbar", "listbox" ]; + background-color: transparent; +} + + +/* ---- Inputbar ---- */ +inputbar { + enabled: true; + padding: 10px 10px 50px 10px; + margin: 10px; + background-color: transparent; + border-radius: 20px; + orientation: horizontal; + children: ["entry", "dummy", "mode-switcher" ]; + background-image: url("~/.config/rofi/.current_wallpaper", width); +} + +/* ---- Entry input ---- */ +entry { + enabled: true; + expand: false; + width: 20%; + padding: 10px; + border-radius: 12px; + background-color: @selected; + text-color: @text-selected; + cursor: text; + placeholder: " ๐ฅ๏ธ Search "; + placeholder-color: inherit; +} + +/* ---- Listbox ---- */ +listbox { + spacing: 10px; + padding: 10px; + background-color: transparent; + orientation: vertical; + children: [ "message", "listview" ]; +} + +/* ---- Listview ---- */ +listview { + enabled: true; + columns: 5; + lines: 5; + cycle: true; + dynamic: true; + scrollbar: true; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + spacing: 10px; + background-color: transparent; + margin: 10px; + +// Adapt rofi theme + border: 0px; +} + +/* ---- Dummy ---- */ +dummy { + expand: true; + background-color: transparent; +} + +/* ---- Mode Switcher ---- */ +mode-switcher{ + enabled: true; + spacing: 10px; + background-color: transparent; +} +button { + width: 5%; + padding: 12px; + border-radius: 12px; + background-color: @text-selected; + text-color: @text-color; + cursor: pointer; +} +button selected { + background-color: @selected; + text-color: @text-selected; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: 0; + handle-color: @background-alt; + handle-width: 2px ; + padding: 0; +} + +/* ---- Elements ---- */ +element { + enabled: true; + orientation: vertical; + padding: 10px; + spacing: 10px; + border-radius: 12px; + background-color: transparent; + cursor: pointer; +} + +element normal.normal { + background-color: inherit; + text-color: inherit; +} +element normal.urgent { + background-color: @urgent; + text-color: @foreground; +} +element normal.active { + background-color: @active; + text-color: @foreground; +} + +element selected.normal { + border: 0px 3px 0px 3px; + border-radius: 16px; + border-color: @selected; + background-color: transparent; + text-color: @background-alt; +} + +element selected.urgent { + background-color: @urgent; + text-color: @text-selected; +} +element selected.active { + background-color: @urgent; + text-color: @text-selected; +} +// Adapt rofi theme +element alternate.normal { + background-color: transparent; + text-color: inherit; +} +element alternate.urgent { + background-color: transparent; + text-color: inherit; +} +element alternate.active { + background-color: transparent; + text-color: inherit; +} +element-icon { + size: 5%; + background-color: transparent; + text-color: inherit; + cursor: inherit; +} +element-text { + background-color: transparent; + text-color: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.5; +} + +/* ---- Message ---- */ +message { + background-color: transparent; + border: 0px; +} +textbox { + padding: 12px; + border-radius: 10px; + background-color: @background-alt; + text-color: @background; + vertical-align: 0.5; + horizontal-align: 0.0; +} +error-message { + padding: 12px; + border-radius: 20px; + background-color: @background-alt; + text-color: @background; +} diff --git a/assets/rofi/themes/KooL_style-3-Fullscreen-v2.rasi b/assets/rofi/themes/KooL_style-3-Fullscreen-v2.rasi new file mode 100644 index 00000000..6f1a3cef --- /dev/null +++ b/assets/rofi/themes/KooL_style-3-Fullscreen-v2.rasi @@ -0,0 +1,209 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ + +/* credit: https://github.com/adi1090x/rofi */ + +/*****----- Configuration -----*****/ +configuration { + font: "JetBrainsMono Nerd Font SemiBold 13"; + 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; + + +} + +/*****----- 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", "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 -----*****/ +error-message { + padding: 100px; + border: 0px solid; + border-radius: 0px; + border-color: @selected; + background-color: black / 10%; + text-color: @foreground; +} +textbox { + background-color: transparent; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.0; + highlight: none; +} diff --git a/assets/rofi/themes/KooL_style-4.rasi b/assets/rofi/themes/KooL_style-4.rasi new file mode 100644 index 00000000..fb25db61 --- /dev/null +++ b/assets/rofi/themes/KooL_style-4.rasi @@ -0,0 +1,324 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ + +/* credit: https://github.com/adi1090x/rofi */ + +/*****----- Configuration -----*****/ +configuration { + font: "JetBrainsMono Nerd Font SemiBold 13"; + 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; + + +} + +/*****----- 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: transparent; + 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: inherit; + 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.0; + 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/assets/rofi/themes/KooL_style-5.rasi b/assets/rofi/themes/KooL_style-5.rasi new file mode 100644 index 00000000..234567bc --- /dev/null +++ b/assets/rofi/themes/KooL_style-5.rasi @@ -0,0 +1,259 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland v2.1.13 (old) - Default Config */ + +/* ---- Configuration ---- */ +configuration { + font: "JetBrainsMono Nerd Font SemiBold 13"; + 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; +} + +/* ---- 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: [ "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: transparent; +} + +/* ---- 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: @color12; + 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: transparent; + border-radius: 12px; + border: 0px; +} + +/* ---- 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: @color11; + 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 { + font: "JetBrainsMono Nerd Font SemiBold 10"; + 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: @background; + vertical-align: 0.5; + horizontal-align: 0.0; +} +error-message { + padding: 12px; + border-radius: 20px; + background-color: @background-alt; + text-color: @background; +}
\ No newline at end of file diff --git a/assets/rofi/themes/KooL_style-6.rasi b/assets/rofi/themes/KooL_style-6.rasi new file mode 100644 index 00000000..f6b1307b --- /dev/null +++ b/assets/rofi/themes/KooL_style-6.rasi @@ -0,0 +1,228 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland v2.2.10 (old) - Default Config */ + +/* ---- Configuration ---- */ + +configuration { + modi: "drun,run,filebrowser"; + font: "Fira Code SemiBold 13"; + 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; +} + +/* ---- Window ---- */ +window { + // Default + enabled: true; + fullscreen: false; + transparency: "real"; + cursor: "default"; + spacing: 0px; + border: 2px; + border-radius: 30px; + location: center; + anchor: center; + + // Style Values + width: 50%; + background-color: #00000099; +} + +/* ----- Main Box ----- */ +mainbox { + enabled: true; + orientation: vertical; + children: [ "inputbar", "listbox" ]; + background-color: transparent; +} + + +/* ---- Inputbar ---- */ +inputbar { + enabled: true; + padding: 10px 10px 150px 10px; + margin: 10px; + background-color: transparent; + border-radius: 25px; + orientation: horizontal; + children: ["entry", "dummy", "mode-switcher" ]; + background-image: url("~/.config/rofi/.current_wallpaper", width); +} + +/* ---- Entry input ---- */ +entry { + enabled: true; + expand: false; + width: 300px; + padding: 10px; + border-radius: 12px; + background-color: @background; + text-color: inherit; + cursor: text; + placeholder: "๏ Search "; // << Search symbol + placeholder-color: inherit; +} + +/* ---- Listbox ---- */ +listbox { + spacing: 10px; + padding: 10px; + background-color: transparent; + orientation: vertical; + children: [ "message", "listview" ]; +} + +/* ---- Listview ---- */ +listview { + enabled: true; + columns: 2; + lines: 6; + cycle: true; + dynamic: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: true; + fixed-columns: true; + spacing: 10px; + padding: 10px; + background-color: transparent; + +// Adapt rofi theme + border: 0px; +} + +/* ---- Dummy ---- */ +dummy { + expand: true; + background-color: transparent; +} + +/* ---- Mode Switcher ---- */ +mode-switcher{ + enabled: true; + spacing: 10px; + background-color: transparent; +} +button { + width: 5%; + padding: 12px; + border-radius: 12px; + background-color: @background; + text-color: inherit; + cursor: pointer; +} +button selected { + background-color: @color11; + text-color: @text-selected; +} + + +/* ---- Elements ---- */ +element { + enabled: true; + spacing: 10px; + padding: 4px; + border-radius: 10px; + background-color: transparent; + cursor: pointer; +} + +element normal.normal { + background-color: inherit; + text-color: inherit; +} +element normal.urgent { + background-color: @urgent; + text-color: @foreground; +} +element normal.active { + background-color: @active; + text-color: @foreground; +} + +element selected.normal { + background-color: @color11; + text-color: @text-selected; +} +element selected.urgent { + background-color: @urgent; + text-color: @text-selected; +} +element selected.active { + background-color: @urgent; + text-color: @text-selected; +} +// Adapt rofi theme +element alternate.normal { + background-color: transparent; + text-color: inherit; +} +element alternate.urgent { + background-color: transparent; + text-color: inherit; +} +element alternate.active { + background-color: transparent; + text-color: inherit; +} +element-icon { + background-color: transparent; + text-color: inherit; + size: 36px; + cursor: inherit; +} +element-text { + background-color: transparent; + font: "Fira Code SemiBold 12"; + text-color: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; + +} + +/* ---- Message ---- */ +message { + background-color: @background; + border: 0px; +} +textbox { + padding: 12px; + border-radius: 10px; + background-color: @background; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.0; +} +error-message { + padding: 12px; + border-radius: 20px; + background-color: @background; + text-color: @foreground; +} diff --git a/assets/rofi/themes/KooL_style-7.rasi b/assets/rofi/themes/KooL_style-7.rasi new file mode 100644 index 00000000..4032390a --- /dev/null +++ b/assets/rofi/themes/KooL_style-7.rasi @@ -0,0 +1,190 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Style 7 */ + +/* original design from: https://github.com/adi1090x/rofi */ + +/*****----- Configuration -----*****/ +configuration { + font: "JetBrains Mono Nerd Font 13"; + 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; +} +/*****----- 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", "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 -----*****/ +error-message { + padding: 20px; + border: 2px solid; + border-radius: 20px; + border-color: @selected; + background-color: @background; + text-color: @foreground; +} +textbox { + background-color: @background; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.0; + highlight: none; +} diff --git a/assets/rofi/themes/KooL_style-8.rasi b/assets/rofi/themes/KooL_style-8.rasi new file mode 100644 index 00000000..00e5c9cf --- /dev/null +++ b/assets/rofi/themes/KooL_style-8.rasi @@ -0,0 +1,233 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Hyprland - Style 13 */ + + +/* ---- Configuration ---- */ +configuration { + modi: "drun,filebrowser,window,run"; + font: "JetBrainsMono Nerd Font SemiBold 13"; + 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; +} + +/* ---- 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", "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: 3; + 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: 1em; + enabled: true; + padding: 1em; + spacing: 0em; + 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 ---- */ +error-message { + text-color: @foreground; + background-color: @background; + text-transform: capitalize; + children: [ "textbox" ]; +} + +textbox { + text-color: inherit; + background-color: inherit; + vertical-align: 0.5; + horizontal-align: 0.5; +} diff --git a/assets/rofi/themes/KooL_style_11-Win11-list-dark.rasi b/assets/rofi/themes/KooL_style_11-Win11-list-dark.rasi new file mode 100644 index 00000000..f0a7d9e6 --- /dev/null +++ b/assets/rofi/themes/KooL_style_11-Win11-list-dark.rasi @@ -0,0 +1,130 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Style 10 - 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 -----*****/ +* { + font: "JetBrainsMono Nerd Font SemiBold 13"; + + 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; +} + +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; +} + +textbox { + padding : 4px 8px; + background-color : @bg2; +} + +listview { + columns : 2; + spacing : 8px; + fixed-height : true; + fixed-columns : true; +} + +element { + font: "JetBrainsMono Nerd Font SemiBold 11"; + 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; +} diff --git a/assets/rofi/themes/KooL_style_11-Win11-list-light.rasi b/assets/rofi/themes/KooL_style_11-Win11-list-light.rasi new file mode 100644 index 00000000..65809c4d --- /dev/null +++ b/assets/rofi/themes/KooL_style_11-Win11-list-light.rasi @@ -0,0 +1,130 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL Style 10 - 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 -----*****/ +* { + font: "JetBrainsMono Nerd Font SemiBold 13"; + + 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; +} + +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; +} + +textbox { + padding : 4px 8px; + background-color : @bg2; +} + +listview { + columns : 2; + spacing : 8px; + fixed-height : true; + fixed-columns : true; +} + +element { + font: "JetBrainsMono Nerd Font SemiBold 11"; + 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; +} diff --git a/assets/rofi/themes/KooL_style_9.rasi b/assets/rofi/themes/KooL_style_9.rasi new file mode 100644 index 00000000..d09e58e2 --- /dev/null +++ b/assets/rofi/themes/KooL_style_9.rasi @@ -0,0 +1,190 @@ +/* ---- ๐ซ https://github.com/JaKooLit ๐ซ ---- */ +/* KooL 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 -----*****/ +* { + font: "JetBrainsMono Nerd Font SemiBold 13"; + + BG: @background; + BGA: @color11; + FG: @foreground; + FGA: #F28FADff; + BDR: @color12; + SEL: #1E1E2Eff; + UGT: #F28FADff; + IMG: #FAE3B0ff; + OFF: #575268ff; + ON: #ABE9B3ff; +} + +/* ---- Window ---- */ +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; +} + +/* ---- 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 { + font: "JetBrainsMono Nerd Font SemiBold 11"; + 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; +} |
