Option to Modify Translucency Level in CSS

[s0ph0s]

Please consider allowing the users to modify the translucency in a way that changes the background opacity but keeps the text opacity.

Reasoning: Twofold

1. General aesthetics; since we can control so much of the user experience already, this seems like a reasonable add-on to an existing feature.

2. Appeal to new users: many people who are accustomed to text editors and coding really enjoy customizing the UI; this could be an advantage over other competitive products.

Proposed solution

Allow the --opacity-translucency setting to modify the opacity of the background instead of the entire app, or add an additional CSS class to accomplish background opacity separately.

Example 1

This is how it works in iTerm; the image shows a terminal window positioned over the browser window with the forum loaded behind it:

Example 2 (less extreme):

Related feature requests (optional)

Option to enable Translucency Plugin on a per-pane basis

The new Translucency plugin in 0.8.14 looks gorgeous, but I would love to have to ability to configure the Translucency plugin on a per-pane basis because I want my note pane(s) opaque and only the side bar(s) translucent, similar to how translucency works in macOS Big Sur: [Translucent Sidebars] This way, the translucent side bar(s) offer the visual depth while the main content stays opaque to avoid distraction.

[xurc]

Thanks for posting this detailed request.

I would love this option as well because personally I think the current translucent window plugin sacrifices readability for aesthetic by not leaving the opacity of text unchanged. The text should stay opaque and sharp regardless of background translucency and/or blurriness.