feat: custom styles for the confirm component

[GrzegorzKozub]

While preserving the original design if we don't provide any config, this change let's us customize the confirm component further by:

• hiding the separators and the scrollbar
• changing the button text
• changing the border, title, content, list and button styles

The default design looks like this:

And we can achieve a more minimalistic look that fits the color scheme with the following config:

[confirm]
show_separators = false
show_scrollbar = false
button_yes = "Yes"
button_no = "No"
border = { fg = "darkgray" }
title = { fg = "darkgray" }
content = { fg = "gray" }
list = { fg = "reset" }
buttons = { fg = "gray" }

What do you think?

I'm not sure how to add the new config to the schema.

[sxyazi]

Thank you for the PR. Here are a few change requests:

• The "no" button shouldn't use the same style as the "yes" button (i.e., reversed = true). This reduces distinction between the two, making it hard to identify the current selection and potentially introducing safety risks.
• There should be a way to style the "no" and "yes" buttons separately, rather than applying the same style to both.
• Please merge the two labels into a single option, like this: [" [Y]es ", " (N)o "].
• Please remove show_scrollbar and show_separators. Scrollbars only appear when needed (i.e., when the content is long enough to require scrolling), so disabling them isn't very meaningful. As for show_separators, it reduces clarity between the content and buttons and isn't visually appealing — this will also make it harder to distinguish once ya.confirm() API is introduced since it will allow arbitrary styles and alignment of its content.

[GrzegorzKozub]

Hopefully all your requests are now satisfied @sxyazi. This brought us back to the correct default:

While still allowing us to customize to fit our themes:

[confirm]
button_labels = ["Yes", "No"]
border = { fg = "darkgray" }
title = { fg = "darkgray" }
content = { fg = "gray" }
list = { fg = "reset" }
button_yes = { fg = "gray" }
button_no = { fg = "darkgray" }

[sxyazi]

All looks good to me now, thank you so much for contributing this feature @GrzegorzKozub!

[GrzegorzKozub]

Thank you!