Dear HA-Community,
few days ago I have installed the Sidebar within my HA instance, but I have the problem now, I cant change the bg color / design from the sidebar or to add a picture.
The design and color is always the same?
I´m using the following code, but it is always black.
style: |
:host {
--sidebar-background: #384150;
--sidebar-text-color: #7d848e;
--face-color: #384150;
Code:
kiosk_mode:
user_settings:
- users:
- smarthome
hide_header: true
hide_sidebar: true
title: SIDEBAR
sidebar:
hideTopMenu: false
showTopMenuOnMobile: false
digitalClock: true
date: true
dateFormat: DD MMMM YYYY
width:
mobile: 0
tablet: 23
desktop: 23
style: |
:host {
--sidebar-background: #384150;
--sidebar-text-color: #7d848e;
--face-color: #384150;
}
.digitalClock {
text-align: center;
padding-bottom: 1px;
padding-top: 20px
font-size: 205px;
line-height: 95px;
}
.date {
text-align: center;
}
sidebarMenu:
- action: navigate
navigation_path: http://IP:8123/smart-home/home
name: Home
active: true
icon: mdi:home
- action: navigate
navigation_path: http://IP:8123/smart-home/muellkalender
name: Müllkalender
active: true
icon: mdi:delete-empty
- action: navigate
navigation_path: http://IP:8123/smart-home/weather
name: Wetter
active: true
icon: mdi:weather-partly-cloudy
- action: navigate
navigation_path: http://IP:8123/smart-home/energy
name: Energie
active: true
icon: mdi:solar-power
- action: navigate
navigation_path: http://IP:8123/smart-home/video
name: Video
active: true
icon: mdi:cctv
- action: navigate
navigation_path: http://IP:8123/smart-home/car
name: Auto
active: true
icon: mdi:car
- action: navigate
navigation_path: http://IP:8123/smart-home/system
name: System
active: true
icon: mdi:cog
bottomCard:
type: horizontal-stack
cardOptions:
cards:
- type: custom:button-card
color_type: card
color: rgb(255, 255, 255)
icon: mdi:home
- type: custom:button-card
color_type: card
color: rgb(255, 255, 255)
icon: mdi:lightbulb
cardStyle: |
:host {
width: 70%;
}
