8000 Backgrounds parallel to theming · Issue #89 · amirlehmam/wmux · GitHub
[go: up one dir, main page]

Skip to content

Backgrounds parallel to theming #89

Closed

Description

@arnonuem

Since you asked for it, what i liked in wave was the possibility to set a custom background that has nothing to do with the theming. And what also would be an UX improvement -> setting the font with a font dialog that finds available fonts in the system. With freetext fields i am uncertain what to type to swap the font with my favourite one. Ok thats maybe two issues in one :D

like this:

{
  "bg@mylovelybackground": {
    "display:name": "MyLovelyBackground",
    "bg": "radial-gradient(ellipse at 0% 0%, rgba(9, 140, 206, 0.40) 0%, transparent 75%), radial-gradient(ellipse at 100% 100%, rgba(137, 33, 210, 0.35) 0%, transparent 75%), #1a1a1a",
    "bg:opacity": 0.95,
    "bg:*": true
  }
}

Activity

  1. amirlehmam commented on Jul 11, 2026

    @amirlehmam
    Owner

    Both halves of this shipped in v0.24.0 🎨

    Custom backgrounds parallel to theming — Settings → General → Custom background:

    • Paste any CSS background (gradients, colors, url(…) images) into the free-form field — your example works as-is. There's also a preset dropdown, and the first preset ("Lovely") is literally the gradient from your post.
    • A Terminal opacity slider (your bg:opacity) controls how much of the background shows through the terminal color scheme — the terminals render with a translucent theme background on top of the custom layer, so it composes with any color scheme.
    • Live preview right in the settings panel.

    Font picker — Settings → Terminal now has a dropdown listing every font family installed on your system (enumerated from the Windows font registry), with a live preview line so you can see the pick immediately. The free-text stack field is still there below it for advanced fallback stacks.

    Grab the zip from the release (right-click → Unblock after download), or wait for the in-app update badge. Thanks for the great suggestion — the Wave-style config example made the intent crystal clear!

  2. arnonuem commented on Jul 11, 2026

    @arnonuem
    Author

    just wow 🥳

  3. arnonuem commented on Jul 11, 2026

    @arnonuem
    Author

    Not yet working as intended. I guess it has to do with the theming interfering with the background. The preview looks ok

    Image

    And i can see the background behind the terminals -->

    Image

    But then i guess an option like - Transparent Terminal is missing (i am currently on one dark theme)-->

    Image

    How it should look like (example from the wave terminal)

    Image
  4. amirlehmam commented on Jul 13, 2026

    @amirlehmam
    Owner

    Reopened for the retest you posted — and you were right, it wasn't working. Fixed for real in v0.25.0.

    What was wrong: your instinct ("the theming interfering with the background") was very close. wmux was correctly giving the terminal color scheme a translucent background, but xterm.js 6.0 ships a stock CSS rule that paints its scroll viewport opaque black underneath — in 5.x that layer was overwritten from the theme, in 6.0 it no longer is. So the translucent One Dark background composited over black instead of over your gradient: preview fine (no xterm there), real terminals opaque. One CSS override on that layer fixes it for both renderers.

    No new option needed — the existing Terminal opacity slider now does what it always claimed. Pull it down to ~50–60% and you should get the Wave look from your last screenshot. If the effect still feels too subtle at the default 88%, that's expected — it's a per-percent alpha, not a toggle.

    Thanks for testing twice and for the screenshots — genuinely useful bug report.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions

      0