From 1d40160abf0c4377a0491de76b69e0fcd652da38 Mon Sep 17 00:00:00 2001 From: benexl Date: Sat, 4 Jan 2025 23:37:11 +0300 Subject: [PATCH] chore: update rofi configs --- fastanime/assets/rofi_theme.rasi | 22 ++-- fastanime/assets/rofi_theme_confirm.rasi | 10 +- fastanime/assets/rofi_theme_input.rasi | 10 +- fastanime/assets/rofi_theme_preview.rasi | 146 +++++++++++------------ 4 files changed, 91 insertions(+), 97 deletions(-) diff --git a/fastanime/assets/rofi_theme.rasi b/fastanime/assets/rofi_theme.rasi index 779078b..9027343 100644 --- a/fastanime/assets/rofi_theme.rasi +++ b/fastanime/assets/rofi_theme.rasi @@ -1,8 +1,3 @@ -// https://github.com/Wraient/curd/blob/main/rofi/selectanime.rasi -// Go give there project a star! -// Was too lazy to make my own preview, so I just used theirs - - configuration { font: "Sans 12"; line-margin: 10; @@ -20,12 +15,13 @@ configuration { window { fullscreen: false; - background-color: rgba(0, 0, 0, 1); /* Solid black background */ + background-color: rgba(0, 0, 0, 0.8); /* Solid black transparent background */ + border-radius: 50px; } mainbox { - padding: 50px 100px; - background-color: rgba(0, 0, 0, 1); /* Ensures black background fills entire main area */ + padding: 50px 50px; + background-color: transparent; /* Ensures black background fills entire main area */ children: [inputbar, listview]; spacing: 20px; } @@ -47,7 +43,7 @@ prompt { entry { padding: 8px; - background-color: #444444; /* Slightly lighter gray for visibility */ + background-color: transparent; /* Slightly lighter gray for visibility */ text-color: #FFFFFF; /* White text to make typing visible */ placeholder: "Search..."; placeholder-color: rgba(255, 255, 255, 0.5); @@ -57,19 +53,19 @@ entry { listview { layout: vertical; spacing: 8px; - lines: 10; - background-color: @background; /* Consistent black background for list items */ + lines: 9; + background-color: transparent; /* Consistent black background for list items */ } element { padding: 12px; border-radius: 4px; - background-color: @background; /* Uniform color for each list item */ + background-color: transparent; /* Uniform color for each list item */ text-color: @foreground; } element normal.normal { - background-color: @background; /* Ensures no alternating color */ + background-color: transparent; /* Ensures no alternating color */ } element selected.normal { diff --git a/fastanime/assets/rofi_theme_confirm.rasi b/fastanime/assets/rofi_theme_confirm.rasi index 2c5425e..80107b7 100644 --- a/fastanime/assets/rofi_theme_confirm.rasi +++ b/fastanime/assets/rofi_theme_confirm.rasi @@ -1,7 +1,3 @@ -// https://github.com/Wraient/curd/blob/main/rofi/userinput.rasi -// Go give there project a star! -// Was too lazy to make my own preview, so I just used theirs - configuration { font: "Sans 12"; } @@ -14,17 +10,19 @@ configuration { window { fullscreen: true; transparency: "real"; - background-color: @background-color; + background-color: transparent; } mainbox { children: [ message, listview, inputbar ]; padding: 40% 30%; + background-color: transparent; } message { border: 0; padding: 10px; + border-radius:20px; margin: 0 0 20px 0; font: "Sans Bold 24"; /* Increased font size and made it bold */ } @@ -42,6 +40,7 @@ prompt { entry { padding: 8px; + background-color: transparent; } listview { @@ -52,4 +51,5 @@ listview { textbox { horizontal-align: 0.5; /* Center the text */ font: "Sans Bold 24"; /* Match message font */ + background-color: transparent; } diff --git a/fastanime/assets/rofi_theme_input.rasi b/fastanime/assets/rofi_theme_input.rasi index 2c5425e..80107b7 100644 --- a/fastanime/assets/rofi_theme_input.rasi +++ b/fastanime/assets/rofi_theme_input.rasi @@ -1,7 +1,3 @@ -// https://github.com/Wraient/curd/blob/main/rofi/userinput.rasi -// Go give there project a star! -// Was too lazy to make my own preview, so I just used theirs - configuration { font: "Sans 12"; } @@ -14,17 +10,19 @@ configuration { window { fullscreen: true; transparency: "real"; - background-color: @background-color; + background-color: transparent; } mainbox { children: [ message, listview, inputbar ]; padding: 40% 30%; + background-color: transparent; } message { border: 0; padding: 10px; + border-radius:20px; margin: 0 0 20px 0; font: "Sans Bold 24"; /* Increased font size and made it bold */ } @@ -42,6 +40,7 @@ prompt { entry { padding: 8px; + background-color: transparent; } listview { @@ -52,4 +51,5 @@ listview { textbox { horizontal-align: 0.5; /* Center the text */ font: "Sans Bold 24"; /* Match message font */ + background-color: transparent; } diff --git a/fastanime/assets/rofi_theme_preview.rasi b/fastanime/assets/rofi_theme_preview.rasi index d1ea8c8..f381f79 100644 --- a/fastanime/assets/rofi_theme_preview.rasi +++ b/fastanime/assets/rofi_theme_preview.rasi @@ -1,122 +1,120 @@ -// Based on https://github.com/Wraient/curd/blob/main/rofi/selectanimepreview.rasi -// Go give there project a star! -// Was too lazy to make my own preview, so I just used theirs - // Colours * { - background-color: transparent; - background: #1D2330; - background-transparent: #1D2330A0; - text-color: #BBBBBB; - text-color-selected: #FFFFFF; - primary: #BB77BB; - important: #BF616A; + background-color: transparent; /* Transparent background for the global UI */ + background: #000000; /* Solid black background */ + background-transparent: #1D2330A0; /* Semi-transparent background */ + text-color: #BBBBBB; /* Default text color (light gray) */ + text-color-selected: #FFFFFF; /* Text color when selected (white) */ + primary: rgba(53, 132, 228, 0.75); /* Blusish primary color */ + important: rgba(53, 132, 228, 0.75); /* Bluish primary color */ } configuration { - font: "Roboto 17"; - show-icons: true; + font: "Roboto 14"; /* Sets the global font to Roboto, size 14 */ + show-icons: true; /* Option to display icons in the UI */ } window { - fullscreen: true; - height: 100%; - width: 100%; - transparency: "real"; - background-color: @background-transparent; - border: 0px; - border-color: @primary; + fullscreen: true; /* The window will open in fullscreen */ + height: 100%; /* Full window height */ + width: 100%; /* Full window width */ + transparency: "real"; /* Real transparency effect */ + background-color: @background-transparent; /* Transparent background */ + border: 0px; /* No border around the window */ + border-color: @primary; /* Border color set to the primary color */ } mainbox { - children: [prompt, inputbar-box, listview]; - padding: 0px; + children: [prompt, inputbar-box, listview]; /* Main box contains prompt, input bar, and list view */ + padding: 0px; /* No padding around the main box */ } prompt { - width: 100%; - margin: 10px 0px 0px 30px; - text-color: @important; - font: "Roboto Bold 27"; + width: 100%; /* Prompt takes full width */ + margin: 10px 0px 0px 30px; /* Margin around the prompt */ + text-color: @important; /* Text color for prompt (important color) */ + font: "Roboto Bold 27"; /* Bold Roboto font, size 27 */ } listview { - layout: vertical; - padding: 60px; - dynamic: true; - columns: 7; - spacing: 20px; - horizontal-align: center; /* Center the list items */ + layout: vertical; /* Vertical layout for list items */ + padding: 10px; /* Padding inside the list view */ + spacing: 20px; /* Space between items in the list */ + columns: 8; /* Maximum 8 items per row */ + dynamic: true; /* Allows the list to dynamically adjust */ + orientation: horizontal; /* Horizontal orientation for list items */ } inputbar-box { - children: [dummy, inputbar, dummy]; - orientation: horizontal; - expand: false; + children: [dummy, inputbar, dummy]; /* Input bar is centered with dummy placeholders */ + orientation: horizontal; /* Horizontal layout for input bar */ + expand: false; /* Does not expand to fill the space */ } inputbar { - children: [textbox-prompt, entry]; - margin: 0px; - background-color: @primary; - border: 4px; - border-color: @primary; - border-radius: 8px; + children: [textbox-prompt, entry]; /* Contains a prompt and an entry field */ + margin: 0px; /* No margin around the input bar */ + background-color: @primary; /* Background color set to the primary color */ + border: 4px; /* Border thickness around the input bar */ + border-color: @primary; /* Border color matches the primary color */ + border-radius: 8px; /* Rounded corners for the input bar */ } textbox-prompt { - text-color: @background; - horizontal-align: 0.5; - vertical-align: 0.5; - expand: false; + text-color: @background; /* Text color inside prompt matches the background color */ + horizontal-align: 0.5; /* Horizontally centered */ + vertical-align: 0.5; /* Vertically centered */ + expand: false; /* Does not expand to fill available space */ } entry { - expand: false; - padding: 8px; - margin: -6px; - horizontal-align: 0; - width: 300; - background-color: @background; - border: 6px; - border-color: @primary; - border-radius: 8px; - cursor: text; + expand: false; /* Entry field does not expand */ + padding: 8px; /* Padding inside the entry field */ + margin: -6px; /* Negative margin to position entry properly */ + horizontal-align: 0; /* Left-aligned text inside the entry field */ + width: 300; /* Fixed width for the entry field */ + background-color: @background; /* Entry background color matches the global background */ + border: 6px; /* Border thickness around the entry field */ + border-color: @primary; /* Border color matches the primary color */ + border-radius: 8px; /* Rounded corners for the entry field */ + cursor: text; /* Cursor changes to text input cursor inside the entry field */ } element { - children: [dummy, element-box, dummy]; - padding: 5px; - orientation: vertical; - border: 0px; - border-radius: 16px; - background-color: transparent; /* Default background */ + children: [dummy, element-box, dummy]; /* Contains an element box with dummy placeholders */ + padding: 5px; /* Padding around the element */ + orientation: vertical; /* Vertical layout for element content */ + border: 0px; /* No border around the element */ + border-radius: 16px; /* Rounded corners for the element */ + background-color: transparent; /* Transparent background */ + width: 100px; /* Width of each element */ + height: 50px; /* Height of each element */ } element selected { - background-color: @primary; /* Solid color for selected item */ + background-color: @primary; /* Background color of the element when selected */ } element-box { - children: [element-icon, element-text]; - orientation: vertical; - expand: false; - cursor: pointer; + children: [element-icon, element-text]; /* Element box contains an icon and text */ + orientation: vertical; /* Vertical layout for icon and text */ + expand: false; /* Does not expand to fill available space */ + cursor: pointer; /* Cursor changes to a pointer when hovering over the element */ } element-icon { - padding: 10px; - cursor: inherit; - size: 33%; - margin: 10px; + padding: 10px; /* Padding inside the icon */ + cursor: inherit; /* Inherits cursor style from the parent */ + size: 33%; /* Icon size is set to 33% of the parent element */ + margin: 10px; /* Margin around the icon */ } element-text { - horizontal-align: 0.5; - cursor: inherit; - text-color: @text-color; + horizontal-align: 0.5; /* Horizontally center-aligns the text */ + cursor: inherit; /* Inherits cursor style from the parent */ + text-color: @text-color; /* Text color for element text */ } element-text selected { - text-color: @text-color-selected; + text-color: @text-color-selected; /* Text color when the element is selected */ }