LG WebOS TV Remote with custom styles

[el]

I created an LG remote using the Fire TV remote as a base and with custom styles

here is the yaml if you need it

type: custom:firemote-card
entity: none
device_family: none
device_type: other
compatibility_mode: default
defaultRemoteStyle_override: AFJTV
hide_button_group_frame: true
skin: '#474747'
useCustomSkin: false
dpad_style: minimal
scale: '96'
visible_name_text: ''
name_position: hidden
button_overrides:
  volume-up-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: VOLUMEUP
  volume-down-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: VOLUMEDOWN
  left-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: LEFT
  right-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: RIGHT
  down-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: DOWN
  up-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: UP
  home-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: HOME
  hamburger-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: MENU
  back-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: BACK
  center-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: ENTER
  tv-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: DASH
  info-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: INFO
  mute-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: MUTE
  red-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: RED
  green-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: GREEN
  blue-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: BLUE
  yellow-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: YELLOW
  channel-up-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: CHANNELUP
  channel-down-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: CHANNELDOWN
  rewind-button:
    service: media_player.media_previous_track
    target:
      entity_id: media_player.lg_oled_tv
    data: {}
  playpause-button:
    service: webostv.button
    target:
      entity_id: media_player.lg_oled_tv
    data:
      button: PLAY
  fastforward-button:
    service: media_player.media_next_track
    target:
      entity_id: media_player.lg_oled_tv
    data: {}
  keyboard-button:
    hidden: true
  netflix-button:
    hidden: true
  prime-video-button:
    hidden: true
  disney-plus-button:
    hidden: true
  freeview-play-button:
    hidden: true
custom_launchers:
  - friendly_name: iw
    background: '#333'
    icon: mdi:television-guide
    service: media_player.select_source
    target:
      entity_id: media_player.lg_oled_tv
    data:
      source: Home Hub
  - friendly_name: tv
    background: '#333'
    icon: mdi:television
    service: media_player.select_source
    target:
      entity_id: media_player.lg_oled_tv
    data:
      source: Google OTT
  - friendly_name: atv
    icon: mdi:apple
    background: '#333'
    service: media_player.select_source
    target:
      entity_id: media_player.lg_oled_tv
    data:
      source: Apple TV 4K
  - friendly_name: go
    background: '#333'
    icon: mdi:google-chrome
    service: media_player.select_source
    target:
      entity_id: media_player.lg_oled_tv
    data:
      source: Google OTT
