[Feature] front end new cards -- glows for AMS card as well?

[pleasantone]

Describe the feature

@AdrianGarside thank you so much for the UI/UX changes to the front-end cards, they're really starting to look nice.
May I ask that the glowing for active changes that you made for the main card also be applied to the AMS card, so we can easily see which AMS spool is active? Similar to either what you did or what WolfWithSwords did for his HACS version of the AMS card. Much thanks!

What device is this for?

AMS

Other Information

No response

[AdrianGarside]

It's already there but with a dark filament disappears. I think we need to have a fixed color effect to indicate active:

vs

The color makes quite the difference... Can barely tell black is active in the first.

[AdrianGarside]

@greghesp should we just switch to a fixed white border effect? Or I could try and add in the subtler glow effect I've been using on the status card. Feels like we need a stronger visual for active as it's more than just eye candy.

[greghesp]

Ahh one of the reasons I'm not a fan of the graphical view. We could change the nozzle to a spool and make it rotate.

[pleasantone]

WolfWithSword used a glow effect around the nozzle display, not perfect but  serviceable. Unfortunately the black filament in slots 1, 2, and 3 are difficult to disginguish, but the glow itself is not. he did it with CSS conditionals... ``` image: /local/media/bambuprinter/AMS_2.png card_mod:  style: |    ha-card {      background: none !important;      border: none !important;      box-shadow: none !important;      --humidity-border-color: {% if states('sensor.x1c_00m09d460801484_ams_1_humidity_index')  != 'unavailable' and states('sensor.x1c_00m09d460801484_ams_1_humidity_index') | int > 3 %} rgba(255, 255, 126, 0.5); {% elif states('sensor.x1c_00m09d460801484_ams_1_humidity_index')  != 'unavailable' and states('sensor.x1c_00m09d460801484_ams_1_humidity_index') | int > 1 %} rgba(228,127,97,1.0); {% else %} rgba(194,74,72,1.0); {% endif %}      --tray_1_color: {% if is_state_attr('sensor.x1c_00m09d460801484_ams_1_tray_1', 'color', '#00000000') %} rgb(255, 255, 255); {% else %} {{state_attr('sensor.x1c_00m09d460801484_ams_1_tray_1', 'color') }}; {% endif %}      --tray_2_color: {% if is_state_attr('sensor.x1c_00m09d460801484_ams_1_tray_2', 'color', '#00000000') %} rgb(255, 255, 255); {% else %} {{state_attr('sensor.x1c_00m09d460801484_ams_1_tray_2', 'color') }}; {% endif %}      --tray_3_color: {% if is_state_attr('sensor.x1c_00m09d460801484_ams_1_tray_3', 'color', '#00000000') %} rgb(255, 255, 255); {% else %} {{state_attr('sensor.x1c_00m09d460801484_ams_1_tray_3', 'color') }}; {% endif %}      --tray_4_color: {% if is_state_attr('sensor.x1c_00m09d460801484_ams_1_tray_4', 'color', '#00000000') %} rgb(255, 255, 255); {% else %} {{state_attr('sensor.x1c_00m09d460801484_ams_1_tray_4', 'color') }}; {% endif %}      --tray_1_bg: {% if is_state_attr('sensor.x1c_00m09d460801484_ams_1_tray_1', 'active', true) %} rgba(255, 255, 126, 0.5); {% else %} rgba(0,0,0,0.5); {% endif %}      --tray_2_bg: {% if is_state_attr('sensor.x1c_00m09d460801484_ams_1_tray_2', 'active', true) %} rgba(255, 255, 126, 0.5); {% else %} rgba(0,0,0,0.5); {% endif %}      --tray_3_bg: {% if is_state_attr('sensor.x1c_00m09d460801484_ams_1_tray_3', 'active', true) %} rgba(255, 255, 126, 0.5); {% else %} rgba(0,0,0,0.5); {% endif %}      --tray_4_bg: {% if is_state_attr('sensor.x1c_00m09d460801484_ams_1_tray_4', 'active', true) %} rgba(255, 255, 126, 0.5); {% else %} rgba(0,0,0,0.5); {% endif %}    } ```

…

On Feb 23, 2025 at 2:01 PM -0800, Greg Hesp ***@***.***>, wrote: Ahh one of the reasons I'm not a fan of the graphical view. We could change the nozzle to a spool and make it rotate. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***> greghesp left a comment (greghesp/ha-bambulab#1077) Ahh one of the reasons I'm not a fan of the graphical view. We could change the nozzle to a spool and make it rotate. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>