[Styling Module] Color Flat Bubble Cards #1320

will-fezz · 2025-03-10T13:12:08Z

will-fezz
Mar 10, 2025

Module post template

Color Flat Bubble Cards

Version: v1.1
Creator: will_fezz (https://github.com/will-fezz)

Important

Unsupported cards:

Horizontal buttons stack

This design features a flat style for the bubble cards, resembling the mushroom or tile cards, but with a more vibrant and colorful touch.

Configure this module via the editor or in YAML, for example:

flat_style:
  card_styles:
    prime_color:
      - 211
      - 84
      - 0

🧩 Get this Module

To use this module, simply copy and paste the following configuration into your /www/bubble/bubble-modules.yaml file.

flat_style:
    name: "Color Flat Bubble Cards"
    version: "v1.0"
    creator: "Will_Fezz"
    link: "https://github.com/Clooos/Bubble-Card/discussions/1320"

    unsupported:
        - horizontal-buttons-stack

    description: |
        This design features a flat style for the bubble cards, resembling the mushroom or tile cards, but with a more vibrant and colorful touch.

    code: |
        
        .bubble-button-card-container, .bubble-select-card-container, .bubble-climate-container, .bubble-media-player-container {
          color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
          background: rgba(255, 255, 255, 1);
          box-shadow: 0px 3px 8px 0px rgba(${this.config.flat_style.card_styles.prime_color}, 0.35);
          border-radius: 20px;
          border-style: solid;
          border-width: 1px;
          border-color: rgba(${this.config.flat_style.card_styles.prime_color}, 0.6);
          height: 50px;
          
          }
        
        .bubble-range-slider {
          border-radius: 0px;
        }
         
        .bubble-icon, .bubble-name{
          color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
          --accent-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
          opacity: 1;
          }
        
        .bubble-line {
          background: rgba(${this.config.flat_style.card_styles.prime_color}, 0.1) ;
        }

         
        .bubble-sub-button {
          color: rgba(255, 255, 255, 1) ;
          background-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1) ;
          border-radius: 12px;
          --bubble-select-border: rgba(0,0,0,0);
          }
        
        
        .bubble-icon-container {
          background-color: rgba(255, 255, 255, 1) ;
          border-radius: 20px;
          border-style: solid;
          border-width: 1px;
          border-color: rgba(${this.config.flat_style.card_styles.prime_color}, 0.6) ;
          height: 38px;
          width: 38px;
          }
        
        .bubble-button-background, .bubble-color-background, bubble-background-container {
          background-color: white;
          opacity: 0;
        }

        .bubble-temperature-container, .bubble-low-temp-container, .bubble-high-temp-container {
          border-radius: 12px;
          border-style: solid;
          border-width: 1px;
          border-color: rgba(255, 255, 255, 1) ;
          background-color: rgba(${this.config.flat_style.card_styles.prime_color}, 0.35) ;
          color: rgba(${this.config.flat_style.card_styles.prime_color}, 1) ;
        }

        .bubble-climate-minus-button-icon, .bubble-climate-plus-button-icon{
          color: rgba(${this.config.flat_style.card_styles.prime_color}, 1) ;
        }

        mwc-list-item {
          border-radius: 12px;
          color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
          --icon-primary-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1) ;
          --input-hover-line-color: rgba(${this.config.flat_style.card_styles.prime_color}, 0.2)
        }

        mwc-list-item[selected] {
          background-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1) ;
          color: rgba(255, 255, 255, 1) ;
          --icon-primary-color: rgba(255, 255, 255, 1) ;
        }

        ha-select {
          --mdc-shape-medium: 20px ;
        } 
        
        .bubble-play-pause-button, .bubble-previous-button, .bubble-next-button, .bubble-volume-button, .bubble-dropdown-arrow, .bubble-power-button {
          background-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1) ;
          color: rgba(255, 255, 255, 1) ;
          --accent-color: rgba(255, 255, 255, 1) ;
          border-radius: 12px;
        }

        .bubble-range-fill {
          background-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1) ;
          
        }

        .bubble-volume-slider {
          border-radius: 12px;
          border-style: solid;
          border-width: 1px;
          border-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1) ;
        }

        bubble-mute-button {
          color: rgba(${this.config.flat_style.card_styles.prime_color}, 1) ;
          
        }

        .bubble-separator {
          
          color: rgba(${this.config.flat_style.card_styles.prime_color}, 1} ;
        }

    editor:
      - name: card_styles
        type: expandable
        title: "Card Color"
        icon: "mdi:format-color-fill"
        schema:
            - label: "Primary Color "
              name: prime_color
              selector:
                color_rgb: {}

Screenshot:

In this screenshot I am using the font Quicksand. You can add this with the Change Font module.
Change Font Module - #1292
Quicksand Font - https://fonts.google.com/specimen/Quicksand

Before posting your module

I've replaced all lines starting with ->
I've updated the unsupported cards above the description and under the unsupported property
I've added a screenshot
I've chosen a unique your_module_key
I really enjoyed working on this module ❤️

danupshaw · 2025-03-21T04:52:43Z

danupshaw
Mar 21, 2025

I really like this, especially the card color picker. It has also taught me a lot about altering the CSS elements in the backend. I noticed, however, that it overrides my custom styling. Is there a way I can change something in the back end so that I can apply this card without letting it override my custom styling?

thank you!

3 replies

Clooos Mar 21, 2025
Maintainer

Hi! Have you updated to the latest beta? Because your custom styles should take over modules in this version.

will-fezz Mar 21, 2025
Author

Hi! Have you updated to the latest beta? Because your custom styles should take over modules in this version.

Useful to know!

will-fezz Mar 21, 2025
Author

I really like this, especially the card color picker. It has also taught me a lot about altering the CSS elements in the backend. I noticed, however, that it overrides my custom styling. Is there a way I can change something in the back end so that I can apply this card without letting it override my custom styling?

thank you!

See Clooos' reply.

Do you have a screenshot,I would love to see what you have done to customise it?

danupshaw · 2025-03-21T12:41:35Z

danupshaw
Mar 21, 2025

I have installed 2.5.0-beta.8. I can confirm that I tried several other modules (default styling, termperature/humidity color, and subbuton animation), and none of them override the custom styles. Only "Color flat bubble cards" overrides the custom styling. Thanks!

…

On Fri, Mar 21, 2025 at 8:11 AM Cloos ***@***.***> wrote: Hi! Have you updated to the latest beta? Because your custom styles should take over modules in this version. — Reply to this email directly, view it on GitHub <#1320 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BE3LUOEURDOYMIAPFYNU6FL2VP6V7AVCNFSM6AAAAABYWCV2U6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTENJXGY3DSMA> . You are receiving this because you commented.Message ID: ***@***.***>

1 reply

Clooos Mar 21, 2025
Maintainer

Have you added !important; at the end of your custom styles?

danupshaw · 2025-03-21T12:44:18Z

danupshaw
Mar 21, 2025

I definitely will as soon as I get home! Its been a fun project! Bubble cards in generally, this module, and a few other modules has really given me a dashboard I really like! And modules came out just in time. The modules feature really has made customizing the cards so much easier and richer.

…

On Fri, Mar 21, 2025 at 8:32 AM will-fezz ***@***.***> wrote: I really like this, especially the card color picker. It has also taught me a lot about altering the CSS elements in the backend. I noticed, however, that it overrides my custom styling. Is there a way I can change something in the back end so that I can apply this card without letting it override my custom styling? thank you! See Clooos' reply. Do you have a screenshot,I would love to see what you have done to customise it? — Reply to this email directly, view it on GitHub <#1320 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BE3LUOCNAXMAYHSOE653S6T2VQBHTAVCNFSM6AAAAABYWCV2U6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTENJXGY4TIOA> . You are receiving this because you commented.Message ID: ***@***.***>

