Skip to content

feat: Custom background gradient support #2855

Open
LilyLavenderPony wants to merge 9 commits intocinnyapp:devfrom
LilyLavenderPony:custom-gradient-theme
Open

feat: Custom background gradient support #2855
LilyLavenderPony wants to merge 9 commits intocinnyapp:devfrom
LilyLavenderPony:custom-gradient-theme

Conversation

@LilyLavenderPony
Copy link

Description

This PR introduces a customizable background gradient feature, allowing users to define up to five colors, gradient angle, and transparency.

The gradient is applied on top of existing themes rather than introducing new theme variants, enabling lightweight visual customization without affecting the core theming system.

Examples using the Silver and Butter themes are shown below:

Preview2 Preview1

Implementation

  • Introduced CustomThemeManager for dynamic background styling
  • Added color pickers and controls in Appearance settings
  • Gradient is computed and applied at runtime based on user settings

Design considerations

This proposal builds on the discussion in #357 with some differences:

  • Blur support is implemented but currently not exposed in the UI, as its visual impact is minimal in the current layout. This can be revisited in future iterations.
  • No additional structural class hooks were introduced. The implementation avoids relying on internal layout details, reducing maintenance overhead and improving compatibility with future UI changes.

How to test

    • Enable "Custom Background" in settings
    • (De-)select multiple colors
    • Adjust angle and transparency
    • Disable the setting and confirm it resets as intended

Tested on:

  • Firefox
  • Chrome

@github-actions
Copy link


Thank you for your submission, we really appreciate it. Like many open-source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution. You can sign the CLA by just posting a Pull Request Comment same as the below format.


I have read the CLA Document and I hereby sign the CLA


0 out of 2 committers have signed the CLA.
❌ @johel004
@LilyLavenderPony
johel004 seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
You can retrigger this bot by commenting recheck in this Pull Request. Posted by the CLA Assistant Lite bot.

@LilyLavenderPony LilyLavenderPony changed the title Add: Custom background gradient support feat: Custom background gradient support Mar 26, 2026
@LilyLavenderPony
Copy link
Author

I have read the CLA Document and I hereby sign the CLA

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant