How do I remove the fill under a sensor graph?

[jonezy35 (Justin Jones)]

I am using card-mod and I am setting up Rounded. I have sensor graphs that I would like to remove the fill on. See the picture below:

I’ve been searching forever and I can’t find a way to modify the graph so that the line retains it’s color but the fill is removed. I know it’s possible because I’ve seen others with graphs without the fill. And in the Rounded link above his graphs also do not have the fill.

Here is my code for reference:

Card:

type: custom:swipe-card
card_width: calc(100% - 44px)
parameters:
  centeredSlides: true
  slidesPerView: auto
  spaceBetween: 16
  initialSlide: 0
cards:
  - type: sensor
    entity: sensor.outside_temperature
    hours_to_show: 24
    detail: 1
    graph: line
    name: Outside
    icon: none
    card_mod:
      class: graph
  - type: sensor
    entity: sensor.outside_temperature
    hours_to_show: 24
    detail: 1
    graph: line
    name: Logans Room
    icon: none
    card_mod:
      class: graph
  - type: sensor
    entity: sensor.outside_temperature
    hours_to_show: 24
    detail: 1
    graph: line
    name: Garage
    icon: none
    card_mod:
      class: graph

Underlying Class:

card-mod-theme: Rounded

  card-mod-view-yaml: |

    hui-masonry-view:
      $: |

        /* Swipe-card full width on mobile */

        @media screen and (max-width: 599px) {
          #columns .column swipe-card {
            margin-left: -4px;
            margin-right: -4px;
          }
        }

  card-mod-card-yaml: |

    .: |

      /* General changes */ 

      ha-card {
        transition: none !important;
        font-family: 'Roboto', sans-serif !important;
      }

      /* Graph card style */

      .graph {
        background: var(--blue-tint);
        display: flex;
        overflow: hidden; /* Temporary fix for graph overflow bug */
        show_fill: false;
      }
      
      .graph .name {
        font-size: 12px;
        line-height: 18px;
        background: var(--black);
        color: var(--white);
        padding: 6px 10px;
        border-radius: 100px;
        z-index: 1;
      }

      .graph .icon {
        display: none;
      }

      .graph .info {
        margin-top: 0;
        padding: 24px 24px 0 24px;
        order: 1;
      }

      .graph hui-graph-header-footer {
        order: 3;
      }

      .graph .header {
        padding: 0 24px;
        order: 2;
        margin: 4px 0 -16px 0;
        z-index: 1;
      }

[LiQuid_cOOled]

Custom-mini-graph makes it incredibly easy

show:
  fill: false

Code for my card

type: custom:stack-in-card
cards:
  - type: custom:mushroom-title-card
    title: Basement Sensors
  - type: custom:layout-card
    layout_type: custom:grid-layout
    layout:
      grid-template-columns: 1fr 1fr
    cards:
      - type: custom:mushroom-template-card
        primary: Temperature
        secondary: |
          {{ states('sensor.basement_sensor') }}°F
        icon: mdi:thermometer
        icon_color: green
        tap_action:
          action: more-info
          haptic: none
      - type: custom:mushroom-template-card
        primary: Humidity
        secondary: |
          {{ states('sensor.basement_sensor_humidity') }}%
        icon: mdi:water-percent
        icon_color: blue
        tap_action:
          action: more-info
  - type: custom:layout-card
    layout_type: custom:grid-layout
    layout:
      grid-template-columns: 1fr 1fr
      margin: 0px 0px 0px 0px
    cards:
      - type: custom:mini-graph-card
        entities:
          - entity: sensor.basement_sensor
            name: Temperature
            color: '#00bb33'
        hours_to_show: 24
        line_width: 3
        animate: true
        show:
          name: false
          icon: false
          state: false
          legend: false
          fill: false
        card_mod:
          style: |
            ha-card {
              border: none !important;
                }
      - type: custom:mini-graph-card
        entities:
          - entity: sensor.basement_sensor_humidity
            name: Humidity
            color: '#2196f3'
        hours_to_show: 24
        line_width: 3
        animate: true
        show:
          name: false
          icon: false
          state: false
          legend: false
          fill: fade
        card_mod:
          style: |
            ha-card {
              border: none !important;
                }