0 replies

danupshaw · 2025-03-21T12:54:49Z

danupshaw
Mar 21, 2025

Yes sir! I have! These custom styles work with other modules, just not Flat bubble card.

…

On Fri, Mar 21, 2025 at 8:44 AM Cloos ***@***.***> wrote: Have you added !important; at the end of your custom styles? — Reply to this email directly, view it on GitHub <#1320 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BE3LUOCGY5XIHRQQ5IZ6EQL2VQCRVAVCNFSM6AAAAABYWCV2U6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTENJXG4YDMMI> . You are receiving this because you commented.Message ID: ***@***.***>

3 replies

will-fezz Mar 21, 2025
Author

I'll have a look in a bit and see if I can see what is going on. I can confirm that I have the same.

will-fezz Mar 21, 2025
Author

I have made the changes needed. I have briefly tested and I think it is working. make sure you use !important in your custom styles.

(also re-copy the code from above as it has been changed.)

will-fezz Mar 21, 2025
Author

let me know if you find any bugs and would love to see what you are working on!

danupshaw · 2025-03-22T23:24:32Z

danupshaw
Mar 22, 2025

Hi! @will-fezz Thanks for your help! Can you tell me what you changed to make it work with custom styles? I am trying to compare what I have to what you changed above, but I can't find what you may have changed (although I think you got rid of some of the "!important" tags at the end of some lines.) I don't want to just re-copy and paste since I have changed the attributes of a several of the elements, and commented out a lot of stuff I wasn't using. I'll past my version below. Also, I included a screen shot of my dashboard. It is nothing ground breaking by any means, and not as visually appealing as what you created, but it works for me! =)
Also, I can confirm that I have added !important to my custom styles, since these custom styles do work with other modules.

Thanks again!

