bar card

type: custom:bubble-card
card_type: button
button_type: switch
modules:
  - default
  - sub_button_coloring
entity: input_boolean.test_toggle
scrolling_effect: false
show_icon: false
show_name: false
tap_action:
  action: none
button_action:
  tap_action:
    action: none
use_accent_color: false
sub_button:
  - icon: mdi:server-network
    state_background: false
    show_background: false
    tap_action:
      action: navigate
      navigation_path: /dashboard-test2/lab
  - entity: input_boolean.test_toggle
    state_background: false
    show_background: false
    icon: mdi:lightning-bolt-circle
    tap_action:
      action: navigate
      navigation_path: /dashboard-test2/energy
  - entity: input_boolean.test_toggle
    state_background: true
    show_background: false
    icon: mdi:home-automation
    tap_action:
      action: navigate
      navigation_path: "#auto"
    double_tap_action:
      action: navigate
      navigation_path: http://192.168.68.106:8123/dashboard-test2/lights
  - entity: input_boolean.test_toggle
    icon: m3o:devices-other
    show_background: false
    tap_action:
      action: navigate
      navigation_path: /config/integrations/dashboard
    double_tap_action:
      action: navigate
      navigation_path: /dashboard-test2/7
  - entity: input_boolean.test_toggle
    icon: mdi:alpha-m-circle-outline
    show_background: false
    tap_action:
      action: navigate
      navigation_path: http://192.168.68.106:8123/dashboard-test2/6
    double_tap_action:
      action: perform-action
      perform_action: homeassistant.restart
      target: {}
styles: |2-
    .card-content {
      width: 90%;
      margin: 0 !important;
    }
    .bubble-button-card-container {
      background: none;
      border: none;
    }
    .bubble-sub-button {
      height: 46px !important;
      width: 46px !important;
    }
    .bubble-sub-button-container {
      display: flex !important;
      width: 100%;
      justify-content: space-between !important;
    }
    .bubble-sub-button-icon {
      --mdc-icon-size: inherit !important;
    }
    .bubble-name-container {
      margin-right: 50px !important;
    }
card_layout: normal
sub_button_coloring:
  button_1:
    entity: binary_sensor.pvecheck
    on_color: "' '"
    on_icon_color: "#F95D5D"