From 275f85824cf88a2db76e97c17a5159d6809a7123 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Thu, 20 Feb 2025 00:49:59 +0900 Subject: rofi tweaks --- config/rofi/themes/KooL_style-10-Fancy-v2.rasi | 6 - config/rofi/themes/KooL_style-10-Fancy.rasi | 7 - config/rofi/themes/KooL_style-13-Vertical.rasi | 276 +++++++++++++++++++++++++ config/rofi/themes/KooL_style-7.rasi | 8 +- config/rofi/themes/KooL_style-9.rasi | 5 +- 5 files changed, 284 insertions(+), 18 deletions(-) create mode 100644 config/rofi/themes/KooL_style-13-Vertical.rasi (limited to 'config/rofi/themes') diff --git a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi index 0a1d1b21..0d027c0a 100644 --- a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi +++ b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi @@ -2,12 +2,6 @@ /* 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; diff --git a/config/rofi/themes/KooL_style-10-Fancy.rasi b/config/rofi/themes/KooL_style-10-Fancy.rasi index 612d4246..c5d1fa84 100644 --- a/config/rofi/themes/KooL_style-10-Fancy.rasi +++ b/config/rofi/themes/KooL_style-10-Fancy.rasi @@ -2,13 +2,6 @@ /* 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 { diff --git a/config/rofi/themes/KooL_style-13-Vertical.rasi b/config/rofi/themes/KooL_style-13-Vertical.rasi new file mode 100644 index 00000000..09dc4772 --- /dev/null +++ b/config/rofi/themes/KooL_style-13-Vertical.rasi @@ -0,0 +1,276 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* KooL_Style 13 (thin) */ + +/* ---- Configuration ---- */ +configuration { + modi: "drun,run,filebrowser"; + font: "Fira Code SemiBold 12"; + show-icons: true; + display-drun: "๏†ฒโ€‰"; + display-run: "๏„ โ€‰"; + display-filebrowser: "๏ผ"; + display-window: "๏‹โ€‰"; + drun-display-format: "{name}"; + hover-select: true; + me-select-entry: "MouseSecondary"; + me-accept-entry: "MousePrimary"; + window-format: "{w} ยท {c} ยท {t}"; + dpi: 1; + +} +/* ---- Load wallust colors ---- */ +@theme "~/.config/rofi/wallust/colors-rofi.rasi" + +/* ---- Global Properties ---- */ +* { + background-alt: @color10; + 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: 15%; + height: 80%; + x-offset: 8px; + y-offset: 0px; + spacing: 0px; + padding: 0px; + margin: 0px; + border: 2px; + border-color: @border-color; + cursor: "default"; + location: center; + anchor: center; + fullscreen: false; + enabled: true; + border-radius: 12px; + background-color: rgba(0, 0, 0, 0.6); +} + +/* ---- Mainbox ---- */ +mainbox { + enabled: true; + orientation: vertical; + padding: 0px; + background-color: rgba(0, 0, 0, 0.1); + children: [ "inputbar", "imagebox" ]; + border-radius: 12px; +} + +/* ---- Imagebox ---- */ +imagebox { + background-color: transparent; + orientation: vertical; + children: [ "mode-switcher", "listbox"]; +} + +/* ---- Listbox ---- */ +listbox { + spacing: 5px; + orientation: vertical; + children: [ "message", "listview" ]; + padding: 6px; + border-radius: 12px; + border: 0px; + border-color: @border-color; + background-color: transparent; +} + +/* ---- Dummy ---- */ +dummy { + background-color: transparent; +} + +/* ---- Inputbar ---- */ +inputbar { + enabled: true; + text-color: @foreground; + spacing: 10px; + padding: 30px; + border-radius: 10px; + border-color: @border-color; + background-color: @background; + background-image: url("~/.config/rofi/.current_wallpaper", width); + children: [ "textbox-prompt-colon","entry" ]; + border: 0px; +} + +textbox-prompt-colon { + enabled: true; + padding: 6px 0px 6px 10px; + expand: false; + str: "โ‰๏ธ"; + text-color: inherit; + background-color: transparent; +} + +entry { + enabled: true; + padding: 6px 0px 0px 0px; + text-color: @foreground; + cursor: text; + border-radius: 12px; + placeholder: "Type to search"; + placeholder-color: inherit; + background-color: @background; + horizontal-align: 0.5; +} + +/* ---- Mode Switcher ---- */ +mode-switcher{ + orientation: horizontal; + enabled: true; + padding: 8px; + spacing: 12px; + background-color: transparent; + text-color: @foreground; +} + +button { + padding: 10px; + border-radius: 10px; + background-color: @background; + text-color: inherit; + cursor: pointer; + border: 1px; + border-color: @border-color; +} + +button selected { + background-color: @active; + text-color: @foreground; + border: 1px; + border-color: @background; + +} + +/* ---- Listview ---- */ +listview { + enabled: true; + columns: 1; + lines: 10; + spacing: 0px; + dynamic: true; + cycle: true; + scrollbar: false; + layout: vertical; + reverse: false; + fixed-height: false; + fixed-columns: true; + background-color: transparent; + cursor: "default"; +} + +/* ---- Scrollbar ---- */ +scrollbar { + border: 0px; + border-radius: 10px; + background-color: transparent; + handle-color: @active; + handle-width: 2px ; + padding: 0; +} + +/* ---- Element ---- */ +element { + enabled: true; + padding: 8px; + spacing: 10px; + cursor: pointer; + background-color: transparent; + border-radius: 10px; + border: 0px; +} + +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.normal { + background-color: @active; + 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 { + background-color: transparent; + text-color: inherit; + size: 30px; + cursor: inherit; +} + +element-text { + background-color: transparent; + text-color: inherit; + cursor: inherit; + vertical-align: 0.5; + horizontal-align: 0.0; +} + +/*****----- Message -----*****/ +message { + background-color: @background-alt; + margin: 10px; + border-radius: 12px; +} + +textbox { + padding: 10px; + background-color: @background-alt; + text-color: @foreground; + vertical-align: 0.5; + horizontal-align: 0.5; +} + +error-message { + padding: 15px; + border-radius: 12px; + background-color: @background-alt; + text-color: @foreground; +} diff --git a/config/rofi/themes/KooL_style-7.rasi b/config/rofi/themes/KooL_style-7.rasi index 3b444baa..c6e2d102 100644 --- a/config/rofi/themes/KooL_style-7.rasi +++ b/config/rofi/themes/KooL_style-7.rasi @@ -7,10 +7,10 @@ configuration { modi: "drun,run,filebrowser,window"; show-icons: true; - display-drun: "๏†ฒโ€‰"; - display-run: "๏„ โ€‰"; - display-filebrowser: "๏ผโ€‰"; - display-window: "๏‹โ€‰"; + display-drun: "๏†ฒโ€‰ "; + display-run: "๏„ โ€‰ "; + display-filebrowser: "๏ผโ€‰ "; + display-window: "๏‹โ€‰ "; drun-display-format: "{name}"; dpi: 1; hover-select: true; diff --git a/config/rofi/themes/KooL_style-9.rasi b/config/rofi/themes/KooL_style-9.rasi index c585329d..42f4138f 100644 --- a/config/rofi/themes/KooL_style-9.rasi +++ b/config/rofi/themes/KooL_style-9.rasi @@ -56,7 +56,7 @@ window { mainbox { background-color: @BG; - children: [ inputbar, listview ]; + children: [ inputbar, message, listview ]; spacing: 15px; padding: 15px; } @@ -122,15 +122,18 @@ listview { layout: vertical; scrollbar: true; padding: 10px; + padding: 10px; } /* ---- Scrollbar ---- */ scrollbar { + border: 0px; border: 0px; border-radius: 10px; border-color: @color12; handle-color: @color11; handle-width: 2px ; + handle-width: 2px ; padding: 0; } -- cgit v1.2.3 From ebd0987574d18da0ba767ae703427cb73e280117 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Thu, 20 Feb 2025 12:44:10 +0900 Subject: some minor rofi configs improvement --- config/rofi/config-clipboard.rasi | 4 ++-- config/rofi/config-edit.rasi | 1 + config/rofi/config-rofi-Beats.rasi | 4 ++-- config/rofi/themes/KooL_style-2-Dark.rasi | 10 +++++----- config/rofi/themes/KooL_style-2-Light.rasi | 8 +++----- 5 files changed, 13 insertions(+), 14 deletions(-) (limited to 'config/rofi/themes') diff --git a/config/rofi/config-clipboard.rasi b/config/rofi/config-clipboard.rasi index f5c086a7..4006e646 100644 --- a/config/rofi/config-clipboard.rasi +++ b/config/rofi/config-clipboard.rasi @@ -24,8 +24,8 @@ entry { /* ---- Listview ---- */ listview { columns: 1; - lines: 15; - fixed-height: false; + lines: 8; + fixed-height: true; } /* ---- Elements ---- */ diff --git a/config/rofi/config-edit.rasi b/config/rofi/config-edit.rasi index 23acbfbd..79fbbbd9 100644 --- a/config/rofi/config-edit.rasi +++ b/config/rofi/config-edit.rasi @@ -46,5 +46,6 @@ element-icon { } element-text { horizontal-align: 0.0; + padding-left: 0px; margin: 5px 30px 5px 30px; } \ No newline at end of file diff --git a/config/rofi/config-rofi-Beats.rasi b/config/rofi/config-rofi-Beats.rasi index 9e646868..9be65e09 100644 --- a/config/rofi/config-rofi-Beats.rasi +++ b/config/rofi/config-rofi-Beats.rasi @@ -14,10 +14,10 @@ mainbox { children: [ "inputbar", "listview"]; } -R + /* ---- Entry ---- */ entry { - placeholder: " ๐Ÿ“ป Choose Media or Stations to play"; + placeholder: "๐Ÿ“ป Choose Media or Stations to play"; } /* ---- Listview ---- */ diff --git a/config/rofi/themes/KooL_style-2-Dark.rasi b/config/rofi/themes/KooL_style-2-Dark.rasi index 7be669d8..81e233e4 100644 --- a/config/rofi/themes/KooL_style-2-Dark.rasi +++ b/config/rofi/themes/KooL_style-2-Dark.rasi @@ -53,7 +53,7 @@ mainbox { enabled: true; spacing: 20px; margin: 10px; - padding: 20px; + padding: 15px; border-radius: 12px; background-color: black/90%; children: [ "inputbar", "mode-switcher", "message", "listview" ]; @@ -64,7 +64,7 @@ inputbar { enabled: true; spacing: 0px; margin: 0px; - padding: 0px 0px 10px 0px; + padding: 20px 0px 20px 0px; border: 0px 0px 2px 0px; border-radius: 0px; border-color: gray/20%; @@ -98,7 +98,7 @@ listview { spacing: 40px; margin: 0px; - padding: 20px 0px 0px 0px; + padding: 0px; border: 0px solid; background-color: transparent; cursor: "default"; @@ -119,7 +119,7 @@ element { enabled: true; spacing: 10px; margin: 0px; - padding: 15px; + padding: 20px 0px 20px 0px; border: 1px solid; border-radius: 8px; border-color: white/30%; @@ -188,4 +188,4 @@ textbox { text-color: inherit; vertical-align: 0.5; horizontal-align: 0.5; -} +} \ No newline at end of file diff --git a/config/rofi/themes/KooL_style-2-Light.rasi b/config/rofi/themes/KooL_style-2-Light.rasi index 551759db..2e0b4e6e 100644 --- a/config/rofi/themes/KooL_style-2-Light.rasi +++ b/config/rofi/themes/KooL_style-2-Light.rasi @@ -108,7 +108,7 @@ listview { scrollbar { border: 0px; border-radius: 10px; - background-color: transparent; + background-color: inherit; handle-color: gray/50%; handle-width: 2px ; padding: 0; @@ -119,7 +119,7 @@ element { enabled: true; spacing: 10px; margin: 0px; - padding: 15px; + padding: 20px 0px 20px 0px; border: 1px solid; border-radius: 8px; border-color: gray/30%; @@ -162,7 +162,6 @@ mode-switcher{ text-color: white; } button { - font: "JetBrainsMono Nerd Font SemiBold 10"; padding: 6px; border: 0px solid; border-radius: 100%; @@ -189,5 +188,4 @@ textbox { text-color: inherit; vertical-align: 0.5; horizontal-align: 0.5; -} - +} \ No newline at end of file -- cgit v1.2.3 From fa35823a36a122aeab894c93800dec720bb4f7d6 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Thu, 20 Feb 2025 17:02:22 +0900 Subject: Ok I think this is ok. Just note to myself. DO NOT CODE WHEN YOU ARE HUNGRY --- config/hypr/UserScripts/QuickEdit.sh | 16 ++++++++-------- config/hypr/UserScripts/WallpaperSelect.sh | 5 ++--- config/rofi/config-rofi-theme.rasi | 22 +++++++++------------- config/rofi/config-wallpaper.rasi | 21 +++++++++++---------- config/rofi/themes/KooL_LonerOrZ.rasi | 2 ++ config/rofi/themes/KooL_style-1.rasi | 1 + config/rofi/themes/KooL_style-10-Fancy-v2.rasi | 2 ++ config/rofi/themes/KooL_style-10-Fancy.rasi | 6 ++++++ .../rofi/themes/KooL_style-11-Win11-list-dark.rasi | 1 + .../themes/KooL_style-11-Win11-list-light.rasi | 2 +- config/rofi/themes/KooL_style-12-TOP-Docu.rasi | 3 ++- config/rofi/themes/KooL_style-13-Vertical.rasi | 1 + config/rofi/themes/KooL_style-2-Dark.rasi | 2 ++ config/rofi/themes/KooL_style-2-Light.rasi | 2 ++ config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi | 8 +++++++- config/rofi/themes/KooL_style-4.rasi | 1 + config/rofi/themes/KooL_style-5.rasi | 1 + config/rofi/themes/KooL_style-6.rasi | 14 ++++++++------ config/rofi/themes/KooL_style-7.rasi | 5 +++-- config/rofi/themes/KooL_style-8.rasi | 1 + config/rofi/themes/KooL_style-9.rasi | 1 + 21 files changed, 72 insertions(+), 45 deletions(-) (limited to 'config/rofi/themes') diff --git a/config/hypr/UserScripts/QuickEdit.sh b/config/hypr/UserScripts/QuickEdit.sh index 12db89b4..618ed002 100755 --- a/config/hypr/UserScripts/QuickEdit.sh +++ b/config/hypr/UserScripts/QuickEdit.sh @@ -24,8 +24,8 @@ menu() { 7. view/edit Animations 8. view/edit Laptop Keybinds 9. view/edit Default Keybinds -10. view/edit Monitors (via nwg-display) -11. view/edit Workspace Rules (nwg-display) +10. view/edit Monitors (via nwg-displays) +11. view/edit Workspace Rules (nwg-displays) EOF } @@ -38,12 +38,12 @@ main() { 1) file="$UserConfigs/ENVariables.conf" ;; 2) file="$UserConfigs/WindowRules.conf" ;; 3) file="$UserConfigs/UserKeybinds.conf" ;; - 4) file="$UserConfigs/UserKeybinds.conf" ;; - 5) file="$UserConfigs/UserSettings.conf" ;; - 6) file="$UserConfigs/Startup_Apps.conf" ;; - 7) file="$UserConfigs/UserDecorations.conf" ;; - 8) file="$UserConfigs/UserAnimations.conf" ;; - 9) file="$UserConfigs/Laptops.conf" ;; + 4) file="$UserConfigs/UserSettings.conf" ;; + 5) file="$UserConfigs/Startup_Apps.conf" ;; + 6) file="$UserConfigs/UserDecorations.conf" ;; + 7) file="$UserConfigs/UserAnimations.conf" ;; + 8) file="$UserConfigs/Laptops.conf" ;; + 9) file="$configs/Keybinds.conf" ;; 10) nwg-displays ;; 11) nwg-displays ;; *) return ;; # Do nothing for invalid choices diff --git a/config/hypr/UserScripts/WallpaperSelect.sh b/config/hypr/UserScripts/WallpaperSelect.sh index e1a84001..32f9a93b 100755 --- a/config/hypr/UserScripts/WallpaperSelect.sh +++ b/config/hypr/UserScripts/WallpaperSelect.sh @@ -22,10 +22,9 @@ focused_monitor=$(hyprctl monitors -j | jq -r '.[] | select(.focused) | .name') monitor_width=$(hyprctl monitors -j | jq -r --arg mon "$focused_monitor" '.[] | select(.name == $mon) | .width') scale_factor=$(hyprctl monitors -j | jq -r --arg mon "$focused_monitor" '.[] | select(.name == $mon) | .scale') -icon_size=$(echo "scale=1; ($monitor_width * 15) / ($scale_factor * 100)" | bc) # icon size -margin=$(echo "scale=1; ($scale_factor * 100) / $scale_factor" | bc) # margin +icon_size=$(echo "scale=1; ($monitor_width * 3) / ($scale_factor * 400)" | bc) -rofi_override="element-icon{size:${icon_size}px;margin:-${margin}px;}" +rofi_override="element-icon{size:${icon_size}%;}" # swww transition config FPS=60 diff --git a/config/rofi/config-rofi-theme.rasi b/config/rofi/config-rofi-theme.rasi index fd6034d3..f968ce62 100644 --- a/config/rofi/config-rofi-theme.rasi +++ b/config/rofi/config-rofi-theme.rasi @@ -15,31 +15,27 @@ mainbox { [ "inputbar", "listview"]; } +/* ---- Entry input ---- */ +entry { + expand: true; + placeholder: " โฌ‡๏ธ Select Which Rofi Theme wanted to apply"; +} + /* ---- Listview ---- */ listview { columns: 2; lines: 7; fixed-height: false; + margin: 10px; scrollbar: true; } -/* ---- Entry input ---- */ -entry { - expand: true; - placeholder: " โฌ‡๏ธ Select Which Rofi Theme wanted to apply"; -} - - /* ---- Elements ---- */ -element { - orientation: vertical; -} - element-icon { - size: 0%; + size: 0%; } element-text { horizontal-align: 0.0; + vertical-align: 0.0; margin: 5px 30px 5px 30px; } - diff --git a/config/rofi/config-wallpaper.rasi b/config/rofi/config-wallpaper.rasi index 8e920f2a..00df3f79 100644 --- a/config/rofi/config-wallpaper.rasi +++ b/config/rofi/config-wallpaper.rasi @@ -30,12 +30,10 @@ entry { listview { columns: 6; lines: 2; - spacing: 40px; - padding: 20px; + spacing: 20px; + padding: 10px; columns: 6; lines: 2; - spacing: 40px; - padding: 20px; flow: horizontal; fixed-width: true; fixed-height: true; @@ -44,19 +42,22 @@ listview { /* ---- Element ---- */ element { orientation: vertical; - border-radius: inherit; - spacing: 20px; padding: 0px; + spacing: 0px; + border-radius: 10px; + padding: 0px; + margin: 0px; } element selected.normal { - border: 0px 3px 0px 3px; - border-color: inherit; - border-radius: 2%; + background-color: transparent; } element-icon { - vertical-align: 0.5; + text-color: inherit; + size: 10%; + margin: -30px; + cursor: inherit; } element-text { diff --git a/config/rofi/themes/KooL_LonerOrZ.rasi b/config/rofi/themes/KooL_LonerOrZ.rasi index bfa17b6b..b9c7b25a 100644 --- a/config/rofi/themes/KooL_LonerOrZ.rasi +++ b/config/rofi/themes/KooL_LonerOrZ.rasi @@ -147,6 +147,7 @@ element-text { margin: 2px 0px 2px 2px; } + element normal.urgent, element alternate.urgent { background-color: @UGT; @@ -160,6 +161,7 @@ element alternate.active { text-color: @FG; } +element-text selected, element selected { background-color: @BGA; text-color: @SEL; diff --git a/config/rofi/themes/KooL_style-1.rasi b/config/rofi/themes/KooL_style-1.rasi index 9391e491..444807d8 100644 --- a/config/rofi/themes/KooL_style-1.rasi +++ b/config/rofi/themes/KooL_style-1.rasi @@ -167,6 +167,7 @@ element { cursor: pointer; } +element-text selected, element normal.normal { background-color: inherit; text-color: inherit; diff --git a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi index 0d027c0a..1a791c0f 100644 --- a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi +++ b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi @@ -92,6 +92,8 @@ element normal.active { color: @active; background-color: @light-grey; } + +element-text selected, element selected.normal { border-radius: 0px; color: @black; diff --git a/config/rofi/themes/KooL_style-10-Fancy.rasi b/config/rofi/themes/KooL_style-10-Fancy.rasi index c5d1fa84..d4a56220 100644 --- a/config/rofi/themes/KooL_style-10-Fancy.rasi +++ b/config/rofi/themes/KooL_style-10-Fancy.rasi @@ -213,6 +213,12 @@ element.alternate.active { background-color: @alternate-active-background; text-color: @alternate-active-foreground; } + +element-text selected { + background-color: @selected-active-background; + text-color: @selected-active-foreground; +} + /* ---- Scrollbar ---- */ scrollbar { border: 0px; diff --git a/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi b/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi index 1dcadb81..a00bf33f 100644 --- a/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi +++ b/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi @@ -111,6 +111,7 @@ element selected active { text-color: @accent; } +element-text selected, element selected { background-color: @bg3; } diff --git a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi index b722d44f..692f60c9 100644 --- a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi +++ b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi @@ -111,6 +111,7 @@ element selected active { text-color: @accent; } +element-text selected, element selected { background-color: @bg3; } @@ -146,6 +147,5 @@ 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 index 0a5e0575..8a79db16 100644 --- a/config/rofi/themes/KooL_style-12-TOP-Docu.rasi +++ b/config/rofi/themes/KooL_style-12-TOP-Docu.rasi @@ -112,8 +112,9 @@ element { padding: 2px; } +element-text selected, element selected { - background-color: white/20%; + background-color: white/30%; text-color: black; } diff --git a/config/rofi/themes/KooL_style-13-Vertical.rasi b/config/rofi/themes/KooL_style-13-Vertical.rasi index 09dc4772..0a7d06f2 100644 --- a/config/rofi/themes/KooL_style-13-Vertical.rasi +++ b/config/rofi/themes/KooL_style-13-Vertical.rasi @@ -208,6 +208,7 @@ element normal.active { text-color: @foreground; } +element-text selected, element selected.normal { background-color: @active; text-color: @foreground; diff --git a/config/rofi/themes/KooL_style-2-Dark.rasi b/config/rofi/themes/KooL_style-2-Dark.rasi index 81e233e4..970e99be 100644 --- a/config/rofi/themes/KooL_style-2-Dark.rasi +++ b/config/rofi/themes/KooL_style-2-Dark.rasi @@ -131,6 +131,8 @@ element normal.active { background-color: #67FF80; text-color: black; } + +element-text selected, element selected.normal { background-color: #c19419; text-color: black; diff --git a/config/rofi/themes/KooL_style-2-Light.rasi b/config/rofi/themes/KooL_style-2-Light.rasi index 2e0b4e6e..e561cb6a 100644 --- a/config/rofi/themes/KooL_style-2-Light.rasi +++ b/config/rofi/themes/KooL_style-2-Light.rasi @@ -131,6 +131,8 @@ element normal.active { background-color: #67FF80; text-color: black; } + +element-text selected, element selected.normal { background-color: #FDD66F; text-color: black; diff --git a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi index a26ac7ca..12d6fe05 100644 --- a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi +++ b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi @@ -177,7 +177,13 @@ element normal.normal { text-color: @foreground; } element selected.normal { - background-color: white / 10%; + background-color: inherit; + text-color: @foreground; +} + +element-text selected, +element selected.selected { + background-color: white/50%; text-color: @foreground; } element-icon { diff --git a/config/rofi/themes/KooL_style-4.rasi b/config/rofi/themes/KooL_style-4.rasi index b440189b..ad6a46e8 100644 --- a/config/rofi/themes/KooL_style-4.rasi +++ b/config/rofi/themes/KooL_style-4.rasi @@ -221,6 +221,7 @@ element normal.active { background-color: transparent; text-color: @active-foreground; } +element-text selected, element selected.normal { background-color: @selected-normal-background; text-color: @selected-normal-foreground; diff --git a/config/rofi/themes/KooL_style-5.rasi b/config/rofi/themes/KooL_style-5.rasi index d2a6c125..8cfa1873 100644 --- a/config/rofi/themes/KooL_style-5.rasi +++ b/config/rofi/themes/KooL_style-5.rasi @@ -206,6 +206,7 @@ element normal.active { text-color: inherit; } +element-text selected, element selected.normal { background-color: @active; text-color: inherit; diff --git a/config/rofi/themes/KooL_style-6.rasi b/config/rofi/themes/KooL_style-6.rasi index 175f6ee9..179ea884 100644 --- a/config/rofi/themes/KooL_style-6.rasi +++ b/config/rofi/themes/KooL_style-6.rasi @@ -123,12 +123,12 @@ listview { /* ---- Scrollbar ---- */ scrollbar { - border: 0px; - border-radius: 10px; - background-color: transparent; - handle-color: @active; - handle-width: 2px ; - padding: 0; + border: 0px; + border-radius: 10px; + background-color: transparent; + handle-color: @active; + handle-width: 2px ; + padding: 0; } /* ---- Dummy ---- */ dummy { @@ -174,6 +174,8 @@ element normal.urgent { background-color: @urgent; text-color: @foreground; } + +element-text selected, element normal.active { background-color: @active; text-color: @foreground; diff --git a/config/rofi/themes/KooL_style-7.rasi b/config/rofi/themes/KooL_style-7.rasi index c6e2d102..54123de2 100644 --- a/config/rofi/themes/KooL_style-7.rasi +++ b/config/rofi/themes/KooL_style-7.rasi @@ -154,14 +154,15 @@ element normal.normal { background-color: transparent; text-color: @foreground; } + +element-text selected, element selected.normal { - border-radius: 10%; + border-radius: 30px; background-color: @color11; text-color: @foreground; } element-icon { padding: 0px; - border-radius: 100%; background-color: transparent; text-color: inherit; size: 5%; diff --git a/config/rofi/themes/KooL_style-8.rasi b/config/rofi/themes/KooL_style-8.rasi index 7a264ad7..e983f470 100644 --- a/config/rofi/themes/KooL_style-8.rasi +++ b/config/rofi/themes/KooL_style-8.rasi @@ -159,6 +159,7 @@ element { text-color: @foreground; } +element-text selected, element selected.normal { background-color: @color11; text-color: @foreground; diff --git a/config/rofi/themes/KooL_style-9.rasi b/config/rofi/themes/KooL_style-9.rasi index 42f4138f..0a5b578c 100644 --- a/config/rofi/themes/KooL_style-9.rasi +++ b/config/rofi/themes/KooL_style-9.rasi @@ -177,6 +177,7 @@ element alternate.active { text-color: @FG; } +element-text selected, element selected { background-color: @BGA; text-color: @SEL; -- cgit v1.2.3 From 080904cfa60eae95884d9d5a233078929afb03eb Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Thu, 20 Feb 2025 19:58:41 +0900 Subject: rofi tweaks. added some vertical styles for waybar --- config/rofi/config-wallpaper.rasi | 2 +- config/rofi/config-waybar-style.rasi | 3 +- config/rofi/config-zsh-theme.rasi | 6 +- config/rofi/themes/KooL_style-10-Fancy-v2.rasi | 22 +- .../themes/KooL_style-11-Win11-list-light.rasi | 21 +- config/rofi/themes/KooL_style-12-TOP-Docu.rasi | 1 + config/rofi/themes/KooL_style-2-Light.rasi | 11 +- config/rofi/themes/KooL_style-3-FullScreen-v1.rasi | 2 + config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi | 3 + config/rofi/themes/KooL_style-4.rasi | 1 + config/waybar/style/[0 VERTICAL] Golden Noir.css | 207 +++++++++++ .../waybar/style/[0 VERTICAL] Oglo Chicklets.css | 395 +++++++++++++++++++++ .../style/[0 VERTICAL] [Catpuccin] Mocha.css | 222 ++++++++++++ .../waybar/style/[VERTICAL] [Catpuccin] Mocha.css | 222 ------------ 14 files changed, 868 insertions(+), 250 deletions(-) create mode 100644 config/waybar/style/[0 VERTICAL] Golden Noir.css create mode 100644 config/waybar/style/[0 VERTICAL] Oglo Chicklets.css create mode 100644 config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css delete mode 100644 config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css (limited to 'config/rofi/themes') diff --git a/config/rofi/config-wallpaper.rasi b/config/rofi/config-wallpaper.rasi index 00df3f79..99f68098 100644 --- a/config/rofi/config-wallpaper.rasi +++ b/config/rofi/config-wallpaper.rasi @@ -50,7 +50,7 @@ element { } element selected.normal { - background-color: transparent; + background-color: transparent; } element-icon { diff --git a/config/rofi/config-waybar-style.rasi b/config/rofi/config-waybar-style.rasi index 602e668e..fd91e94f 100644 --- a/config/rofi/config-waybar-style.rasi +++ b/config/rofi/config-waybar-style.rasi @@ -5,8 +5,7 @@ /* ---- Mainbox ---- */ mainbox { - children: - [ "inputbar", "message", "listview"]; + children: [ "inputbar", "message", "listview"]; } /* ---- Configuration ---- */ diff --git a/config/rofi/config-zsh-theme.rasi b/config/rofi/config-zsh-theme.rasi index d268963c..77de89ea 100644 --- a/config/rofi/config-zsh-theme.rasi +++ b/config/rofi/config-zsh-theme.rasi @@ -59,9 +59,9 @@ textbox { /* ---- Element ---- */ element-icon { - size: 0%; + size: 0%; } element-text { - horizontal-align: 0.0; - margin: 5px 30px 5px 30px; + horizontal-align: 0.0; + margin: 5px 30px 5px 30px; } diff --git a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi index 1a791c0f..654428b4 100644 --- a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi +++ b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi @@ -63,16 +63,16 @@ listview { } /* ---- Scrollbar ---- */ scrollbar { - border: 0px; - border-radius: 10px; - background-color: @blue; - handle-color: @orange; - handle-width: 2px ; - padding: 0; + border : 0px; + border-radius : 10px; + background-color: @blue; + handle-color : @orange; + handle-width : 2px ; + padding : 0; } element { border: 0px; - padding: 0px; + padding: 5px; margin: 0px; spacing: 0.5em; color: @black; @@ -95,7 +95,7 @@ element normal.active { element-text selected, element selected.normal { - border-radius: 0px; + border-radius: 10px; color: @black; background-color: @dark-orange; } @@ -119,6 +119,7 @@ element alternate.active { color: @active; background-color: @medium-grey; } + inputbar { spacing : 5px; background-color : #88003300; @@ -158,6 +159,11 @@ message { border : 5px; } +textbox { + vertical-align: 0.5; + horizontal-align: 0.5; +} + prompt-colon { spacing : 0; enabled : false; diff --git a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi index 692f60c9..07caab06 100644 --- a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi +++ b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi @@ -23,9 +23,9 @@ configuration { fg1 : #5f5f5f; accent : #005fb8; urgent : @accent; - - background-color : transparent; - text-color : @fg0; + + background-color: transparent; + text-color : @fg0; margin : 0; padding : 0; @@ -68,6 +68,7 @@ inputbar { icon-search, entry, element-icon, element-text { vertical-align: 0.5; + background-color : transparent; } icon-search { @@ -80,6 +81,7 @@ entry { placeholder : "Search ๐Ÿ‘€ NOTE: CTRL TAB to change MODE"; text-color : @fg1; horizontal-align : 0.5; + background-color : transparent; } listview { @@ -112,8 +114,9 @@ element selected active { } element-text selected, -element selected { - background-color: @bg3; +element selected normal { + background-color: @bg0; + text-color: @accent; } element selected urgent { @@ -144,8 +147,8 @@ error-message { } textbox { - padding : 10px; - background-color : @bg0; - text-color : @fg0; - horizontal-align : 0.5; + padding : 10px; + 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 index 8a79db16..b0b827ec 100644 --- a/config/rofi/themes/KooL_style-12-TOP-Docu.rasi +++ b/config/rofi/themes/KooL_style-12-TOP-Docu.rasi @@ -129,6 +129,7 @@ element-text { cursor: inherit; } + /* ---- Scrollbar ---- */ scrollbar { border-radius: 10px; diff --git a/config/rofi/themes/KooL_style-2-Light.rasi b/config/rofi/themes/KooL_style-2-Light.rasi index e561cb6a..9b9280ce 100644 --- a/config/rofi/themes/KooL_style-2-Light.rasi +++ b/config/rofi/themes/KooL_style-2-Light.rasi @@ -98,7 +98,7 @@ listview { spacing: 40px; margin: 0px; - padding: 20px 0px 0px 0px; + padding: 0px; border: 0px solid; background-color: transparent; cursor: "default"; @@ -128,17 +128,18 @@ element { cursor: pointer; } element normal.active { - background-color: #67FF80; + background-color: #67FF80; text-color: black; } element-text selected, element selected.normal { - background-color: #FDD66F; + background-color: #FDD66F; text-color: black; } + element selected.active { - background-color: #FF7F7C; + background-color: #FF7F7C; text-color: black; } element-icon { @@ -186,7 +187,7 @@ error-message { } textbox { padding: 10px; - background-color: #719DF9; + background-color: #719DF9; text-color: inherit; vertical-align: 0.5; horizontal-align: 0.5; diff --git a/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi b/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi index fc9c3dfb..fa419d56 100644 --- a/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi +++ b/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi @@ -182,10 +182,12 @@ 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; diff --git a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi index 12d6fe05..d0501a27 100644 --- a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi +++ b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi @@ -172,10 +172,12 @@ element { orientation: vertical; cursor: pointer; } + element normal.normal { background-color: transparent; text-color: @foreground; } + element selected.normal { background-color: inherit; text-color: @foreground; @@ -186,6 +188,7 @@ element selected.selected { background-color: white/50%; text-color: @foreground; } + element-icon { background-color: transparent; text-color: inherit; diff --git a/config/rofi/themes/KooL_style-4.rasi b/config/rofi/themes/KooL_style-4.rasi index ad6a46e8..07cbd5fe 100644 --- a/config/rofi/themes/KooL_style-4.rasi +++ b/config/rofi/themes/KooL_style-4.rasi @@ -221,6 +221,7 @@ element normal.active { background-color: transparent; text-color: @active-foreground; } + element-text selected, element selected.normal { background-color: @selected-normal-background; diff --git a/config/waybar/style/[0 VERTICAL] Golden Noir.css b/config/waybar/style/[0 VERTICAL] Golden Noir.css new file mode 100644 index 00000000..55653c73 --- /dev/null +++ b/config/waybar/style/[0 VERTICAL] Golden Noir.css @@ -0,0 +1,207 @@ +/* ----------- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ -------- */ +/* ...............Golden Noir................ */ +/* --- ๐Ÿ‘ designed by https://github.com/Krautt ๐Ÿ‘ --- */ + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +window#waybar { + background: #040406; + border-radius: 30px; + color: #cba6f7; + +} + +window#waybar.hidden { + opacity: 0.5; +} + +tooltip { + background: #1e1e2e; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: #11111b; + color: #ffd700; +} + +/*-----module groups----*/ +.modules-left, +.modules-right { + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; + +} + +.modules-center { + border-top: 1px solid #ffd700; + border-bottom: 1px solid #ffd700; + border-radius: 20px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; +} + +#taskbar button, +#workspaces button { + color: #6E6A86; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + padding-left: 4px; + padding-right: 4px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); +} + +#taskbar button.active, +#workspaces button.active { + color: #ffd700; + border-radius: 50%; + background-color: black; + border-radius: 15px 15px 15px 15px; + padding-left: 5px; + padding-right: 5px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#workspaces button.focused { + color: #d8dee9; +} + +#workspaces button.urgent { + color: #11111b; + border-radius: 10px; +} + +#taskbar button:hover, +#workspaces button:hover { + color: #ffd700; + border-radius: 15px; + padding-left: 2px; + padding-right: 2px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-browser, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-dot_update, +#custom-file_manager, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-hint, +#custom-hypridle, +#custom-menu, +#custom-playerctl, +#custom-power_vertical, +#custom-power, +#custom-settings, +#custom-spotify, +#custom-swaync, +#custom-tty, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + color: #e5d9f5; + padding-top: 5px; + padding-bottom: 5px; + padding-right: 5px; + padding-left: 5px; +} + +#temperature.critical { + background-color: #ff0000; +} + +@keyframes blink { + to { + color: #000000; + } +} + +/*-----Indicators----*/ +#custom-hypridle.notactive, +#idle_inhibitor.activated { + color: #39FF14; +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-height: 7px; + min-width: 15px; + opacity: 0; + background-image: none; + border: none; + box-shadow: none; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-height: 100px; + min-width: 7px; + border-radius: 5px; + background-color: #22252a; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-width: 5px; + border-radius: 5px; + background-color: #ba5663; +} \ No newline at end of file diff --git a/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css b/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css new file mode 100644 index 00000000..81a76541 --- /dev/null +++ b/config/waybar/style/[0 VERTICAL] Oglo Chicklets.css @@ -0,0 +1,395 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Oglo Chicklets */ + +* { + font-family: "JetBrainsMono Nerd Font", FontAwesome, Roboto, Helvetica, Arial, sans-serif; + font-size: 97%; + font-weight: bold; +} + +window#waybar { + background-color: #232a2e; + border-bottom: 8px solid #1d2327; + color: #d3c6aa; + transition-property: background-color; + transition-duration: .5s; +} + +window#waybar.hidden { + opacity: 0.2; +} + +/* +window#waybar.empty { + background-color: transparent; +} +window#waybar.solo { + background-color: #FFFFFF; +} +*/ + +button { + all: unset; + background-color: #778f52; + color: #2d353b; + border: none; + border-bottom: 8px solid #5d743e; + border-radius: 5px; + padding-left: 5px; + padding-right: 5px; + transition: transform 0.1s ease-in-out; +} + +button:hover { + background: inherit; + background-color: #92ab6c; + border-bottom: 8px solid #788f57; +} + +button.active { + background: inherit; + background-color: #a5be7e; + border-bottom: 8px solid #8aa168; +} + +#mode { + background-color: #64727D; + border-bottom: 3px solid #ffffff; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-browser, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-dot_update, +#custom-file_manager, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-hint, +#custom-hypridle, +#custom-menu, +#custom-playerctl, +#custom-power_vertical, +#custom-power, +#custom-settings, +#custom-spotify, +#custom-swaync, +#custom-tty, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay{ + color: #ffffff; + padding-top: 2px; + padding-bottom: 2px; + border-radius: 5px; + padding-left: 5px; + padding-right: 5px; +} + +#window, +#workspaces { + margin: 5px; +} + +/* If workspaces is the leftmost module, omit left margin */ +.modules-left > widget:first-child > #workspaces { + margin-left: 0; +} + +/* If workspaces is the rightmost module, omit right margin */ +.modules-right > widget:last-child > #workspaces { + margin-right: 0; +} + +#window { + background-color: #343f44; + color: #d3c6aa; + border-bottom: 8px solid #2b3539; +} + +#custom-swaync { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#custom-menu { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#custom-power { + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; + padding-left: 5px; +} + +#custom-power_vertical{ + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; +} + +#clock { + background-color: #96a84c; + color: #2d353b; + border-bottom: 8px solid #7a8c37; +} + +#battery { + background-color: #3a998f; + color: #2d353b; + border-bottom: 8px solid #227d74; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #000000; + } +} + +#battery.critical:not(.charging) { + background-color: #ee606a; + color: #2d353b; + border-bottom: 8px solid #ca4853; + animation-name: blink; + animation-duration: 3.0s; + animation-timing-function: steps(12); + animation-iteration-count: infinite; + animation-direction: alternate; +} + +label:focus { + background-color: #000000; +} + +#cpu { + background-color: #778f52; + color: #2d353b; + border-bottom: 8px solid #5d743e; +} + +#memory { + background-color: #d980ad; + color: #2d353b; + border-bottom: 8px solid #b86790; +} + +#disk { + background-color: #964B00; + border-bottom: 8px solid #793300; +} + +#custom-lock, +#custom-light_dark, +#backlight { + background-color: #64b6ac; + color: #2d353b; + border-bottom: 8px solid #4f9990; + padding-left: 5px; +} + +#network { + background-color: #2980b9; +} + +#network.disconnected { + background-color: #f53c3c; +} + +#pulseaudio { + background-color: #d8ac47; + color: #2d353b; + border-bottom: 8px solid #b78f30; +} + +#pulseaudio.muted { + background-color: #90b1b1; + color: #2a5c45; +} + +#wireplumber { + background-color: #fff0f5; + color: #000000; +} + +#wireplumber.muted { + background-color: #f53c3c; +} + +#custom-media { + background-color: #66cc99; + color: #2a5c45; + min-width: 100px; +} + +#custom-media.custom-spotify { + background-color: #66cc99; +} + +#custom-media.custom-vlc { + background-color: #ffa000; +} + +#temperature { + background-color: #f0932b; + border-bottom: 8px solid #b78f30; +} + +#temperature.critical { + background-color: #eb4d4b; +} + +#tray { + background-color: #e67f51; + color: #2d353b;; + border-bottom: 8px solid #c3653b; +} + +#tray > .passive { + -gtk-icon-effect: dim; +} + +#tray > .needs-attention { + -gtk-icon-effect: highlight; + background-color: #eb4d4b; +} + +#idle_inhibitor { + background-color: #2d3436; +} + +#idle_inhibitor.activated { + background-color: #ecf0f1; + color: #2d3436; +} + +#mpd { + background-color: #66cc99; + color: #2a5c45; +} + +#mpd.disconnected { + background-color: #f53c3c; +} + +#mpd.stopped { + background-color: #90b1b1; +} + +#mpd.paused { + background-color: #51a37a; +} + +#language { + background: #00b093; + color: #740864; + min-width: 16px; +} + +#keyboard-state { + background: #97e1ad; + color: #000000; + min-width: 16px; + border-bottom: 8px solid #78b48a; +} + +#keyboard-state > label { + padding: 0 5px; +} + +#keyboard-state > label.locked { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad { + background: rgba(0, 0, 0, 0.2); +} + +#scratchpad.empty { + background-color: transparent; +} + +tooltip { + background-color: #232a2e; + border: none; + border-bottom: 8px solid #1d2327; +} + +tooltip decoration { + box-shadow: none; +} + +tooltip decoration:backdrop { + box-shadow: none; +} + +tooltip label { + color: #d3c6aa; + padding-left: 5px; + padding-right: 5px; + padding-top: 0px; + padding-bottom: 5px; +} + + +#backlight-slider slider, +#pulseaudio-slider slider { + min-height: 7px; + min-width: 15px; + opacity: 0; + background-color: #ffa000; + border-radius: 3px; + box-shadow: 1px 5px 6px 1px #272727; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-height: 100px; + min-width: 7px; + border-radius: 5px; + background-color: #d8ac47; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-width: 5px; + border-radius: 5px; + background-color: #64b6ac; +} \ No newline at end of file diff --git a/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css b/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css new file mode 100644 index 00000000..964a7774 --- /dev/null +++ b/config/waybar/style/[0 VERTICAL] [Catpuccin] Mocha.css @@ -0,0 +1,222 @@ +/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ +/* Vertical Catpuccin Mocha */ +/* As stated on title, best style for vertical layout waybar config */ + +* { + font-family: "JetBrainsMono Nerd Font"; + font-weight: bold; + min-height: 0; + /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ + font-size: 97%; + font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; +} + +@import "../waybar/style/catppuccin-themes/mocha.css"; + +window#waybar { + background-color: @base; + border-radius: 5px; +} + +tooltip { + background: @base; + opacity: 1; + border-radius: 10px; + border-width: 2px; + border-style: solid; + border-color: @sapphire; +} + +tooltip label { + color: @blue; +} + +#taskbar button, +#workspaces button { + color: @surface2; + background-color: transparent; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 4px; +} + +#taskbar button.active, +#workspaces button.active { + color: @maroon; +} + +#taskbar button.focused, +#workspaces button.focused { + color: @rosewater; + background: transparent; + border-radius: 15px; +} + +#workspaces button.urgent { + color: #11111b; + background: transparent; + border-radius: 15px; +} + +#taskbar button:hover, +#workspaces button:hover { + background: transparent; + color: @flamingo; + border-radius: 15px; +} + +#backlight, +#backlight-slider, +#battery, +#bluetooth, +#clock, +#cpu, +#disk, +#idle_inhibitor, +#keyboard-state, +#memory, +#mode, +#mpris, +#network, +#power-profiles-daemon, +#pulseaudio, +#pulseaudio-slider, +#taskbar button, +#taskbar, +#temperature, +#tray, +#window, +#wireplumber, +#workspaces, +#custom-backlight, +#custom-browser, +#custom-cava_mviz, +#custom-cycle_wall, +#custom-dot_update, +#custom-file_manager, +#custom-keybinds, +#custom-keyboard, +#custom-light_dark, +#custom-lock, +#custom-hint, +#custom-hypridle, +#custom-menu, +#custom-playerctl, +#custom-power_vertical, +#custom-power, +#custom-settings, +#custom-spotify, +#custom-swaync, +#custom-tty, +#custom-updater, +#custom-weather, +#custom-weather.clearNight, +#custom-weather.cloudyFoggyDay, +#custom-weather.cloudyFoggyNight, +#custom-weather.default, +#custom-weather.rainyDay, +#custom-weather.rainyNight, +#custom-weather.severe, +#custom-weather.showyIcyDay, +#custom-weather.snowyIcyNight, +#custom-weather.sunnyDay { + opacity: 1; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 6px; + padding-left: 6px; +} + +#idle_inhibitor { + color: @pink; +} + +#mpris { + color: @rosewater; +} + +#battery { + color: #a6e3a1; + padding-left: 15px; + border-radius: 15px 0 0 15px; +} + +@keyframes blink { + to { + background-color: #ffffff; + color: #333333; + } +} + +#battery.critical:not(.charging) { + color: #f53c3c; + animation-name: blink; + animation-duration: 0.5s; + animation-timing-function: linear; + animation-iteration-count: infinite; + animation-direction: alternate; +} + +#custom-lock, +#custom-power { + color: @red; + border-radius: 15px; + font-weight: bolder; + padding-left: 1px; +} + +#network { + background-color: transparent; + color: @mauve; +} + +#backlight { + color: @flamingo; +} + + +#custom-weather { + color: @green; + border-radius: 15px; + background-color: transparent; +} + +#custom-menu { + color: #89b4fa; +} + +#pulseaudio { + background-color: transparent; + color: @blue; +} + +#clock, +#clock-calender { + color: @sapphire; +} + +#backlight-slider slider, +#pulseaudio-slider slider { + min-height: 7px; + min-width: 15px; + opacity: 0; + background-color: @text; + border-radius: 3px; + box-shadow: 1px 5px 6px 1px #272727; +} + +#backlight-slider trough, +#pulseaudio-slider trough { + min-height: 100px; + min-width: 7px; + border-radius: 5px; + background-color: @surface0; +} + +#backlight-slider highlight, +#pulseaudio-slider highlight { + min-width: 5px; + border-radius: 5px; + background-color: @blue; +} diff --git a/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css b/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css deleted file mode 100644 index 964a7774..00000000 --- a/config/waybar/style/[VERTICAL] [Catpuccin] Mocha.css +++ /dev/null @@ -1,222 +0,0 @@ -/* ---- ๐Ÿ’ซ https://github.com/JaKooLit ๐Ÿ’ซ ---- */ -/* Vertical Catpuccin Mocha */ -/* As stated on title, best style for vertical layout waybar config */ - -* { - font-family: "JetBrainsMono Nerd Font"; - font-weight: bold; - min-height: 0; - /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ - font-size: 97%; - font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; -} - -@import "../waybar/style/catppuccin-themes/mocha.css"; - -window#waybar { - background-color: @base; - border-radius: 5px; -} - -tooltip { - background: @base; - opacity: 1; - border-radius: 10px; - border-width: 2px; - border-style: solid; - border-color: @sapphire; -} - -tooltip label { - color: @blue; -} - -#taskbar button, -#workspaces button { - color: @surface2; - background-color: transparent; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 4px; -} - -#taskbar button.active, -#workspaces button.active { - color: @maroon; -} - -#taskbar button.focused, -#workspaces button.focused { - color: @rosewater; - background: transparent; - border-radius: 15px; -} - -#workspaces button.urgent { - color: #11111b; - background: transparent; - border-radius: 15px; -} - -#taskbar button:hover, -#workspaces button:hover { - background: transparent; - color: @flamingo; - border-radius: 15px; -} - -#backlight, -#backlight-slider, -#battery, -#bluetooth, -#clock, -#cpu, -#disk, -#idle_inhibitor, -#keyboard-state, -#memory, -#mode, -#mpris, -#network, -#power-profiles-daemon, -#pulseaudio, -#pulseaudio-slider, -#taskbar button, -#taskbar, -#temperature, -#tray, -#window, -#wireplumber, -#workspaces, -#custom-backlight, -#custom-browser, -#custom-cava_mviz, -#custom-cycle_wall, -#custom-dot_update, -#custom-file_manager, -#custom-keybinds, -#custom-keyboard, -#custom-light_dark, -#custom-lock, -#custom-hint, -#custom-hypridle, -#custom-menu, -#custom-playerctl, -#custom-power_vertical, -#custom-power, -#custom-settings, -#custom-spotify, -#custom-swaync, -#custom-tty, -#custom-updater, -#custom-weather, -#custom-weather.clearNight, -#custom-weather.cloudyFoggyDay, -#custom-weather.cloudyFoggyNight, -#custom-weather.default, -#custom-weather.rainyDay, -#custom-weather.rainyNight, -#custom-weather.severe, -#custom-weather.showyIcyDay, -#custom-weather.snowyIcyNight, -#custom-weather.sunnyDay { - opacity: 1; - padding-top: 4px; - padding-bottom: 4px; - padding-right: 6px; - padding-left: 6px; -} - -#idle_inhibitor { - color: @pink; -} - -#mpris { - color: @rosewater; -} - -#battery { - color: #a6e3a1; - padding-left: 15px; - border-radius: 15px 0 0 15px; -} - -@keyframes blink { - to { - background-color: #ffffff; - color: #333333; - } -} - -#battery.critical:not(.charging) { - color: #f53c3c; - animation-name: blink; - animation-duration: 0.5s; - animation-timing-function: linear; - animation-iteration-count: infinite; - animation-direction: alternate; -} - -#custom-lock, -#custom-power { - color: @red; - border-radius: 15px; - font-weight: bolder; - padding-left: 1px; -} - -#network { - background-color: transparent; - color: @mauve; -} - -#backlight { - color: @flamingo; -} - - -#custom-weather { - color: @green; - border-radius: 15px; - background-color: transparent; -} - -#custom-menu { - color: #89b4fa; -} - -#pulseaudio { - background-color: transparent; - color: @blue; -} - -#clock, -#clock-calender { - color: @sapphire; -} - -#backlight-slider slider, -#pulseaudio-slider slider { - min-height: 7px; - min-width: 15px; - opacity: 0; - background-color: @text; - border-radius: 3px; - box-shadow: 1px 5px 6px 1px #272727; -} - -#backlight-slider trough, -#pulseaudio-slider trough { - min-height: 100px; - min-width: 7px; - border-radius: 5px; - background-color: @surface0; -} - -#backlight-slider highlight, -#pulseaudio-slider highlight { - min-width: 5px; - border-radius: 5px; - background-color: @blue; -} -- cgit v1.2.3 From 5dac0fe1ae5a7b26aa3f66858d7e41c0d1cb2d85 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Fri, 21 Feb 2025 00:54:22 +0900 Subject: the usual tweak.. never ending --- config/hypr/scripts/Wlogout.sh | 9 ++- config/rofi/config-rofi-theme.rasi | 4 +- config/rofi/config-wallpaper.rasi | 15 +++-- config/rofi/themes/KooL_LonerOrZ.rasi | 2 +- config/rofi/themes/KooL_style-10-Fancy.rasi | 2 +- .../rofi/themes/KooL_style-11-Win11-list-dark.rasi | 4 +- .../themes/KooL_style-11-Win11-list-light.rasi | 4 +- config/rofi/themes/KooL_style-12-TOP-Docu.rasi | 10 +-- config/rofi/themes/KooL_style-13-Vertical.rasi | 2 +- config/rofi/themes/KooL_style-2-Dark.rasi | 16 ++--- config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi | 5 +- config/rofi/themes/KooL_style-5.rasi | 2 +- config/rofi/themes/KooL_style-6.rasi | 2 +- config/rofi/themes/KooL_style-7.rasi | 2 +- config/rofi/themes/KooL_style-8.rasi | 5 +- config/rofi/themes/KooL_style-9.rasi | 71 ++++++++++------------ 16 files changed, 79 insertions(+), 76 deletions(-) (limited to 'config/rofi/themes') diff --git a/config/hypr/scripts/Wlogout.sh b/config/hypr/scripts/Wlogout.sh index 7659008e..1f720b18 100755 --- a/config/hypr/scripts/Wlogout.sh +++ b/config/hypr/scripts/Wlogout.sh @@ -19,13 +19,16 @@ fi # Detect the current monitor's native resolution and scale monitor_info=$(hyprctl -j monitors | jq -r '.[] | select(.focused==true)') -# extract some info + resolution=$(echo "$monitor_info" | jq -r '.height') width=$(echo "$monitor_info" | jq -r '.width') hypr_scale=$(echo "$monitor_info" | jq -r '.scale') -# If hypr_scale >= 1.25 or resolution can't be detected, run wlogout with -b 3 -if [[ -z "$resolution" || ! "$resolution" =~ ^[0-9]+$ || -z "$hypr_scale" || $(awk "BEGIN {exit !($hypr_scale >= 1.25)}") -eq 1 ]]; then +# Round hypr_scale to 2 decimal places for accurate comparison +rounded_scale=$(echo "scale=2; $hypr_scale/1" | bc) + +# If resolution or scale is invalid or hypr_scale >= 1.25, run wlogout with -b 3 +if [[ -z "$resolution" || ! "$resolution" =~ ^[0-9]+$ || -z "$hypr_scale" || $(echo "$rounded_scale >= 1.25" | bc) -eq 1 ]]; then echo "Hypr_scale is greater than or equal to 1.25 or resolution could not be detected, running wlogout with -b 3" wlogout --protocol layer-shell -b 3 -T 100 -B 100 & exit 0 diff --git a/config/rofi/config-rofi-theme.rasi b/config/rofi/config-rofi-theme.rasi index f968ce62..81b20ded 100644 --- a/config/rofi/config-rofi-theme.rasi +++ b/config/rofi/config-rofi-theme.rasi @@ -26,7 +26,7 @@ listview { columns: 2; lines: 7; fixed-height: false; - margin: 10px; + margin: 0px; scrollbar: true; } @@ -37,5 +37,5 @@ element-icon { element-text { horizontal-align: 0.0; vertical-align: 0.0; - margin: 5px 30px 5px 30px; + margin: 0px; } diff --git a/config/rofi/config-wallpaper.rasi b/config/rofi/config-wallpaper.rasi index 99f68098..aa96932f 100644 --- a/config/rofi/config-wallpaper.rasi +++ b/config/rofi/config-wallpaper.rasi @@ -31,7 +31,6 @@ listview { columns: 6; lines: 2; spacing: 20px; - padding: 10px; columns: 6; lines: 2; flow: horizontal; @@ -42,8 +41,6 @@ listview { /* ---- Element ---- */ element { orientation: vertical; - padding: 0px; - spacing: 0px; border-radius: 10px; padding: 0px; margin: 0px; @@ -51,18 +48,20 @@ element { element selected.normal { background-color: transparent; + } element-icon { - text-color: inherit; - size: 10%; - margin: -30px; - cursor: inherit; + text-color: inherit; + size: 1%; + margin: -30px; + cursor: inherit; + } element-text { vertical-align: 0.5; horizontal-align: 0.5; - padding: 10px; + padding: 20px; margin: 0px; } diff --git a/config/rofi/themes/KooL_LonerOrZ.rasi b/config/rofi/themes/KooL_LonerOrZ.rasi index b9c7b25a..0c8ce899 100644 --- a/config/rofi/themes/KooL_LonerOrZ.rasi +++ b/config/rofi/themes/KooL_LonerOrZ.rasi @@ -126,7 +126,7 @@ element { text-color: @FG; orientation: horizontal; border-radius: 4px; - padding: 6px 6px 6px 6px; + padding: 12px; } element-icon { diff --git a/config/rofi/themes/KooL_style-10-Fancy.rasi b/config/rofi/themes/KooL_style-10-Fancy.rasi index d4a56220..a4045a73 100644 --- a/config/rofi/themes/KooL_style-10-Fancy.rasi +++ b/config/rofi/themes/KooL_style-10-Fancy.rasi @@ -165,7 +165,7 @@ listview { element { border: 1; border-color: transparent; - padding: 4px ; + padding: 12px ; } element-text { background-color: inherit; diff --git a/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi b/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi index a00bf33f..a34ba1af 100644 --- a/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi +++ b/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi @@ -91,7 +91,7 @@ listview { element { spacing : 1em; - padding : 8px; + padding : 20px; border-radius : 2px; } @@ -114,6 +114,8 @@ element selected active { element-text selected, element selected { background-color: @bg3; + padding: 20px; + border-radius: 12px; } element selected urgent { diff --git a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi index 07caab06..8ad7504a 100644 --- a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi +++ b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi @@ -117,6 +117,8 @@ element-text selected, element selected normal { background-color: @bg0; text-color: @accent; + padding: 20px; + border-radius: 12px; } element selected urgent { @@ -149,6 +151,6 @@ error-message { textbox { padding : 10px; text-color : @fg0; - vertical-align : 0.5; + 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 index b0b827ec..77d0754e 100644 --- a/config/rofi/themes/KooL_style-12-TOP-Docu.rasi +++ b/config/rofi/themes/KooL_style-12-TOP-Docu.rasi @@ -32,7 +32,7 @@ entry { border: 2px 0px; border-color: darkgrey; background-color: grey; - padding: 4px; + padding: 12px; placeholder: "๐Ÿ”Ž Search"; placeholder-color: darkgrey; cursor: text; @@ -82,6 +82,7 @@ icon-keyboard { window { anchor: north; location: north; + y-offset: 10px; width: 100%; background-color: black / 50%; padding: 0.5em; @@ -109,13 +110,14 @@ element { border-color: darkgrey; background-color: grey; cursor: pointer; - padding: 2px; + padding: 20px; } element-text selected, element selected { - background-color: white/30%; - text-color: black; + background-color: inherit; + text-color: inherit; + padding: 20px; } diff --git a/config/rofi/themes/KooL_style-13-Vertical.rasi b/config/rofi/themes/KooL_style-13-Vertical.rasi index 0a7d06f2..d8464177 100644 --- a/config/rofi/themes/KooL_style-13-Vertical.rasi +++ b/config/rofi/themes/KooL_style-13-Vertical.rasi @@ -185,7 +185,7 @@ scrollbar { /* ---- Element ---- */ element { enabled: true; - padding: 8px; + padding: 15px; spacing: 10px; cursor: pointer; background-color: transparent; diff --git a/config/rofi/themes/KooL_style-2-Dark.rasi b/config/rofi/themes/KooL_style-2-Dark.rasi index 970e99be..45afe5b2 100644 --- a/config/rofi/themes/KooL_style-2-Dark.rasi +++ b/config/rofi/themes/KooL_style-2-Dark.rasi @@ -106,20 +106,20 @@ listview { /* ---- Scrollbar ---- */ scrollbar { - border: 1px; - border-radius: 10px; - background-color: inherit; - handle-color: #719DF9; - handle-width: 2px ; - padding: 0; + border: 1px; + border-radius: 10px; + background-color: inherit; + handle-color: #719DF9; + handle-width: 2px ; + padding: 0; } /*****----- Elements -----*****/ element { enabled: true; spacing: 10px; - margin: 0px; - padding: 20px 0px 20px 0px; + margin: 10px; + padding: 20px; border: 1px solid; border-radius: 8px; border-color: white/30%; diff --git a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi index d0501a27..5fb434c1 100644 --- a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi +++ b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi @@ -187,12 +187,14 @@ element-text selected, element selected.selected { background-color: white/50%; text-color: @foreground; + border-radius: 20px; + padding: 20px; } element-icon { background-color: transparent; text-color: inherit; - size: 72px; + size: 7%; cursor: inherit; } element-text { @@ -202,6 +204,7 @@ element-text { cursor: inherit; vertical-align: 0.5; horizontal-align: 0.5; + padding: 30px; } /*****----- Message -----*****/ diff --git a/config/rofi/themes/KooL_style-5.rasi b/config/rofi/themes/KooL_style-5.rasi index 8cfa1873..d2b8161f 100644 --- a/config/rofi/themes/KooL_style-5.rasi +++ b/config/rofi/themes/KooL_style-5.rasi @@ -183,7 +183,7 @@ scrollbar { /* ---- Element ---- */ element { enabled: true; - padding: 5px; + padding: 12px; margin: 2px; cursor: pointer; background-color: transparent; diff --git a/config/rofi/themes/KooL_style-6.rasi b/config/rofi/themes/KooL_style-6.rasi index 179ea884..4b8b3dd6 100644 --- a/config/rofi/themes/KooL_style-6.rasi +++ b/config/rofi/themes/KooL_style-6.rasi @@ -160,7 +160,7 @@ button selected { element { enabled: true; spacing: 10px; - padding: 4px; + padding: 15px; border-radius: 10px; background-color: transparent; cursor: pointer; diff --git a/config/rofi/themes/KooL_style-7.rasi b/config/rofi/themes/KooL_style-7.rasi index 54123de2..cc8731d1 100644 --- a/config/rofi/themes/KooL_style-7.rasi +++ b/config/rofi/themes/KooL_style-7.rasi @@ -141,7 +141,7 @@ element { enabled: true; spacing: 10px; margin: 0px; - padding: 0px; + padding: 20px; border: 0px solid; border-radius: 0px; border-color: @selected; diff --git a/config/rofi/themes/KooL_style-8.rasi b/config/rofi/themes/KooL_style-8.rasi index e983f470..516d4d22 100644 --- a/config/rofi/themes/KooL_style-8.rasi +++ b/config/rofi/themes/KooL_style-8.rasi @@ -123,7 +123,7 @@ mode-switcher { orientation: horizontal; width: 2em; enabled: true; - padding: 1em; + padding: 0.7em; spacing: 1em; background-color: transparent; } @@ -133,6 +133,7 @@ button { border-radius: 2em; background-color: @background; text-color: @foreground; + padding: 0.4em; } button selected { @@ -153,7 +154,7 @@ scrollbar { element { enabled: true; spacing: 0em; - padding: 0.5em; + padding: 0.8em; cursor: pointer; background-color: transparent; text-color: @foreground; diff --git a/config/rofi/themes/KooL_style-9.rasi b/config/rofi/themes/KooL_style-9.rasi index 0a5b578c..db7f8b50 100644 --- a/config/rofi/themes/KooL_style-9.rasi +++ b/config/rofi/themes/KooL_style-9.rasi @@ -48,19 +48,12 @@ window { border: 2px; border-color: @BDR; border-radius: 10px; - width: 30%; + width: 25%; anchor: center; x-offset: 0; y-offset: 0; } -mainbox { - background-color: @BG; - children: [ inputbar, message, listview ]; - spacing: 15px; - padding: 15px; -} - prompt { enabled: true; padding: 8px; @@ -77,14 +70,13 @@ textbox-prompt-colon { padding: 8px 12px 8px 12px; } -/* ---- Entry input ---- */ entry { background-color: @BG; text-color: @FG; placeholder-color: @FG; expand: true; horizontal-align: 0; - placeholder: " Search ๐Ÿ‘€ NOTE: CTRL TAB to change MODE"; + placeholder: "Search ๐Ÿ‘€ NOTE: CTRL TAB to change MODE"; blink: true; border: 0px 0px 2px 0px; border-color: @BDR; @@ -111,39 +103,40 @@ case-indicator { spacing: 0; } -/* ---- Listview ---- */ + listview { background-color: @BG; columns: 1; lines: 7; spacing: 4px; - cycle: true; + cycle: false; dynamic: true; layout: vertical; - scrollbar: true; - padding: 10px; - padding: 10px; } /* ---- Scrollbar ---- */ scrollbar { - border: 0px; - border: 0px; - border-radius: 10px; - border-color: @color12; - handle-color: @color11; - handle-width: 2px ; - handle-width: 2px ; - padding: 0; + border: 0px; + border-radius: 10px; + background-color: transparent; + handle-color: @BDR; + handle-width: 2px ; + padding: 0; +} + +mainbox { + background-color: @BG; + children: [ inputbar, message, listview ]; + spacing: 15px; + padding: 15px; } -/* ---- Elements ---- */ element { background-color: @BG; text-color: @FG; orientation: horizontal; border-radius: 4px; - padding: 6px 6px 6px 6px; + padding: 12px; } element-icon { @@ -164,6 +157,7 @@ element-text { margin: 2px 0px 2px 2px; } + element normal.urgent, element alternate.urgent { background-color: @UGT; @@ -196,22 +190,19 @@ element selected.active { color: @FG; } -/* ---- Message ---- */ +/*****----- 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; + background-color: transparent; + border: 0px; } error-message { - padding: 12px; - border-radius: 20px; - background-color: @background; - text-color: @foreground; + padding: 20px; +} +textbox { + padding: 10px; + border-radius: 10px; + background-color: @BDR; + text-color: @SEL; + vertical-align: 0.5; + horizontal-align: 0.5; } \ No newline at end of file -- cgit v1.2.3 From d9257e3377abba6fe81edd5876dc432b8218df48 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Sat, 22 Feb 2025 21:46:08 +0900 Subject: some final changes for next release --- config/hypr/UserScripts/RofiBeats.sh | 5 +++- config/hypr/scripts/RofiThemeSelector.sh | 4 ++-- config/hypr/scripts/WaybarLayout.sh | 2 +- config/hypr/scripts/WaybarStyles.sh | 2 +- config/rofi/themes/KooL_style-1.rasi | 2 +- config/rofi/themes/KooL_style-10-Fancy-v2.rasi | 5 ++++ config/rofi/themes/KooL_style-10-Fancy.rasi | 2 +- .../rofi/themes/KooL_style-11-Win11-list-dark.rasi | 2 +- .../themes/KooL_style-11-Win11-list-light.rasi | 2 +- config/rofi/themes/KooL_style-12-TOP-Docu.rasi | 2 +- config/rofi/themes/KooL_style-13-Vertical.rasi | 2 +- config/rofi/themes/KooL_style-2-Dark.rasi | 2 +- config/rofi/themes/KooL_style-2-Light.rasi | 2 +- config/rofi/themes/KooL_style-3-FullScreen-v1.rasi | 2 +- config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi | 2 +- config/rofi/themes/KooL_style-4.rasi | 2 +- config/rofi/themes/KooL_style-5.rasi | 2 +- config/rofi/themes/KooL_style-6.rasi | 2 +- config/rofi/themes/KooL_style-7.rasi | 2 +- config/rofi/themes/KooL_style-8.rasi | 2 +- config/rofi/themes/KooL_style-9.rasi | 2 +- copy.sh | 28 ++++++++++++++-------- 22 files changed, 47 insertions(+), 31 deletions(-) (limited to 'config/rofi/themes') diff --git a/config/hypr/UserScripts/RofiBeats.sh b/config/hypr/UserScripts/RofiBeats.sh index 1f2f3e48..74a8fe54 100755 --- a/config/hypr/UserScripts/RofiBeats.sh +++ b/config/hypr/UserScripts/RofiBeats.sh @@ -79,7 +79,9 @@ shuffle_local_music() { # Main function for playing online music play_online_music() { - choice=$(printf "%s\n" "${!online_music[@]}" | rofi -i -dmenu -config $rofi_theme) + choice=$(for online in "${!online_music[@]}"; do + echo "$online" + done | sort | rofi -i -dmenu -config "$rofi_theme") if [ -z "$choice" ]; then exit 1 @@ -93,6 +95,7 @@ play_online_music() { mpv --shuffle --vid=no "$link" } + # Check if an online music process is running and send a notification, otherwise run the main function pkill mpv && notify-send -u low -i "$iDIR/music.png" "Music stopped" || { diff --git a/config/hypr/scripts/RofiThemeSelector.sh b/config/hypr/scripts/RofiThemeSelector.sh index 2e840ea1..6fd8a6f8 100755 --- a/config/hypr/scripts/RofiThemeSelector.sh +++ b/config/hypr/scripts/RofiThemeSelector.sh @@ -15,8 +15,8 @@ rofi_theme="$HOME/.config/rofi/config-rofi-theme.rasi" menu() { options=() while IFS= read -r file; do - options+=("$(basename "$file")") - done < <(find -L "$rofi_theme_dir" -maxdepth 1 -type f -exec basename {} \; | sort) + options+=("$file") + done < <(find -L "$rofi_theme_dir" -maxdepth 1 -type f -exec basename {} \; | sort -V) printf '%s\n' "${options[@]}" } diff --git a/config/hypr/scripts/WaybarLayout.sh b/config/hypr/scripts/WaybarLayout.sh index 604ec3af..0bea6ffe 100755 --- a/config/hypr/scripts/WaybarLayout.sh +++ b/config/hypr/scripts/WaybarLayout.sh @@ -16,7 +16,7 @@ menu() { options=() while IFS= read -r file; do options+=("$(basename "$file")") - done < <(find -L "$waybar_layouts" -maxdepth 1 -type f -exec basename {} \; | sort) + done < <(find -L "$waybar_layouts" -maxdepth 1 -type f -exec basename {} \; | sort ) printf '%s\n' "${options[@]}" } diff --git a/config/hypr/scripts/WaybarStyles.sh b/config/hypr/scripts/WaybarStyles.sh index 5cba7d6a..246a66a2 100755 --- a/config/hypr/scripts/WaybarStyles.sh +++ b/config/hypr/scripts/WaybarStyles.sh @@ -18,7 +18,7 @@ menu() { if [ -f "$waybar_styles/$file" ]; then options+=("$(basename "$file" .css)") fi - done < <(find -L "$waybar_styles" -maxdepth 1 -type f -name '*.css' -exec basename {} \; | sort) + done < <(find -L "$waybar_styles" -maxdepth 1 -type f -name '*.css' -exec basename {} \; | sort ) printf '%s\n' "${options[@]}" } diff --git a/config/rofi/themes/KooL_style-1.rasi b/config/rofi/themes/KooL_style-1.rasi index 444807d8..1bae71f3 100644 --- a/config/rofi/themes/KooL_style-1.rasi +++ b/config/rofi/themes/KooL_style-1.rasi @@ -35,7 +35,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /* ---- Window ---- */ window { diff --git a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi index 654428b4..fe5afcdb 100644 --- a/config/rofi/themes/KooL_style-10-Fancy-v2.rasi +++ b/config/rofi/themes/KooL_style-10-Fancy-v2.rasi @@ -24,6 +24,11 @@ line-style: "none"; } +/*****-- Elements Font Size -----*****/ +element-text { + font: "JetBrainsMono Nerd Font SemiBold 13"; +} + prompt-box { background-color : transparent; } diff --git a/config/rofi/themes/KooL_style-10-Fancy.rasi b/config/rofi/themes/KooL_style-10-Fancy.rasi index a4045a73..52c9363f 100644 --- a/config/rofi/themes/KooL_style-10-Fancy.rasi +++ b/config/rofi/themes/KooL_style-10-Fancy.rasi @@ -44,7 +44,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } window { diff --git a/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi b/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi index a34ba1af..44532d76 100644 --- a/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi +++ b/config/rofi/themes/KooL_style-11-Win11-list-dark.rasi @@ -34,7 +34,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } element-icon, element-text, scrollbar { diff --git a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi index 8ad7504a..fdcd4f1a 100644 --- a/config/rofi/themes/KooL_style-11-Win11-list-light.rasi +++ b/config/rofi/themes/KooL_style-11-Win11-list-light.rasi @@ -34,7 +34,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } element-icon, element-text, scrollbar { diff --git a/config/rofi/themes/KooL_style-12-TOP-Docu.rasi b/config/rofi/themes/KooL_style-12-TOP-Docu.rasi index 77d0754e..824eb543 100644 --- a/config/rofi/themes/KooL_style-12-TOP-Docu.rasi +++ b/config/rofi/themes/KooL_style-12-TOP-Docu.rasi @@ -40,7 +40,7 @@ entry { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } inputbar { diff --git a/config/rofi/themes/KooL_style-13-Vertical.rasi b/config/rofi/themes/KooL_style-13-Vertical.rasi index d8464177..a7cb340a 100644 --- a/config/rofi/themes/KooL_style-13-Vertical.rasi +++ b/config/rofi/themes/KooL_style-13-Vertical.rasi @@ -35,7 +35,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /* ---- Window ---- */ diff --git a/config/rofi/themes/KooL_style-2-Dark.rasi b/config/rofi/themes/KooL_style-2-Dark.rasi index 45afe5b2..957bf8a9 100644 --- a/config/rofi/themes/KooL_style-2-Dark.rasi +++ b/config/rofi/themes/KooL_style-2-Dark.rasi @@ -25,7 +25,7 @@ configuration { } /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /*****----- Main Window -----*****/ diff --git a/config/rofi/themes/KooL_style-2-Light.rasi b/config/rofi/themes/KooL_style-2-Light.rasi index 9b9280ce..93f68908 100644 --- a/config/rofi/themes/KooL_style-2-Light.rasi +++ b/config/rofi/themes/KooL_style-2-Light.rasi @@ -25,7 +25,7 @@ configuration { } /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /*****----- Main Window -----*****/ diff --git a/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi b/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi index fa419d56..79b68c65 100644 --- a/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi +++ b/config/rofi/themes/KooL_style-3-FullScreen-v1.rasi @@ -36,7 +36,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /* ---- Global Properties ---- */ diff --git a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi index 5fb434c1..807a57c3 100644 --- a/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi +++ b/config/rofi/themes/KooL_style-3-Fullscreen-v2.rasi @@ -58,7 +58,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /*****----- Main Window -----*****/ diff --git a/config/rofi/themes/KooL_style-4.rasi b/config/rofi/themes/KooL_style-4.rasi index 07cbd5fe..8a7b8ed7 100644 --- a/config/rofi/themes/KooL_style-4.rasi +++ b/config/rofi/themes/KooL_style-4.rasi @@ -57,7 +57,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /*****----- Main Window -----*****/ diff --git a/config/rofi/themes/KooL_style-5.rasi b/config/rofi/themes/KooL_style-5.rasi index d2b8161f..44f6da65 100644 --- a/config/rofi/themes/KooL_style-5.rasi +++ b/config/rofi/themes/KooL_style-5.rasi @@ -36,7 +36,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /* ---- Window ---- */ diff --git a/config/rofi/themes/KooL_style-6.rasi b/config/rofi/themes/KooL_style-6.rasi index 4b8b3dd6..255554cf 100644 --- a/config/rofi/themes/KooL_style-6.rasi +++ b/config/rofi/themes/KooL_style-6.rasi @@ -36,7 +36,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /* ---- Window ---- */ diff --git a/config/rofi/themes/KooL_style-7.rasi b/config/rofi/themes/KooL_style-7.rasi index cc8731d1..89e9af48 100644 --- a/config/rofi/themes/KooL_style-7.rasi +++ b/config/rofi/themes/KooL_style-7.rasi @@ -31,7 +31,7 @@ configuration { } /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /*****----- Main Window -----*****/ diff --git a/config/rofi/themes/KooL_style-8.rasi b/config/rofi/themes/KooL_style-8.rasi index 516d4d22..ead645bb 100644 --- a/config/rofi/themes/KooL_style-8.rasi +++ b/config/rofi/themes/KooL_style-8.rasi @@ -30,7 +30,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /* ---- Window ---- */ diff --git a/config/rofi/themes/KooL_style-9.rasi b/config/rofi/themes/KooL_style-9.rasi index db7f8b50..95507ea8 100644 --- a/config/rofi/themes/KooL_style-9.rasi +++ b/config/rofi/themes/KooL_style-9.rasi @@ -37,7 +37,7 @@ configuration { /*****-- Elements Font Size -----*****/ element-text { - font: "JetBrainsMono Nerd Font SemiBold 12"; + font: "JetBrainsMono Nerd Font SemiBold 13"; } /* ---- Window ---- */ diff --git a/copy.sh b/copy.sh index 3e93e2da..9a186ca2 100755 --- a/copy.sh +++ b/copy.sh @@ -63,10 +63,10 @@ echo -e "\e[35m printf "\n%.0s" {1..1} ####### Announcement -echo "${WARNING} A T T E N T I O N !${RESET}" -echo "${SKY_BLUE}KooL Hyprland v2.3.11 have some Minor Keybinds changes!${RESET}" -echo "${YELLOW}SUPER H for Keyhints and/or SUPER SHIFT K to search for Keybinds ${RESET}" -echo "${MAGENTA} Once Logged in to Kool Hyprland! ${RESET}" +echo "${YELLOW}A T T E N T I O N !${RESET}" +echo "${SKY_BLUE}This version requires nwg-displays!${RESET}" +echo "${YELLOW}previous version: Some Keybinds changes${RESET}" +echo "${MAGENTA}Kindly visit KooL Hyprland Own Wiki for the changelog${RESET}" printf "\n%.0s" {1..1} # Create Directory for Copy Logs @@ -332,8 +332,8 @@ if [ "$resolution" == "< 1440p" ]; then # Change rofi font size find "$themes_dir" -type f | while read -r file; do - if grep -Pzoq 'element-text {\n font: "JetBrainsMono Nerd Font SemiBold 12";\n}' "$file"; then - sed -i 's/font: "JetBrainsMono Nerd Font SemiBold 12"/font: "JetBrainsMono Nerd Font SemiBold 10"/' "$file" + if grep -Pzoq 'element-text {\n font: "JetBrainsMono Nerd Font SemiBold 13";\n}' "$file"; then + sed -i 's/font: "JetBrainsMono Nerd Font SemiBold 13"/font: "JetBrainsMono Nerd Font SemiBold 11"/' "$file" fi done @@ -493,15 +493,23 @@ for DIR2 in $DIRS; do # restoring waybar config and style automatically if [ "$DIR2" = "waybar" ]; then - rm -f "$HOME/.config/waybar/config" "$HOME/.config/waybar/style.css" || true - cp -L "$DIRPATH-backup-$BACKUP_DIR/config" "$HOME/.config/waybar/config" || true - cp -L "$DIRPATH-backup-$BACKUP_DIR/style.css" "$HOME/.config/waybar/style.css" || true + rm -f "$HOME/.config/waybar/config" "$HOME/.config/waybar/style.css" + cp -L "$DIRPATH-backup-$BACKUP_DIR/config" "$HOME/.config/waybar/config" + cp -L "$DIRPATH-backup-$BACKUP_DIR/style.css" "$HOME/.config/waybar/style.css" find "$DIRPATH-backup-$BACKUP_DIR/configs" -type f -exec cp -n "{}" "$HOME/.config/waybar/configs/" \; find "$DIRPATH-backup-$BACKUP_DIR/style" -type f -exec cp -n "{}" "$HOME/.config/waybar/style/" \; - echo -e "${OK} - waybar configs and styles restored automatically" 2>&1 | tee -a "$LOG" + echo -e "${OK} - unique waybar configs and styles restored automatically" 2>&1 | tee -a "$LOG" fi + + # restoring rofi themes + if [ "$DIR2" = "rofi" ]; then + find "$DIRPATH-backup-$BACKUP_DIR/themes" -type f -exec cp -n "{}" "$HOME/.config/rofi/themes/" \; + + echo -e "${OK} - unique rofi themes restored automatically" 2>&1 | tee -a "$LOG" + fi + break ;; [Nn]* ) -- cgit v1.2.3