From 63e6305d527c873886b6293e71f0bc4b0037b31d Mon Sep 17 00:00:00 2001 From: TolaMironcenko Date: Fri, 13 Sep 2024 15:40:09 +0700 Subject: [PATCH] rofi update --- hypr/windowrules.conf | 2 +- rofi/clipboard/clipboard.rasi | 266 +++------------------------------- rofi/launcher/launchpad.rasi | 123 +++------------- rofi/powermenu/confirm.rasi | 25 ++-- rofi/powermenu/userimage.rasi | 47 +++--- 5 files changed, 75 insertions(+), 388 deletions(-) diff --git a/hypr/windowrules.conf b/hypr/windowrules.conf index 4e04a5e..db1c00e 100644 --- a/hypr/windowrules.conf +++ b/hypr/windowrules.conf @@ -30,7 +30,7 @@ windowrule = workspace 2, firefox windowrulev2 = workspace 2, class: ^(Google-chrome)$ #--------------------------------------------------------- -layerrule = animation slide, rofi +layerrule = animation popin, rofi layerrule = animation slide right, swaync layerrule = animation slide top, ags diff --git a/rofi/clipboard/clipboard.rasi b/rofi/clipboard/clipboard.rasi index 7bcfc97..39c0c8e 100644 --- a/rofi/clipboard/clipboard.rasi +++ b/rofi/clipboard/clipboard.rasi @@ -1,309 +1,83 @@ -/** - * - * Author : Aditya Shakya (adi1090x) - * Github : @adi1090x - * - * Rofi Theme File - * Rofi Version: 1.7.3 - **/ -/*****----- Configuration -----*****/ -configuration { - modi: "drun,run,filebrowser,window"; - show-icons: false; - display-drun: ""; - display-run: ""; - display-filebrowser: ""; - display-window: ""; - drun-display-format: "{name}"; - window-format: "{w} · {c} · {t}"; -} - -/*****----- Global Properties -----*****/ -@import "~/dotfiles/rofi/shared/colors.rasi" -@import "~/dotfiles/rofi/shared/fonts.rasi" - -* { - border-colour: var(selected); - handle-colour: var(selected); - background-colour: var(background); - foreground-colour: var(foreground); - alternate-background: var(background-alt); - normal-background: var(background); - normal-foreground: var(foreground); - urgent-background: var(urgent); - urgent-foreground: var(background); - active-background: var(active); - active-foreground: var(background); - selected-normal-background: var(selected); - selected-normal-foreground: var(background); - selected-urgent-background: var(active); - selected-urgent-foreground: var(background); - selected-active-background: var(urgent); - selected-active-foreground: var(background); - alternate-normal-background: var(background); - alternate-normal-foreground: var(foreground); - alternate-urgent-background: var(urgent); - alternate-urgent-foreground: var(background); - alternate-active-background: var(active); - alternate-active-foreground: var(background); -} +@import "~/dotfiles/rofi/shared/fonts.rasi" /*****----- Main Window -----*****/ window { - /* properties for window widget */ - transparency: "real"; - location: center; - anchor: center; - fullscreen: false; - width: 600px; - x-offset: 0px; - y-offset: 0px; - - /* properties for all widgets */ - enabled: true; - margin: 0px; - padding: 0px; - border: 0px solid; + width: 500px; border-radius: 10px; - border-color: @border-colour; cursor: "default"; - /* Backgroud Colors */ - background-color: @background-colour; - /* Backgroud Image */ - //background-image: url("/path/to/image.png", none); - /* Simple Linear Gradient */ - //background-image: linear-gradient(red, orange, pink, purple); - /* Directional Linear Gradient */ - //background-image: linear-gradient(to bottom, pink, yellow, magenta); - /* Angle Linear Gradient */ - //background-image: linear-gradient(45, cyan, purple, indigo); + background-color: black; + text-color: white; } /*****----- Main Box -----*****/ mainbox { - enabled: true; spacing: 10px; - margin: 0px; - padding: 30px; + padding: 10px; border: 0px solid; border-radius: 0px 0px 0px 0px; - border-color: @border-colour; background-color: transparent; children: [ "inputbar", "message", "listview" ]; } /*****----- Inputbar -----*****/ inputbar { - enabled: true; spacing: 10px; - margin: 0px; - padding: 0px; - border: 0px solid; - border-radius: 0px; - border-color: @border-colour; background-color: transparent; - text-color: @foreground-colour; + text-color: white; children: [ "textbox-prompt-colon", "entry", "mode-switcher" ]; } -prompt { - enabled: true; - background-color: inherit; - text-color: inherit; -} textbox-prompt-colon { - enabled: true; - padding: 5px 0px; + padding: 7px 10px 10px 10px; expand: false; str: ""; background-color: inherit; text-color: inherit; } entry { - enabled: true; - padding: 5px 0px; + padding: 10px 0px 0px 0px; background-color: inherit; text-color: inherit; 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: 8; - cycle: true; - dynamic: true; - scrollbar: true; - layout: vertical; - reverse: false; - fixed-height: true; - fixed-columns: true; - - spacing: 5px; - margin: 0px; - padding: 0px; - border: 0px solid; - border-radius: 0px; - border-color: @border-colour; + cycle: false; background-color: transparent; - text-color: @foreground-colour; - cursor: "default"; -} -scrollbar { - handle-width: 5px ; - handle-color: @handle-colour; - border-radius: 10px; - background-color: @alternate-background; + text-color: white; } /*****----- Elements -----*****/ element { - enabled: true; - spacing: 10px; - margin: 0px; padding: 5px 10px; - border: 0px solid; - border-radius: 10px; - border-color: @border-colour; + border-radius: 6px; background-color: transparent; - text-color: @foreground-colour; + text-color: white; cursor: pointer; } -element normal.normal { - background-color: var(normal-background); - text-color: var(normal-foreground); -} -element normal.urgent { - background-color: var(urgent-background); - text-color: var(urgent-foreground); -} -element normal.active { - background-color: var(active-background); - text-color: var(active-foreground); -} + element selected.normal { - background-color: var(selected-normal-background); - text-color: var(selected-normal-foreground); -} -element selected.urgent { - background-color: var(selected-urgent-background); - text-color: var(selected-urgent-foreground); -} -element selected.active { - background-color: var(selected-active-background); - text-color: var(selected-active-foreground); -} -element alternate.normal { - background-color: var(alternate-normal-background); - text-color: var(alternate-normal-foreground); -} -element alternate.urgent { - background-color: var(alternate-urgent-background); - text-color: var(alternate-urgent-foreground); -} -element alternate.active { - background-color: var(alternate-active-background); - text-color: var(alternate-active-foreground); -} -element-icon { - background-color: transparent; - text-color: inherit; - size: 24px; - cursor: inherit; + background-color: white/15%; } + element-text { background-color: transparent; text-color: inherit; - highlight: inherit; - cursor: inherit; - vertical-align: 0.5; - horizontal-align: 0.0; + cursor: pointer; } /*****----- Mode Switcher -----*****/ mode-switcher{ - enabled: true; - spacing: 10px; - margin: 0px; - padding: 0px; - border: 0px solid; - border-radius: 0px; - border-color: @border-colour; background-color: transparent; - text-color: @foreground-colour; } button { - padding: 5px 10px; - border: 0px solid; - border-radius: 10px; - border-color: @border-colour; - background-color: @alternate-background; - text-color: inherit; - cursor: pointer; + padding: 0px 10px; + border-radius: 6px; } button selected { - background-color: var(selected-normal-background); - text-color: var(selected-normal-foreground); -} - -/*****----- Message -----*****/ -message { - enabled: true; - margin: 0px; - padding: 0px; - border: 0px solid; - border-radius: 0px 0px 0px 0px; - border-color: @border-colour; - background-color: transparent; - text-color: @foreground-colour; -} -textbox { - padding: 8px 10px; - border: 0px solid; - border-radius: 10px; - border-color: @border-colour; - background-color: @alternate-background; - text-color: @foreground-colour; - vertical-align: 0.5; - horizontal-align: 0.0; - highlight: none; - placeholder-color: @foreground-colour; - blink: true; - markup: true; -} -error-message { - padding: 10px; - border: 2px solid; - border-radius: 10px; - border-color: @border-colour; - background-color: @background-colour; - text-color: @foreground-colour; + background-color: white/15%; + text-color: white; } diff --git a/rofi/launcher/launchpad.rasi b/rofi/launcher/launchpad.rasi index c5d51ed..c37404b 100644 --- a/rofi/launcher/launchpad.rasi +++ b/rofi/launcher/launchpad.rasi @@ -1,23 +1,13 @@ -/** - * - * Author : Aditya Shakya (adi1090x) - * Github : @adi1090x - * - * Rofi Theme File - * Rofi Version: 1.7.3 - **/ - /*****----- Configuration -----*****/ configuration { modi: "drun"; show-icons: true; - display-drun: ""; + display-drun: " "; drun-display-format: "{name}"; } /*****----- Global Properties -----*****/ -@import "~/dotfiles/rofi/shared/colors.rasi" -@import "~/dotfiles/rofi/shared/fonts.rasi" +@import "~/dotfiles/rofi/shared/fonts.rasi" /*****----- Main Window -----*****/ window { @@ -26,148 +16,79 @@ window { anchor: center; fullscreen: true; width: 1366px; - height: 768px; - x-offset: 0px; - y-offset: 0px; - - enabled: true; - margin: 0px; - padding: 0px; - border: 0px solid; - border-radius: 0px; - border-color: @selected; - background-color: black / 60%; - cursor: "default"; + background-color: black / 90%; } /*****----- Main Box -----*****/ mainbox { - enabled: true; - spacing: 100px; - margin: 0px; - padding: 100px 225px; - border: 0px solid; - border-radius: 0px 0px 0px 0px; - border-color: @selected; + spacing: 10px; + padding: 100px; 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; + text-color: white; children: [ "prompt", "entry" ]; } prompt { - enabled: true; - background-color: transparent; - text-color: inherit; -} -textbox-prompt-colon { - enabled: true; - expand: false; - str: "::"; + margin: 0px 0px 0px 0px; background-color: transparent; text-color: inherit; } + entry { - enabled: true; background-color: transparent; text-color: inherit; cursor: text; placeholder: "Search"; - placeholder-color: inherit; + margin: 3px 0px 0px 0px; } /*****----- Listview -----*****/ listview { - enabled: true; - columns: 7; - lines: 4; - cycle: true; - dynamic: true; + columns: 12; + cycle: false; 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; + text-color: white; 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; + padding: 15px 10px; + border-radius: 10px; background-color: transparent; - text-color: @foreground; + text-color: white; orientation: vertical; cursor: pointer; } -element normal.normal { - background-color: transparent; - text-color: @foreground; -} + element selected.normal { - background-color: white / 5%; - text-color: @foreground; + background-color: white / 15%; + text-color: white; } + element-icon { background-color: transparent; text-color: inherit; - size: 72px; + size: 40px; 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; + padding: 10px 0px 0px 0px; } diff --git a/rofi/powermenu/confirm.rasi b/rofi/powermenu/confirm.rasi index c155acd..cc6b6e6 100644 --- a/rofi/powermenu/confirm.rasi +++ b/rofi/powermenu/confirm.rasi @@ -21,16 +21,16 @@ window { location: center; anchor: center; fullscreen: false; - width: 500px; - border-radius: 20px; + width: 300px; + border-radius: 10px; cursor: "default"; background-color: @background; } /*****----- Main Box -----*****/ mainbox { - spacing: 30px; - padding: 30px; + spacing: 10px; + padding: 10px; background-color: transparent; children: [ "message", "listview" ]; } @@ -38,8 +38,8 @@ mainbox { /*****----- Message -----*****/ message { margin: 0px; - padding: 20px; - border-radius: 20px; + padding: 10px; + border-radius: 10px; background-color: @background-alt; text-color: @foreground; } @@ -65,7 +65,7 @@ listview { fixed-height: true; fixed-columns: true; - spacing: 30px; + spacing: 10px; background-color: transparent; text-color: @foreground; cursor: "default"; @@ -73,14 +73,14 @@ listview { /*****----- Elements -----*****/ element { - padding: 60px 10px; - border-radius: 20px; - background-color: @background-alt; + padding: 40px 20px 40px 0px; + border-radius: 10px; + background-color: white/5%; text-color: @foreground; cursor: pointer; } element-text { - font: "feather 48"; + font: "feather 30"; background-color: transparent; text-color: inherit; cursor: inherit; @@ -88,6 +88,5 @@ element-text { horizontal-align: 0.5; } element selected.normal { - background-color: var(selected); - text-color: var(background); + background-color: white/15%; } diff --git a/rofi/powermenu/userimage.rasi b/rofi/powermenu/userimage.rasi index 3b821d1..20a64f9 100644 --- a/rofi/powermenu/userimage.rasi +++ b/rofi/powermenu/userimage.rasi @@ -9,26 +9,25 @@ /*****----- Configuration -----*****/ configuration { - show-icons: false; + show-icons: false; } /*****----- Global Properties -----*****/ * { /* Resolution : 1920x1080 */ - mainbox-spacing: 50px; - mainbox-margin: 0px 470px; - message-margin: 0px 350px; - message-padding: 12px; - message-border-radius: 100%; + mainbox-spacing: 10px; + message-margin: 10px; + message-padding: 10px; + message-border-radius: 10px; listview-spacing: 10px; - element-padding: 10px 10px; - element-border-radius: 100%; + element-padding: 10px 10px 10px 0px; + element-border-radius: 10px; prompt-font: "Iosevka Nerd Font Bold 18"; textbox-font: "Iosevka Nerd Font 10"; - element-text-font: "feather 38"; + element-text-font: "feather 30"; - background-window: black/60%; + background-window: black/95%; background-normal: white/5%; background-selected: white/15%; foreground-normal: white; @@ -37,33 +36,23 @@ configuration { /*****----- Main Window -----*****/ window { - transparency: "real"; - location: center; - anchor: center; - fullscreen: true; - cursor: "default"; - background-color: var(background-window); + // transparency: "real"; + location: center; + anchor: center; + cursor: "default"; + background-color: var(background-window); + border-radius: 10px; + width: 500px; } /*****----- Main Box -----*****/ mainbox { enabled: true; spacing: var(mainbox-spacing); - margin: var(mainbox-margin); background-color: transparent; children: [ "dummy", "inputbar", "listview", "message", "dummy" ]; } -/*****----- User -----*****/ -/*userimage { - margin: 20px 400px; - border: 2px; - border-radius: 100%; - border-color: white; - background-color: transparent; - background-image: url("~/Pictures/avatar/simba.jpg", both); -}*/ - /*****----- Inputbar -----*****/ inputbar { enabled: true; @@ -116,6 +105,7 @@ listview { spacing: var(listview-spacing); background-color: transparent; cursor: "default"; + padding: 0px 10px; } /*****----- Elements -----*****/ @@ -126,6 +116,9 @@ element { background-color: var(background-normal); text-color: var(foreground-normal); cursor: pointer; + width: 100px; + // height: 100px; + // padding: 10px 0px; } element-text { font: var(element-text-font);