Hey all,
Maybe I am doing something wrong but I installed every frontend like mentioned in the guide. Copied the Lovelace.yaml till row 320 somewhere and paste it in the raw config editor. When I click the save button and go back to the dashboard. It will show a complete empty dashboard 
Can someone help me 
?
Below you can find the code I copied in the dashboard view. Why am I having a empty dashboard
views:
title: Home
theme: noctis
badges: []
cards: null
decluttering_templates:
header_live_weather_background:
card:
type: custom:vertical-stack-in-card
cards:
- type: picture-glance
entities: []
camera_image: camera.achtertuin
camera_view: auto
image: []
style: |
ha-card {
position: absolute;
filter: blur(2px);
border-radius: 0 !important;
background: none;
/* Edit the following lines to adjust your camera or your image */
width: 1500px;
top: 0px;
right: 0px;
/* If you don't want to use a camera you can replace [] with an image */
}
style: |
ha-card {
position: relative !important;
margin-bottom: -164px;
height: 164px;
margin-top: -8px;
margin-left: -8px;
margin-right: -8px;
background: none;
animation: opacity 2s ease-in;
border-radius: 0 var(–ha-card-border-radius) 0 0;
}
ha-card:after {
content: ‘’;
display: block;
position: absolute;
top: 0;
left: -180px;
height: 170px;
width: 1700px;
background: radial-gradient(ellipse at 50% -100%, rgba(35, 46, 66, 0) 25%, rgba(35, 46, 66, 0.8) 55%, rgba(35, 46, 66, 1) 67%);
}
@media only screen and (max-width: 768px) {
ha-card {
border-radius: 0 !important;
}
}
@keyframes opacity {
0% { opacity: 0; }
40% { opacity: 0; }
100% { opacity: 1; }
}
header_temperature_graph:
card:
type: custom:mini-graph-card
entities:
- entity: sensor.temperature_sensor
color: null
hours_to_show: 24
hour24: true
animate: true
update_interval: 30
aggregate_func: avg
line_width: 1
bar_spacing: 10
height: 40
group: true
show:
labels: false
fill: false
state: false
name: false
icon: false
style: |
ha-card {
height: 84px;
position: absolute;
box-shadow: none;
background: none;
border-radius: 0;
opacity: 0.3;
margin-bottom: -90px;
margin-left: -0.6em;
margin-right: -0.6em;
For me the same issue, did you managed to solve this?
Did you check the visibility in the pages? If you go to EDIT and click to edit the views is it enabled for your user?
Your noctis theme is in Kiosk-Mode.
Is it prossible to change this? Or what should i change to fix it?
You can comment everything after card-mod-theme: noctis and then refresh your theme with the frontend.reload_themes service.
Thank you for something amazing you have created.
You are using the /recherche_youtube script.
Is it possible for you to share the code?
This one is not working anymore, but it was based on this integration:
Do you know an alternative to this?
I found something, for those who need it
Hi @Cloos, thanks for sharing this awesome design. I have a question : when using your “Noctis” theme the default HA header and side menu disappear (which is nice) however I can’t access the menu when swiping from left side or make the header reappear if I need to access the settings. Is there a way to do this?
If this is the intended purpose of the theme I apologize for the dumb question :).
Hi, it’s indeed intended, just put your phone in landscape to have the menu back, or add a button with a link to the settings page
Thanks!
I noticed that in all my views there’s a black bar at the bottom.
I can’t quite narrow down what is causing it. Any way to get rid of it?
Adore this dashboard. Have pretty much everything working how I want it. Added a remote button to the media player, conditional washing machine/dishwasher cards etc., conditional background colour for if the mower faults etc.
One qustion though - the Noctis modifications to hui-sidebar-view .container also limits the max width of the energy page to 520px. I’ve unsuccesfully tried to amend the theme so that this page is back to 100% but I either end up all 100% or all 520px. Any suggestions to have the max-width only apply to Mobile First?
Did you find a solution.
I have an empty dashboard too in spite of following the guide!
Silly question, but have you changed the users who can view the dashboard?
I’ve just updated to HA2023.10.2 and the header is no longer hidden on my android mobile. (I’ve also updated card-mod to the latest version). Anyone has the same issue?
You just have to clear your browser cache, I had this issue as well even after updating card-mod.
@Cloos after updates of the Atomic Calendar the widget doesn’t work anymore where the dates are scrolling under the weather. Do you know how to fix that?