dotfiles/.config/rofi/themes/layouts/options-horizontal-fullscreen.rasi
Marty Oehme 199fbdae4d Add rofi theme scaffolding
Themes are structured in two parts: layout and colorschemes. Both can be
set independently from each other. Layouts can make use of anchored
color values (@background, @background-focus,.. look at colorscheme
files for all available values). Colorscheme files then translate the
values into actual colorcodes.

That way, the colorscheme for all layouts can be changed with one
setting, or independently of each other. Layouts try to specify some
often used structures for rofi menus - right now there is a horizontal
list and a fullscreen options selection (which can make use of icon
fonts).

Any global theme changes should be done in settings.rasi. Any global
function changes can still be done in config.rasi. A rofi-powermenu has
been added as an example of using the theming structure. The powermenu
script loads rofi with the powermenu.rasi theme enabled. The powermenu
theme loads the fullscreen options layout, which in turn loads the
vertical list layout, which loads settings, which sets the correct
colors. Idea and original structure from:
https://gitlab.com/vahnrr/rofi-menus
2019-09-05 10:45:32 +02:00

42 lines
1.4 KiB
Plaintext

/**
* Settings for a general purpose full screen
* horizontal options screen. The options will
* make use of icons.
* Px values for 1920x1080 screens.
*
* Depending on how many options your list
* should display, choose the corresponding padding and spacing
* for window and listview from below and add it to your
* specific theme.
*/
@import "list-horizontal.rasi"
* {
/* General */
icon-font: "Iosevka 48";
font: @icon-font;
inputbar-margin: 4px 4px;
prompt-padding: 16px 20px;
entry-padding: 18px 16px 16px 0px;
list-element-padding: 20px;
list-element-margin: @inputbar-margin;
list-element-border: 0px 0px 0px 8px;
list-8-window-padding: 219px 360px;
/**
* Values bellow are 'no-padding' ones for Iosevka icons in this size.
* If you use a different sized font, you will have to find your own
* padding and spacing values.
* -12px 0px -19px -96px */
option-element-padding: 88px 100px 81px 4px;
option-3-window-padding: 415px 446px;
option-3-listview-spacing: 140px;
option-5-window-padding: 415px 183px;
option-5-listview-spacing: 77px;
option-6-listview-spacing: 50px;
}
#window {
width: 100%;
height: 100%;
}