Light popup card RGB wheel

Hi, I am trying to get an RGB wheel to choose colors from on my color lights bulbs. I have tried copying config from hass-config but no luck still. I use light-popup-card.
This is current code, it just popups with brightness slider and no other options:

    card:
      actionsInARow: 2
      brightnessHeight: 400px
      brightnessWidth: 150px
      entity: light.dining_lights
      icon: 'mdi:ceiling-light'
      switchHeight: 400px
      switchWidth: 150px
      type: 'custom:light-popup-card'
    style:
      $: |
        .mdc-dialog .mdc-dialog__container {
          width: 100%;
        }
        .mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
          width:100%;
        }
      .: |
        :host {
          --mdc-theme-surface: rgba(0,0,0,0);
          --secondary-background-color: rgba(0,0,0,0);
          --ha-card-background: rgba(0,0,0,0);
          --mdc-dialog-scrim-color: rgba(0,0,0,0.8);
          --mdc-dialog-min-height: 100%;
          --mdc-dialog-min-width: 100%;
          --mdc-dialog-max-width: 100%;
        }
        mwc-icon-button {
          color: #FFF;
        }

How would one go about achieving this?

By using this custom card?

not the thing I am trying to achieve. I still want the brightness scroll bar, homekit style, like in light-popup-card. I just want a small RGB wheel below, that would popup to be bigger and allow me change colors.

@MantasI

i try the same, did you get it to work?