From 99d2b08a8fe2d51e4af1e32a68b288613dc3bc31 Mon Sep 17 00:00:00 2001 From: foo-dogsquared Date: Sun, 22 Dec 2019 21:24:14 +0800 Subject: [PATCH] Update the Rofi config and themes The FDS Rofi theme got a makeover with the updated colors and aesthetics. There is also a new theme which is basically a fork of the official dmenu theme. It is also the default Rofi theme. --- rofi/config.rasi | 2 +- rofi/dmenu.rasi | 44 ++++++++++++++++++++++++++++ rofi/fds-sidebar-common.rasi | 57 ++++++++++++++++++++++++++++-------- 3 files changed, 90 insertions(+), 13 deletions(-) create mode 100644 rofi/dmenu.rasi diff --git a/rofi/config.rasi b/rofi/config.rasi index f1b415f..2a8bb10 100644 --- a/rofi/config.rasi +++ b/rofi/config.rasi @@ -5,5 +5,5 @@ configuration { display-ssh: "SSH"; font: "Iosevka 14"; show-icons: true; - theme: "fds-sidebar-dark"; + theme: "dmenu"; } diff --git a/rofi/dmenu.rasi b/rofi/dmenu.rasi new file mode 100644 index 0000000..8cd4c17 --- /dev/null +++ b/rofi/dmenu.rasi @@ -0,0 +1,44 @@ +/** + * ROFI Color theme + * User: Qball + * Copyright: Dave Davenport + * Modified by: Gabriel Arazas (foo-dogsquared) + */ + +* { + background-color: Black; + border-color: White; + text-color: White; + font: "Iosevka 14"; +} + +window { + anchor: north; + location: north; + width: 100%; + padding: 7px; + children: [ horibox ]; +} + +horibox { + orientation: horizontal; + children: [ prompt, entry, listview ]; +} + +listview { + layout: horizontal; + spacing: 5px; + lines: 100; +} + +entry { + expand: false; + width: 10em; +} + +element { + padding: 0px 2px; +} +element.selected { + background-color: #d59783; +} diff --git a/rofi/fds-sidebar-common.rasi b/rofi/fds-sidebar-common.rasi index efe9f17..d2c7a65 100644 --- a/rofi/fds-sidebar-common.rasi +++ b/rofi/fds-sidebar-common.rasi @@ -1,3 +1,10 @@ +/** + This is the actual styling of the 'foo-dogsquared Sidebar' theme. + Though, it needs to be imported from another Rofi theme file to color it. + + See the 'fds-sidebar-dark` Rofi theme file for an example. +**/ + * { /* Theme settings */ highlight: bold italic; @@ -21,10 +28,33 @@ window { mainbox { background-color: @background; + children: [ inputbar, listview, mode-switcher ]; + padding: 0.5em; +} + +inputbar, +listview { + margin: 0 0 0.5em 0; +} + +inputbar { + orientation: vertical; + children: [ prompt, entry ]; +} + +prompt { + width: 100%; + text-style: underline; +} + +entry { + background-color: @background-light; + margin: 0 1em 0 0; } element { padding: 5; + background-color: @background-light; } element selected.normal { @@ -32,26 +62,25 @@ element selected.normal { text-color: @background; } -element normal.normal { - background-color: @background-light; -} - -element alternate.normal { - background-color: @background-dark; -} - scrollbar { width: 10px; background-color: @background-light; handle-color: @scrollbar-handle; - handle-width: 10px; + handle-width: 15px; height: 100%; - margin: 5; - padding: 0; + border-radius: 30%; +} + +listview { + cyclic: true; + spacing: 0.6em; +} + +element, button { + border-radius: 30%; } button, -prompt, inputbar, case-indicator, entry { @@ -63,6 +92,10 @@ sidebar { margin: 5; } +button { + margin: 0.25em; +} + button.selected { background-color: @background-light; }