flat_style:
  name: "Color Flat Bubble Cards"
  version: "v1.0"
  creator: "Will_Fezz"
  link: "https://github.com/Clooos/Bubble-Card/discussions/1320"

  unsupported:
    - horizontal-buttons-stack

  description: |
    This design features a flat style for the bubble cards, resembling the mushroom or tile cards, but with a more vibrant and colorful touch.

  code: |

    #.bubble-main-background {
      #color: disabled;
    #}

    #.bubble-background {
        #background-color: var(--bubble-button-background-color);
        #border-radius: calc(var(--bubble-button-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2))) / 1.1 );
    #}

    .bubble-name {
      font-size: 16px;
      font-style: italic;
      #font-variant: small-caps;
      font-family: "Trebuchet MS", Helvetica, sans-serif;
    }

    .bubble-button-card-container, .bubble-select-card-container, .bubble-climate-container, .bubble-media-player-container {
      #color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
      #background: disabled;
      #box-shadow: 0px 3px 8px 0px rgba(${this.config.flat_style.card_styles.prime_color}, 0.35);
      #border-radius: 20px;
      border-style: solid;
      border-width: 2px;
      border-color: rgba(${this.config.flat_style.card_styles.prime_color}, 0.6);
      border-margin: 20px;
      #height: 50px;
      #padding: 35px;

      }

      #.bubble-button-card {
        #padding: 20px;
      #}



    .bubble-range-slider {
      border-radius: 0px;
    }
     
    #.bubble-icon, .bubble-name{
      #color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
      #margin: 10px;
      #opacity: 1;
      #}

    #.bubble-line {
      #background: rgba(${this.config.flat_style.card_styles.prime_color}, 0.1);
    #}

     
    .bubble-sub-button {
      #color: rgba(255, 255, 255, 1);
      #background-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
      #border-radius: 12px;
      border-style: solid;
      border-width: 2px;
      border-color: rgba(${this.config.flat_style.card_styles.prime_color}, 0.6);
      --bubble-select-border: rgba(0,0,0,0);
      margin: -3px;
      }


    .bubble-icon-container {
      #background-color: rgba(255, 255, 255, 1);
      #border-radius: 20px;
      border-style: solid;
      border-width: 2px;
      border-color: rgba(${this.config.flat_style.card_styles.prime_color}, 0.6);
      #height: 38px;
      #width: 38px;
      }

    #.bubble-button-background, .bubble-color-background, bubble-background-container {
      #opacity: 0;
    #}

    .bubble-temperature-container, .bubble-low-temp-container, .bubble-high-temp-container {
      #border-radius: 12px;
      border-style: solid;
      border-width: 2px;
      border-color: rgba(255, 255, 255, 1);
      #background-color: rgba(${this.config.flat_style.card_styles.prime_color}, 0.35);
      #color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
    }

    #.bubble-climate-minus-button-icon, .bubble-climate-plus-button-icon{
      #color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
    #}

    #mwc-list-item {
      #border-radius: 12px;
      #color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
      #--icon-primary-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
      #--input-hover-line-color: rgba(${this.config.flat_style.card_styles.prime_color}, 0.2)
    #}

    #mwc-list-item[selected] {
      #background-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
      #color: rgba(255, 255, 255, 1);
      #--icon-primary-color: rgba(255, 255, 255, 1);
    #}

    #ha-select {
      #--mdc-shape-medium: 20px;
    #} 

    #.bubble-play-pause-button, .bubble-previous-button, .bubble-next-button, .bubble-volume-button, .bubble-dropdown-arrow, .bubble-power-button {
      #background-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
      #color: rgba(255, 255, 255, 1);
      #border-radius: 12px;
    #}

    #.bubble-range-fill {
      #background-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
      
    #}

    .bubble-volume-slider {
      #border-radius: 12px;
      border-style: solid;
      border-width: 2px;
      border-color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
    }

    #bubble-mute-button {
      #color: rgba(${this.config.flat_style.card_styles.prime_color}, 1);
      
    #}

    #.bubble-separator {
      
      #color: rgba(${this.config.flat_style.card_styles.prime_color}, 1};
    #}

  editor:
    - name: card_styles
      type: expandable
      title: "Card Color"
      icon: "mdi:format-color-fill"
      schema:
        - label: "Primary Color "
          name: prime_color
          selector:
            color_rgb: {}

1 reply

will-fezz Mar 23, 2025
Author

Yeah took !important off most of the lines as I think this was preventing some custom styles.
However, this lead to a a couple of items changing color. So I had to change the color of "--accent-color" in a couple of places.

Hope this helps.

Your dashboard looks great. Have my changes helped? If you need more specific help let me know what you want to do and I might be able to help.

danupshaw · 2025-03-23T14:09:42Z

danupshaw
Mar 23, 2025

Thanks @will-fez! I so appreciate your help! I’m not sure what I am doing wrong with the code, but it is still overriding the custom styles. My goal is to use the custom styles to change the background color of a few cards based on entity state (for lights and switches that don’t have a color control) while still maintaining the common theme of having a border around the card that I control with your module. Thanks again for your help!

…

On Sun, Mar 23, 2025 at 07:13 will-fezz ***@***.***> wrote: Yeah took !important off most of the lines as I think this was preventing some custom styles. However, this lead to a a couple of items changing color. So I had to change the color of "--accent-color" in a couple of places. Hope this helps. Your dashboard look great. Have my changes helped? If you need more specific help let me know what you want to do and I might be able to help. — Reply to this email directly, view it on GitHub <#1320 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BE3LUOAYOPPA3ZJZNY4XVJ32V2JMFAVCNFSM6AAAAABYWCV2U6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTENJZGE4DKNA> . You are receiving this because you commented.Message ID: ***@***.***>

1 reply

will-fezz Mar 25, 2025
Author

Sorry it has taken me a while to reply. I have done a quick test and have the the following results

This is a button with this styling:

I added the following to custom styles:

code:
.bubble-button-card-container { background: green !important; }

and it resulted in this:

