Display issues when using custom themes #23

New issue

Closed

opened 2025-09-18 17:32:24 +00:00 by arcdigital · 2 comments

arcdigital commented

2025-09-18 17:32:24 +00:00

(Migrated from github.com)

Hey! I ran into some issues where the indicators don't appear correctly when using other custom themes. I talked with @nolannordlund (who made the theme I'm using) and he said:

The reason it doesn't have a color is because he is trying to use the custom color (.fi-color) but he is only injecting shades for shade 50, 300, 400, and 600. Prizm is trying to use 500 but it isn't defined. Maybe there is something I could do on my end but that's not obvious to me since the custom color requires that shades be defined

I'm not sure what the exact solution should be, but figured it would be good to open an issue to see what you think. Nolan said he's happy to help if there's something he can do on the theme side (or if his summary above isn't correct).

For example it looks like this on one of the themes:

Hey! I ran into some issues where the indicators don't appear correctly when using other custom themes. I talked with @nolannordlund (who made the theme I'm using) and he said: > The reason it doesn't have a color is because he is trying to use the custom color (.fi-color) but he is only injecting shades for shade 50, 300, 400, and 600. Prizm is trying to use 500 but it isn't defined. Maybe there is something I could do on my end but that's not obvious to me since the custom color requires that shades be defined I'm not sure what the exact solution should be, but figured it would be good to open an issue to see what you think. Nolan said he's happy to help if there's something he can do on the theme side (or if his summary above isn't correct). For example it looks like this on one of the themes: <img width="199" height="46" alt="Image" src="https://github.com/user-attachments/assets/0b385220-1bd4-469a-a2b2-73f6c1319f65" />

pxlrbt commented

2025-09-19 12:28:13 +00:00

(Migrated from github.com)

For now, we don't have a good solution for that. I just added the 500 shade, so it works with this theme.

arcdigital commented

2025-09-19 14:00:26 +00:00

(Migrated from github.com)

Thanks @pxlrbt! I opened a PR to add the 500 shade to the debug warning too.

https://github.com/pxlrbt/filament-environment-indicator/pull/25

Thanks @pxlrbt! I opened a PR to add the 500 shade to the debug warning too. https://github.com/pxlrbt/filament-environment-indicator/pull/25

👍 1