From 3e11dc2327d70e860b3ad32db386aadd549393b3 Mon Sep 17 00:00:00 2001 From: Phil Jones Date: Mon, 21 Nov 2022 23:08:51 +0000 Subject: Overhaul text theming. Each piece of text is now individually themable, with foreground and background colours and optionally rounded background corners. --- doc/config | 81 ++++++++++++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 63 insertions(+), 18 deletions(-) (limited to 'doc/config') diff --git a/doc/config b/doc/config index 3e28eac..a008fbd 100644 --- a/doc/config +++ b/doc/config @@ -45,32 +45,71 @@ hint-font = true # -### Colors +### Text theming # - # Window background - background-color = #1B1D1E - - # Border outlines - outline-color = #080800 + # Default text color + # + # All text defaults to this color if not otherwise specified. + text-color = #FFFFFF - # Border - border-color = #F92672 + # All pieces of text have the same theming attributes available: + # + # *-color + # Foreground color + # + # *-background + # Background color + # + # *-background-padding + # Background padding in pixels (comma-delimited, CSS-style list). + # See "DIRECTIONAL VALUES" under `man 5 tofi` for more info. + # + # *-background-corner-radius + # Radius of background box corners in pixels - # Default text - text-color = #FFFFFF + # Prompt text theme + # prompt-color = #FFFFFF + prompt-background = #00000000 + prompt-background-padding = 0 + prompt-background-corner-radius = 0 - # Placeholder input text + # Placeholder text theme placeholder-color = #FFFFFFA8 + placeholder-background = #00000000 + placeholder-background-padding = 0 + placeholder-background-corner-radius = 0 + + # Input text theme + # input-color = #FFFFFF + input-background = #00000000 + input-background-padding = 0 + input-background-corner-radius = 0 + + # Default result text theme + # default-result-color = #FFFFFF + default-result-background = #00000000 + default-result-background-padding = 0 + default-result-background-corner-radius = 0 + + # Alternate (even-numbered) result text theme + # + # If unspecified, these all default to the corresponding + # default-result-* attribute. + # + # alternate-result-color = #FFFFFF + # alternate-result-background = #00000000 + # alternate-result-background-padding = 0 + # alternate-result-background-corner-radius = 0 # Selection text selection-color = #F92672 + selection-background = #00000000 + selection-background-padding = 0 + selection-background-corner-radius = 0 # Matching portion of selection text selection-match-color = #00000000 - # Selection background - selection-background = #00000000 - # ### Text layout # @@ -96,22 +135,28 @@ # Minimum width of input in horizontal mode. min-input-width = 0 - # Extra horizontal padding of the selection background in pixels. - selection-padding = 0 - # -### Window layout +### Window theming # # Width and height of the window. Can be pixels or a percentage. width = 1280 height = 720 + # Window background color + background-color = #1B1D1E + # Width of the border outlines in pixels. outline-width = 4 + # Border outline color + outline-color = #080800 + # Width of the border in pixels. border-width = 12 + # Border color + border-color = #F92672 + # Radius of window corners in pixels. corner-radius = 0 -- cgit v1.2.3