mirror of
https://github.com/CeeWeasel/fresh-home.git
synced 2026-08-09 18:40:14 -04:00
Setting up Emmetts Room
This commit is contained in:
CeeWeasel
+73
-25
@@ -1,18 +1,51 @@
|
||||
|
||||
|
||||
/* SVG shapes */
|
||||
|
||||
svg,
|
||||
svg * {
|
||||
vector-effect: non-scaling-stroke !important;
|
||||
pointer-events: all !important;
|
||||
background-color: var(--primary-background-color);
|
||||
background-color: var(--card-background-color);
|
||||
max-height: calc( 100vh - 50px);
|
||||
}
|
||||
|
||||
/* Hover over */
|
||||
|
||||
/* .svg-shape:hover,
|
||||
g.svg-hover> :not(text):hover,
|
||||
g.svg-click> :not(text):hover,
|
||||
g.svg-long-click> :not(text):hover,
|
||||
:not(text).svg-hover:hover,a
|
||||
:not(text).svg-click:hover,
|
||||
:not(text).svg-long-click:hover {
|
||||
stroke: #03a9f4 !important;
|
||||
stroke-width: 1px !important;
|
||||
stroke-opacity: 1 !important;
|
||||
} */
|
||||
|
||||
|
||||
/* Generic/default entity statuses */
|
||||
.entity-unavailable {
|
||||
fill: var(--disabled-color) !important;
|
||||
stroke: var(--white-color) !important;
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
|
||||
/* Highlighting an element when hovering over it */
|
||||
/* .ha-entity:hover {
|
||||
fill: var(--yellow-color) !important;
|
||||
stroke: var(--blue-color) !important;
|
||||
stroke-width: 1px !important;
|
||||
stroke-opacity: 1 !important;
|
||||
} */
|
||||
|
||||
|
||||
/* Hover over */
|
||||
|
||||
.entity:hover {
|
||||
stroke: var(--text-primary-color) !important;
|
||||
.hover-info {
|
||||
fill: var(--blue-color) !important;
|
||||
stroke: var(--green-color) !important;
|
||||
stroke-width: 1px !important;
|
||||
stroke-opacity: 1 !important;
|
||||
}
|
||||
@@ -62,7 +95,7 @@ svg * {
|
||||
}
|
||||
|
||||
.room-occupied {
|
||||
fill: var(--grey-color) !important;
|
||||
fill: var(--light-grey-color) !important;
|
||||
fill-opacity: 1 !important;
|
||||
/* fill: #5d5d6f !important;*/
|
||||
}
|
||||
@@ -279,7 +312,6 @@ svg * {
|
||||
.motion-unavailable {
|
||||
/* fill: #B9CEF7 !important; */
|
||||
fill: #6FAECE !important;
|
||||
/* fill: #8270A2 !important; */
|
||||
}
|
||||
|
||||
|
||||
@@ -332,12 +364,15 @@ svg * {
|
||||
fill: var(--light-blue-color) !important;
|
||||
}
|
||||
|
||||
.camera-recording {
|
||||
fill: var(--red-color) !important;
|
||||
}
|
||||
|
||||
/* Light */
|
||||
|
||||
.light-unavailable {
|
||||
fill: #8270A2 !important;
|
||||
stroke: #FFFFFF !important;
|
||||
fill: var(--disabled-color) !important;
|
||||
stroke: var(--white-color) !important;
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
|
||||
@@ -349,38 +384,38 @@ svg * {
|
||||
.light-on,
|
||||
.light-on * {
|
||||
fill: var(--yellow-color) !important;
|
||||
stroke: var(--yellow-color) !important;
|
||||
stroke: var(--amber-color) !important;
|
||||
stroke-width: 7px !important;
|
||||
stroke-opacity: 0.25 !important;
|
||||
}
|
||||
|
||||
.sun-on {
|
||||
fill: var(--yellow-color) !important;
|
||||
stroke: var(--yellow-color) !important;
|
||||
stroke-width: 2px !important;
|
||||
stroke: var(--amber-color) !important;
|
||||
stroke-width: 7px !important;
|
||||
stroke-opacity: 0.25 !important;
|
||||
}
|
||||
|
||||
.light-strip-on {
|
||||
fill: var(--yellow-color) !important;
|
||||
stroke: var(--yellow-color) !important;
|
||||
stroke-width: 3px !important;
|
||||
stroke: var(--amber-color) !important;
|
||||
stroke-width: 7px !important;
|
||||
stroke-opacity: 0.25 !important;
|
||||
}
|
||||
|
||||
.indicator-on {
|
||||
/* .indicator-on {
|
||||
fill: var(--yellow-color) !important;
|
||||
/* stroke: var(--yellow-color) !important;
|
||||
stroke-width: 20px !important;
|
||||
stroke-opacity: 0.25 !important; */
|
||||
}
|
||||
stroke: var(--amber-color) !important;
|
||||
stroke-width: 0.25px !important;
|
||||
stroke-opacity: .75 !important;
|
||||
} */
|
||||
|
||||
|
||||
/* Doorbell */
|
||||
|
||||
.doorbell-off {
|
||||
/* fill: #92C0AD !important; */
|
||||
fill: #4d4d3e !important;
|
||||
fill: var(--ha-color-fill-neutral-loud-active) !important;
|
||||
}
|
||||
|
||||
.doorbell-on {
|
||||
@@ -450,7 +485,7 @@ svg * {
|
||||
}
|
||||
|
||||
.suv-home {
|
||||
fill: #4b4b4b !important;
|
||||
fill: var(--ha-color-fill-neutral-loud-active) !important;
|
||||
}
|
||||
|
||||
.tracker-away {
|
||||
@@ -501,8 +536,9 @@ svg * {
|
||||
|
||||
.fridge-high {
|
||||
fill: var(--error-color) !important;
|
||||
/* stroke-width: 2px !important;
|
||||
stroke-opacity: 1 !important; */
|
||||
stroke: var(--primary-text-color) !important;
|
||||
stroke-width: 0.25px !important;
|
||||
stroke-opacity: .75 !important;
|
||||
}
|
||||
|
||||
.temp-freeze {
|
||||
@@ -575,11 +611,11 @@ svg * {
|
||||
}
|
||||
|
||||
.light-low {
|
||||
fill: var(--ha-color-neutral-95) !important;
|
||||
fill: var(--ha-color-orange-05) !important;
|
||||
}
|
||||
|
||||
.light-medium-low {
|
||||
fill: var(--ha-color-orange-30) !important;
|
||||
fill: var(--ha-color-orange-20) !important;
|
||||
}
|
||||
|
||||
.light-medium {
|
||||
@@ -601,18 +637,30 @@ svg * {
|
||||
|
||||
.bin-today {
|
||||
fill: var(--error-color) !important;
|
||||
stroke: var(--black-color) !important;
|
||||
stroke-width: 0.25px !important;
|
||||
stroke-opacity: .75 !important;
|
||||
}
|
||||
|
||||
.bin-tomorrow {
|
||||
fill: var(--warning-color) !important;
|
||||
stroke: var(--black-color) !important;
|
||||
stroke-width: 0.25px !important;
|
||||
stroke-opacity: .75 !important;
|
||||
}
|
||||
|
||||
.bin-future {
|
||||
fill: var(--ha-color-green-50) !important;
|
||||
fill: var(--disabled-color) !important;
|
||||
stroke: var(--black-color) !important;
|
||||
stroke-width: 0.25px !important;
|
||||
stroke-opacity: .75 !important;
|
||||
}
|
||||
|
||||
.bin-false {
|
||||
fill: var(--black-color) !important;
|
||||
fill: var(--dark-grey-color) !important;
|
||||
stroke: var(--black-color) !important;
|
||||
stroke-width: 0.25px !important;
|
||||
stroke-opacity: .75 !important;
|
||||
}
|
||||
|
||||
.bags-five {
|
||||
|
||||
Reference in New Issue
Block a user