which seems like what you are requesting.

Could you clarify more?

danupshaw · 2025-03-25T18:40:53Z

danupshaw
Mar 25, 2025

Thank you for getting back to me! No problem on the delay; we are all busy people! And I appreciate your help whenever it comes! So you have that exactly right. That is what I want to accomplish for just a few cards. Which is why I am trying to accomplish it through custom styles. It is just that, I already have that custom style programmed in the card, and it works with other modules when Flat cards is turned off. But flat cards overrides that and all other custom styles when I turn it on. Thanks again for your help! Dan

…

On Tue, Mar 25, 2025 at 2:05 PM will-fezz ***@***.***> wrote: Sorry it has taken me a while to reply. I have done a quick test and have the the following results This is a button with this styling: Screenshot.2025-03-25.at.18.00.59.png (view on web) <https://github.com/user-attachments/assets/82e8a3dc-a9fe-41ab-8b7a-76745a63fcee> I added the following to custom styles: Screenshot.2025-03-25.at.18.02.20.png (view on web) <https://github.com/user-attachments/assets/5d3bbdfe-1bd3-4598-bb67-1710f61bc84f> code: .bubble-button-card-container { background: green !important; } and it resulted in this: Screenshot.2025-03-25.at.18.03.48.png (view on web) <https://github.com/user-attachments/assets/c463877b-a052-4b52-9317-fdd4d951aad9> which seems like what you are requesting. Could you clarify more? — Reply to this email directly, view it on GitHub <#1320 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BE3LUOEQS6ZZATK7FHMY4ST2WGEGNAVCNFSM6AAAAABYWCV2U6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTENRRHA4DGNA> . You are receiving this because you commented.Message ID: ***@***.***>

1 reply

will-fezz Mar 25, 2025
Author

Could you send me the yaml of one of the cards that won't work?

danupshaw · 2025-03-25T20:01:52Z

danupshaw
Mar 25, 2025

@will-fezz yes! thanks!

type: custom:bubble-card
card_type: button
button_type: slider
show_state: false
show_attribute: true
slider_live_update: false
show_last_changed: false
sub_button:
  - entity: binary_sensor.front_door_person_detection_2
    visibility:
      - condition: state
        entity: binary_sensor.front_door_person_detection_2
        state: "on"
    state_background: false
  - state_background: false
    show_background: true
    visibility:
      - condition: user
        users:
          - b87d661ce5b3493e95345c0d5ec48da3
    entity: camera.front_door_cam_came1_sd_stream
    tap_action:
      action: navigate
      navigation_path: /dashboard-outside
    double_tap_action:
      action: more-info
    hold_action:
      action: more-info
  - show_name: false
    show_state: false
    entity: camera.front_door_cam_came1_hd_stream
    visibility:
      - condition: user
        users:
          - aa0f1336766c4e56a76fb0cc5a7366d0
    state_background: false
    tap_action:
      action: navigate
      navigation_path: /dashboard-outside
    double_tap_action:
      action: more-info
    hold_action:
      action: more-info
  - show_state: true
    state_background: false
    show_icon: true
    show_background: true
    tap_action:
      action: navigate
      navigation_path: /dashboard-outside
    entity: sensor.front_porch_climate_sensor_sose1_temperature
  - entity: sensor.front_porch_climate_sensor_sose1_humidity
    show_state: true
    show_background: true
    show_icon: true
    state_background: false
    tap_action:
      action: navigate
      navigation_path: /dashboard-outside
tap_action:
  action: navigate
  navigation_path: /dashboard-outside
grid_options:
  columns: 12
  rows: 1
icon: mdi:coach-lamp
name: Porch
entity: light.porch_light
styles: |-
  .bubble-icon {
    color: ${hass.states['light.porch_light'].state === 'on' ? 'green' : 'red'} !important;
  }

  .bubble-range-fill {
     background: ${hass.states['light.porch_light'].state === 'on' ? 'green' : 'red'} !important;
  }

    
