[Pro][Dashboard] SmartDash - a dashboard for Homey

Sure.

This is what I have at the moment:

Background:

.dashboard { background: url("https://images.hdqwalls.com/download/abstract-cube-digital-art-5k-hc-480x800.jpg ") no-repeat center -40px; background-size: cover }

Timeline:

.content {background: rgba(0,0,0,0.7);box-shadow:1px 1px 5px #00FFFF}
.content .box {position: initial}

Line separator:

.content {border: 2px; border-style: solid; border-color: transparent transparent white transparent; border-radius: 0; box-shadow: none; background: transparent}

Normal Button:

.content {background: rgba(0,0,0,0.7);box-shadow:1px 1px 5px #00FFFF}
.content .box {font-size:25px; margin-top: -15px}
.content .name {margin-top: 70px; font-size: 14pt; font-weight: 550}
.tapped .content {background rgba(0,100,150,0.7)}

Sleep Awake Button:

.content {background: rgba(0,0,0,0.7);box-shadow:1px 1px 5px #00FFFF}
.content .box {font-size:25px; margin-top: -15px}
.content .name {margin-top: 70px; font-size: 14pt; font-weight: 550}
.on .content .name {color: rgba(0,0,0,0)}
.on .content .mdi::before {content: “\F0904”;}
.on .content {background: black}
.on .content .box{margin-top: -2px}
.tapped .content {background rgba(0,100,150,0.7)}

Default icon in custom icon section is: white-balance-sunny

Sensor:

.content {background: rgba(0,0,0,0.7);box-shadow:1px 1px 5px #00FFFF}
.content .box {font-size:22px; margin-top: -2px}
.content .name {margin-top: 70px; font-size: 14pt; font-weight: 550}
.content .update {position: initial; margin-top: -40px}

2 Likes