Changing "dimmed" text color via CSS?
I am modifying the CSS of one of my boards, and trying to change text colors for legibility on my translucent cards. I was able to set the primary text color in the custom CSS, and it impacts the page on refresh as expected for most text. However, there are certain text elements which appear in a horrendously unreadable gray, and I can't for the life of me figure out how to fix it. Inspecting the page, instances of this text are referencing "--mantine-color-dimmed" which seems to override my global color declaration. But I'm not sure how to change the color of this variable, or otherwise changing the color of those particular text instances. Is this a limitation of custom CSS here? Or am I missing something?
4 Replies
Thank you for submitting a support request.
Depending on the volume of requests, our team should get in contact with you shortly.
⚠️ Please include the following details in your post or we may reject your request without further comment: - Log (See https://homarr.dev/docs/community/faq#how-do-i-open-the-console--log) - Operating system (Unraid, TrueNAS, Ubuntu, ...) - Exact Homarr version (eg. 0.15.0, not latest) - Configuration (eg. docker-compose, screenshot or similar. Use ``your-text`` to format) - Other relevant information (eg. your devices, your browser, ...)
Frequently Asked Questions | Homarr documentation
Can I install Homarr on a Raspberry Pi?
Hello, this is out of scope: https://homarr.dev/docs/advanced/styling/
Thank you for your understanding
Styling | Homarr documentation
This page is directed at more experienced users with knowledge about CSS and browsers.
!qa out_of_scope
Your question is out of scope of our support. We are volunteers working on Homarr and cannot provide you with any information or help with third party software. Please contact the support of the respective applications instead to receive help.