app_launch_1: customlauncher atv
app_launch_2: customlauncher go
app_launch_3: customlauncher iw
app_launch_4: customlauncher tv
card_mod:
  style: |
    .jvcbrandlogo > svg,
    .digit-pad-button {
      display: none !important;
    }
    .jvcbrandlogo:after {
      display: block;
      content: " ";
      height: 25px;
      width: 100%;
      opacity: 0.7;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjc1IiB2ZXJzaW9uPSIxLjEiPgogPHBhdGggZD0ibTUyMy43NiAxNTYuNDVoMzEuMDcxdjI4LjkwM2MtNS43MDIxIDIuMTc0NS0xNi44OTQgNC4zNDk4LTI3LjUwNCA0LjM0OTgtMzQuMzY4IDAtNDUuNzk3LTE3LjQ0Ni00NS43OTctNTIuODc0IDAtMzMuODExIDEwLjg4MS01My43MDggNDUuMjE2LTUzLjcwOCAxOS4xMzUgMCAyOS45OTEgNi4wMDQgMzguOTkgMTcuNDUzbDIzLjc0MS0yMS44MTFjLTE0LjQ5Ny0yMC42NzItMzkuOC0yNi45MzctNjMuNTU3LTI2LjkzNy01My40MTMtMC4wMjEyNy04MS40OTggMjkuMTEzLTgxLjQ5OCA4NC43MjEgMCA1NS4zMzIgMjUuMzc3IDg1LjMyNyA4MS4yMTIgODUuMzI3IDI1LjYzOSAwIDUwLjY5Ny02LjUyNTkgNjQuMzQzLTE2LjA5di04MC4xMzhoLTY2LjIxNnptLTE2Mi45OCAzMC44MDRoNzkuMDcxdjMyLjE2NmgtMTE3LjIzdi0xNjUuMTdoMzguMTYyeiIgZmlsbD0iI2ZmZmQiLz4KIDxwYXRoIGQ9Im05OC45NzEgMTEyLjZjMi45MTI0LTAuMDEzOSA1Ljc1NTMtMC44OTA5IDguMTcwMy0yLjUxOTcgMi40MTQyLTEuNjI4IDQuMjkyNS0zLjkzNSA1LjM5NjktNi42Mjk4IDEuMTA1Mi0yLjY5NDggMS4zODY3LTUuNjU3MSAwLjgwOTkxLTguNTExNC0wLjU3NzU3LTIuODU1MS0xLjk4NzEtNS40NzQ3LTQuMDUxMi03LjUyODktMi4wNjQ5LTIuMDU0Mi00LjY5MTgtMy40NTE1LTcuNTQ5My00LjAxNDQtMi44NTY4LTAuNTYyODUtNS44MTc0LTAuMjY2Ny04LjUwNjUgMC44NTA4MS0yLjY4OTkgMS4xMTgzLTQuOTg3OSAzLjAwNzMtNi42MDQ0IDUuNDMwNS0xLjYxNjUgMi40MjI0LTIuNDc4OCA1LjI2OTMtMi40Nzg4IDguMTgxNyAwLjAwNDEgMS45NDA1IDAuMzkxMDUgMy44NjE0IDEuMTM4IDUuNjUyMiAwLjc0NzczIDEuNzkxNiAxLjgzOTkgMy40MTggMy4yMTUxIDQuNzg2NiAxLjM3NiAxLjM2ODcgMy4wMDgxIDIuNDUzNCA0LjgwMjIgMy4xOTE0IDEuNzk0OSAwLjczODczIDMuNzE3NCAxLjExNTkgNS42NTc5IDEuMTExem0xMzUuMSAyOC45NmgtNjQuOTU1di05LjYyMTZoNzQuNDc1YzAuMTAxNDUgMS44NjM2IDAuMTUyMTcgMy43MjY0IDAuMTUyMTcgNS42MTIxIDAgNTcuOTM2LTQ3LjIxOCAxMDQuOS0xMDUuNDUgMTA0LjktNTguMjM0IDAtMTA1LjQ2LTQ2LjkzNS0xMDUuNDYtMTA0LjkgMC01Ny45NiA0Ny4yMTEtMTA0LjkgMTA1LjQ1LTEwNC45IDEuNTM3MiAwIDMuMDY3IDAuMDMxMDkgNC41ODk1IDAuMDk0MDh2OS41NDk2Yy0xLjUyMjUtMC4wNjc5LTMuMDQ3NC0wLjEwMTQ0LTQuNTc1Ni0wLjEwMTQ0LTUyLjkzMSAwLTk1Ljg1NiA0Mi42OTQtOTUuODU2IDk1LjM0OCAwIDUyLjY1NSA0Mi45MTkgOTUuMzU3IDk1Ljg1NiA5NS4zNTcgNTEuNDgyIDAgOTMuNTQtNDAuMzk1IDk1Ljc2Ni05MS4wN3ptLTY1LjEwMyA0MC4wODVoLTI2LjEwNHYtOTguMDczaC05LjY1MXYxMDcuNzZoOS42NzMxdi0wLjA2NDZoMjYuMTA0eiIgZmlsbD0iI2ZmZmQiIHN0eWxlPSImIzEwOyIvPgo8L3N2Zz4=")
    }

[PRProd]

Wow @el ! Fantastic work! On top of that, I'm honored to have someone who works at Google as a Firemote card user.

I dont suppose there is any chance that you might have access to Google TV devices from #41 (or other devices) that could be loaned to me from your employer, is there?

[el]

@PRProd Ahh, sorry I work at Search ^_^ so I dont have access to hardwares :/

[PRProd]

@el bummer... it was worth a try. 😄

[PRProd]

@el - I know you said you don't have access, but do you have contacts? I just pre-ordered the Google TV Streamer (4K) today, but it sure would be awesome if Firemote already supported it on the day it's released!

Is there a developer program for people like me, or reviewers, or... ?? Do you know of anything or anyone?

[el]

Hey, I asked to someone from the hardware team, will let you know if I hear back. But personally, I am not aware of such a program.

[PRProd]

Thanks @el! You're great!

[reinuke]

This is exactly what I needed but I'm too dumb to write it myself xD