modules:
  - temperature_colouring
  - humidity_colouring
  - default
  - flat_style
temperature_colouring:
  temperature_sensor: sensor.front_porch_climate_sensor_sose1_temperature
  elements:
    sub_buttons:
      - 4
humidity_colouring:
  humidity_sensor: sensor.front_porch_climate_sensor_sose1_humidity
  elements:
    sub_buttons:
      - 5
flat_style:
  card_styles:
    prime_color:
      - 114
      - 146
      - 15
visual_styling_center:
  height_multiplier: 0.8
  inner_padding: 7
  icon_vertical_margin: 22
  subbutton_horizontal_margin: -3
  subbutton_row_spacing: 17
  subbutton_column_spacing: 1
  icon_size_multiplier: 1
  enable_icon_helper: false
  hide_icon_background: false
  hide_subbutton_background: false
  gradient_target: slider
  gradient_entity: light.bedroom
  enable_entity_colored_subicons: false
button_action:
  tap_action:
    action: navigate
    navigation_path: /dashboard-outside
  double_tap_action:
    action: toggle
hold_action:
  action: more-info
attribute: brightness
use_accent_color: false
card_layout: normal
icon_container_color:
  color: blue-grey

1 reply

will-fezz Mar 25, 2025
Author

Could you edit that to put it in code view. I am finding the formatting a bit hard to follow.

danupshaw · 2025-03-25T20:51:23Z

danupshaw
Mar 25, 2025

I'm sorry about that! I think I got it reformatted right.

0 replies

danupshaw · 2025-03-29T03:43:57Z

danupshaw
Mar 29, 2025

@will-fezz I believe I found the culprit. I don't fully understand it, but while I was messing around with custom styling, I found that this card does not like some commented out lines. For instance, this works:

.bubble-range-fill {
   background: ${hass.states['light.office'].state === 'on' ? 'green' : 'red'} !important;
      }

but this does not:

.bubble-range-fill {
   #anything you want to put here
   background: ${hass.states['light.office'].state === 'on' ? 'green' : 'red'} !important;
      }

So, since I had commented out so many thing in your code that I didn't need, I started taking them out one by one. It wasn't until I got to the very end that I found that this code, commented out as it is below, was preventing my custom styles from overriding the modue:

    #.bubble-separator {
      
      #color: rgba(${this.config.flat_style.card_styles.prime_color}, 1};
    #}

I deleted that from the module, and my custom styles seem to be behaving appropriately with the module!

1 reply

will-fezz Apr 5, 2025
Author

Glad it worked.

I hate it when something so simple is the problem!!

[Styling Module] Color Flat Bubble Cards #1320

Module post template

Color Flat Bubble Cards

Screenshot:

Before posting your module

Replies: 10 comments · 12 replies

Clooos Mar 21, 2025 Maintainer

will-fezz Mar 21, 2025 Author

will-fezz Mar 21, 2025 Author

Clooos Mar 21, 2025 Maintainer

will-fezz Mar 21, 2025 Author

will-fezz Mar 21, 2025 Author

will-fezz Mar 21, 2025 Author

will-fezz Mar 23, 2025 Author

will-fezz Mar 25, 2025 Author

will-fezz Mar 25, 2025 Author

will-fezz Mar 25, 2025 Author

will-fezz Apr 5, 2025 Author

Replies: 10 comments 12 replies

Clooos Mar 21, 2025
Maintainer

will-fezz Mar 21, 2025
Author

will-fezz Mar 21, 2025
Author

Clooos Mar 21, 2025
Maintainer

will-fezz Mar 21, 2025
Author

will-fezz Mar 21, 2025
Author

will-fezz Mar 21, 2025
Author

will-fezz Mar 23, 2025
Author

will-fezz Mar 25, 2025
Author

will-fezz Mar 25, 2025
Author

will-fezz Mar 25, 2025
Author

will-fezz Apr 5, 2025
Author