We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Hello Syslifters Team,
There appears to be an issue with a specific CSS property in SysReptor Version 2025.12.
I'm trying to create text with a color gradient by setting the 'background-clip' CSS property to 'text' as described below: https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
SysReptor does not recognize 'text' as a valid value for 'background-clip':
Here is example HTML/CSS creating the desired effect in a sandbox:
.text-red-blue-gradient { font-size: 80px; background: linear-gradient(to right, red, blue); background-clip: text; color: transparent; }
As pictured above, this CSS should create a linear gradient background image, and then 'clip' the background to only cast the colors onto the text.
Because the 'background-clip' property is ignored when the value is set to 'text', SysReptor renders the entire background making the text invisible:
The text was updated successfully, but these errors were encountered:
Hi, we use the WeasyPrint library for rendering HTML+CSS to PDF. WeasyPrint has not implemented CSS Backgrounds Module Level 4 yet (where background-clip: text is defined), only CSS Backgrounds and Borders Module Level 3.
background-clip: text
Please open an issue at the WeasyPrint repository.
Sorry, something went wrong.
The best alternative seems to be embedding an SVG, if you have a static text.
No branches or pull requests
Hello Syslifters Team,
There appears to be an issue with a specific CSS property in SysReptor Version 2025.12.
I'm trying to create text with a color gradient by setting the 'background-clip' CSS property to 'text' as described below:
https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
SysReptor does not recognize 'text' as a valid value for 'background-clip':

Here is example HTML/CSS creating the desired effect in a sandbox:

.text-red-blue-gradient { font-size: 80px; background: linear-gradient(to right, red, blue); background-clip: text; color: transparent; }
As pictured above, this CSS should create a linear gradient background image, and then 'clip' the background to only cast the colors onto the text.
Because the 'background-clip' property is ignored when the value is set to 'text', SysReptor renders the entire background making the text invisible:

The text was updated successfully, but these errors were encountered: