Compact custom header - conditional styles

Configuration Frontend
1

Hi,

I’m using CCH. It all works fine except :

  • I want it to change the tab colour if my door is left unlocked and
  • I get an error in the console

My config is :

cch:
  all_tabs_color: rgba(255,255,255,0.8)
  active_tab_color: rgb(255,217,90,1)
  background: rgb(88, 103, 111)
  view_css: "padding-top:4em;"
  notifications: hide
  menu: hide
  options: hide
  voice: hide
  swipe: true
  exceptions:
    - conditions:
        user: daniel
      config:
        notifications: overflow
        menu: overflow
        options: show
  conditional_styles:
    - entity: binary_sensor.kitchendoorlock
      condition:
        state: off
      tab: 
        4:
        color: red

The tab colour never changes and the error I get (it may be unrelated) is :

TypeError: Cannot read property ‘hide’ of null
at conditionalStyling (:8123/community_plugin/compact-custom-header/compact-custom-header.js:1139)
at run (:8123/community_plugin/compact-custom-header/compact-custom-header.js:121)
at :8123/community_plugin/compact-custom-header/compact-custom-header.js:100

Any idea what I’m doing wrong?

thanks