mirror of
https://github.com/CeeWeasel/fresh-home.git
synced 2026-08-09 18:40:14 -04:00
initial push
This commit is contained in:
CeeWeasel
@@ -0,0 +1,771 @@
|
||||
/* SVG shapes */
|
||||
|
||||
svg,
|
||||
svg * {
|
||||
vector-effect: non-scaling-stroke !important;
|
||||
pointer-events: all !important;
|
||||
background-color: var(--primary-background-color);
|
||||
max-height: calc( 100vh - 50px);
|
||||
}
|
||||
|
||||
|
||||
/* Hover over */
|
||||
|
||||
.entity:hover {
|
||||
stroke: #FFFFFF !important;
|
||||
stroke-width: 1px !important;
|
||||
stroke-opacity: 1 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Bootstrap succsss */
|
||||
|
||||
.success-text {
|
||||
fill: #3c763d !important;
|
||||
}
|
||||
|
||||
.success-background,
|
||||
.success-text-background {
|
||||
fill: #dff0d8 !important;
|
||||
fill-opacity: 1 !important;
|
||||
stroke: #d6e9c6 !important;
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Bootstrap info */
|
||||
|
||||
.info-text {
|
||||
fill: #d4d4d4 !important;
|
||||
}
|
||||
|
||||
.awake {
|
||||
fill: #949494 !important;
|
||||
}
|
||||
|
||||
.sleeping {
|
||||
fill: #0e0e6e !important;
|
||||
}
|
||||
|
||||
.in-bed {
|
||||
fill: #504c66 !important;
|
||||
}
|
||||
|
||||
.out-of-bed {
|
||||
fill: #57565c !important;
|
||||
}
|
||||
|
||||
.room-empty {
|
||||
/*fill: #5d5b5b !important;*/
|
||||
fill: #888888 !important;
|
||||
}
|
||||
|
||||
.room-occupied {
|
||||
fill: #596170 !important;
|
||||
/* fill: #5d5d6f !important;*/
|
||||
}
|
||||
|
||||
.water-dry {
|
||||
fill: #81D9a7 !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.water-wet {
|
||||
fill: #FF0000 !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.door-closed {
|
||||
/* fill: #77FF77 !important; */
|
||||
/* fill: #81c9a7 !important; */
|
||||
fill: #81D9a7 !important;
|
||||
fill-opacity: 1 !important;
|
||||
/* stroke: #82caa8 !important;
|
||||
stroke-width: 1px !important;
|
||||
animation-duration: 4s;
|
||||
animation-name: rotateReset90; */
|
||||
}
|
||||
|
||||
.door-open {
|
||||
fill: #FF0000 !important;
|
||||
fill-opacity: 1 !important;
|
||||
stroke: #FFFF00 !important;
|
||||
stroke-dasharray: 10, 4 !important;
|
||||
stroke-width: 2px !important;
|
||||
stroke-opacity: 0.8 !important;
|
||||
/* animation-duration: 4s;
|
||||
animation-name: rotate90;
|
||||
animation-fill-mode: forwards; */
|
||||
}
|
||||
|
||||
.appliance-off {
|
||||
/* fill: #77FF77 !important; */
|
||||
/* fill: #81c9a7 !important; */
|
||||
fill: #81D9a7 !important;
|
||||
fill-opacity: 1 !important;
|
||||
/* stroke: #82caa8 !important;
|
||||
stroke-width: 1px !important;
|
||||
animation-duration: 4s;
|
||||
animation-name: rotateReset90; */
|
||||
}
|
||||
|
||||
.appliance-on {
|
||||
fill: #ff8800 !important;
|
||||
fill-opacity: 1 !important;
|
||||
/* animation-duration: 4s;
|
||||
animation-name: rotate90;
|
||||
animation-fill-mode: forwards; */
|
||||
}
|
||||
|
||||
.appliance-pending {
|
||||
fill: #6b0000 !important;
|
||||
fill-opacity: 1 !important;
|
||||
/* animation-duration: 4s;
|
||||
animation-name: rotate90;
|
||||
animation-fill-mode: forwards; */
|
||||
}
|
||||
|
||||
.window-closed {
|
||||
/* fill: #77FF77 !important; */
|
||||
/* fill: #81c9a7 !important; */
|
||||
fill: #CCCCCC !important;
|
||||
fill-opacity: 1 !important;
|
||||
/* stroke: #82caa8 !important;
|
||||
stroke-width: 1px !important;
|
||||
animation-duration: 4s;
|
||||
animation-name: rotateReset90; */
|
||||
}
|
||||
|
||||
.window-open {
|
||||
fill: #FF0000 !important;
|
||||
fill-opacity: 1 !important;
|
||||
stroke: #FFFF00 !important;
|
||||
stroke-dasharray: 10, 4 !important;
|
||||
stroke-width: 2px !important;
|
||||
stroke-opacity: 0.8 !important;
|
||||
}
|
||||
|
||||
.window-unavailable {
|
||||
fill: #FFFF00 !important;
|
||||
fill-opacity: 1 !important;
|
||||
stroke: #FF0000 !important;
|
||||
stroke-dasharray: 10, 4 !important;
|
||||
stroke-width: 2px !important;
|
||||
stroke-opacity: 0.8 !important;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
.alarm-disarmed {
|
||||
fill: #81D9a7 !important;
|
||||
fill-opacity: 0.5 !important;
|
||||
}
|
||||
|
||||
.alarm-triggered {
|
||||
fill: #FF0000 !important;
|
||||
fill-opacity: 1 !important;
|
||||
stroke: #FFFF00 !important;
|
||||
}
|
||||
|
||||
.alarm-armed_night {
|
||||
fill: #FF8A0D; !important;
|
||||
}
|
||||
|
||||
.alarm-armed_away {
|
||||
fill: #FFCC66; !important;
|
||||
}
|
||||
|
||||
.alarm-armed_home {
|
||||
fill: #FF8A0D; !important;
|
||||
}
|
||||
|
||||
.alarm-armed_custom_bypass {
|
||||
fill: #FFCC66; !important;
|
||||
}
|
||||
*/
|
||||
|
||||
.closed-background,
|
||||
.closed-text-background {
|
||||
/* fill: #77FF77 !important; */
|
||||
fill: #81D9a7 !important;
|
||||
fill-opacity: 1 !important;
|
||||
/* stroke: #82caa8 !important;
|
||||
stroke-width: 1px !important; */
|
||||
}
|
||||
|
||||
.open-background,
|
||||
.open-text-background {
|
||||
fill: #FF0000 !important;
|
||||
fill-opacity: 1 !important;
|
||||
stroke: #FFFF00 !important;
|
||||
stroke-dasharray: 10, 4 !important;
|
||||
stroke-width: 2px !important;
|
||||
stroke-opacity: 0.8 !important;
|
||||
}
|
||||
|
||||
.interior-closed-background,
|
||||
.interior-closed-text-background {
|
||||
fill: #81c9a7 !important;
|
||||
fill-opacity: 1 !important;
|
||||
/* stroke: #82caa8 !important;
|
||||
stroke-width: 1px !important; */
|
||||
}
|
||||
|
||||
.interior-open-background,
|
||||
.interior-open-text-background {
|
||||
fill: #5fd3eb !important;
|
||||
fill-opacity: 1 !important;
|
||||
stroke: #6fE3Fb !important;
|
||||
stroke-dasharray: 4, 4 !important;
|
||||
stroke-width: 1px !important;
|
||||
stroke-opacity: 0.5 !important;
|
||||
}
|
||||
|
||||
.window-closed-background,
|
||||
.window-closed-text-background {
|
||||
fill: #83DFF3 !important;
|
||||
fill-opacity: 1 !important;
|
||||
/* stroke: #82caa8 !important;
|
||||
stroke-width: 1px !important; */
|
||||
}
|
||||
|
||||
.window-open-background,
|
||||
.window-open-text-background {
|
||||
fill: #FF0000 !important;
|
||||
fill-opacity: 1 !important;
|
||||
stroke: #FFFF00 !important;
|
||||
stroke-dasharray: 10, 4 !important;
|
||||
stroke-width: 2px !important;
|
||||
stroke-opacity: 0.8 !important;
|
||||
}
|
||||
|
||||
.motion-background,
|
||||
.motion-text-background {
|
||||
fill: #81c9a7 !important;
|
||||
/* fill-opacity: 1 !important; */
|
||||
/* stroke: #82caa8 !important;
|
||||
stroke-width: 1px !important; */
|
||||
}
|
||||
|
||||
|
||||
/* .info-background, .info-text-background { */
|
||||
|
||||
.info-background {
|
||||
/* fill: #D2D0ED !important; */
|
||||
fill: #81c9a7 !important;
|
||||
/* fill-opacity: 1 !important; */
|
||||
/* stroke: #82caa8 !important;
|
||||
stroke-width: 1px !important; */
|
||||
}
|
||||
|
||||
|
||||
/* Bootstrap warning */
|
||||
|
||||
.warning-text {
|
||||
fill: #8a6d3b !important;
|
||||
}
|
||||
|
||||
.warning-background,
|
||||
.warning-text-background {
|
||||
fill: #FFFF00 !important;
|
||||
fill-opacity: 1 !important;
|
||||
stroke: #FF0000 !important;
|
||||
stroke-width: 4px !important;
|
||||
stroke-opacity: 0.5 !important;
|
||||
}
|
||||
|
||||
.motion-unavailable {
|
||||
/* fill: #B9CEF7 !important; */
|
||||
fill: #6FAECE !important;
|
||||
/* fill: #8270A2 !important; */
|
||||
}
|
||||
|
||||
|
||||
/* Bootstrap danger */
|
||||
|
||||
.danger-text {
|
||||
fill: #a94442 !important;
|
||||
}
|
||||
|
||||
.danger-background,
|
||||
.danger-text-background {
|
||||
fill: #f2dede !important;
|
||||
fill-opacity: 1 !important;
|
||||
stroke: #ebccd1 !important;
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
|
||||
|
||||
/* Last motion entity */
|
||||
|
||||
.last-motion {
|
||||
stroke: #808080 !important;
|
||||
stroke-width: 1px !important;
|
||||
stroke-opacity: 1 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Alarm Panel */
|
||||
|
||||
.alarm-disarmed {
|
||||
fill: #3c763d !important;
|
||||
}
|
||||
|
||||
.alarm-armed {
|
||||
fill: #8a6d3b !important;
|
||||
}
|
||||
|
||||
|
||||
/* Camera */
|
||||
|
||||
.camera-idle {
|
||||
/* fill: #B9CEF7 !important; */
|
||||
/* fill: #6FAECE !important; */
|
||||
fill: #8270A2 !important;
|
||||
}
|
||||
|
||||
.camera-unavailable {
|
||||
fill: #B9CEF7 !important;
|
||||
/* fill: #6FAECE !important; */
|
||||
/* fill: #8270A2 !important; */
|
||||
}
|
||||
|
||||
.camera-streaming {
|
||||
/* fill: #B9CEF7 !important; */
|
||||
fill: #6FAECE !important;
|
||||
/* fill: #8270A2 !important; */
|
||||
}
|
||||
|
||||
|
||||
/* Light */
|
||||
|
||||
.light-unavailable {
|
||||
fill: #8270A2 !important;
|
||||
stroke: #FFFFFF !important;
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
|
||||
.light-off,
|
||||
.light-off * {
|
||||
fill: #4d4d3e !important;
|
||||
}
|
||||
|
||||
.light-on,
|
||||
.light-on * {
|
||||
fill: #FFF27F !important;
|
||||
stroke: #FFF27F !important;
|
||||
stroke-width: 7px !important;
|
||||
stroke-opacity: 0.25 !important;
|
||||
}
|
||||
|
||||
.sun-on {
|
||||
fill: #FFF27F !important;
|
||||
stroke: #FFF27F !important;
|
||||
stroke-width: 2px !important;
|
||||
stroke-opacity: 0.25 !important;
|
||||
}
|
||||
|
||||
.light-strip-on {
|
||||
fill: #FFF27F !important;
|
||||
stroke: #FFF27F !important;
|
||||
stroke-width: 3px !important;
|
||||
stroke-opacity: 0.25 !important;
|
||||
}
|
||||
|
||||
.indicator-on {
|
||||
fill: #FFE500 !important;
|
||||
/* stroke: #FFE500 !important;
|
||||
stroke-width: 20px !important;
|
||||
stroke-opacity: 0.25 !important; */
|
||||
}
|
||||
|
||||
|
||||
/* Doorbell */
|
||||
|
||||
.doorbell-off {
|
||||
/* fill: #92C0AD !important; */
|
||||
fill: #4d4d3e !important;
|
||||
}
|
||||
|
||||
.doorbell-on {
|
||||
fill: #FFE500 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Temperature sensor */
|
||||
|
||||
.temp-very-low-background {
|
||||
fill: #d9edf7 !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.temp-below-average-background {
|
||||
fill: #dcefe8 !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.temp-average-background {
|
||||
fill: #dff0d8 !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
.temp-very-high-background {
|
||||
fill: #f2dede !important;
|
||||
fill-opacity: 1 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Media player */
|
||||
|
||||
.homehub-off {
|
||||
fill: #515151 !important;
|
||||
}
|
||||
|
||||
.homehub-paused {
|
||||
fill: #518151 !important;
|
||||
}
|
||||
|
||||
.homehub-on {
|
||||
fill: #F1F1F1 !important;
|
||||
}
|
||||
|
||||
.squeezebox-off {
|
||||
fill: #8270A2 !important;
|
||||
}
|
||||
|
||||
.squeezebox-idle {
|
||||
fill: #BBBBBB !important;
|
||||
}
|
||||
|
||||
.squeezebox-paused {
|
||||
/* fill: #B9C999 !important; */
|
||||
fill: #8da6c9 !important;
|
||||
}
|
||||
|
||||
.squeezebox-on {
|
||||
/* fill: #2baaa6 !important; */
|
||||
/* fill: #E0E276 !important; */
|
||||
/* fill: #A7B349 !important; */
|
||||
/* fill: #03a9f4 !important; */
|
||||
fill: #40a2cf !important;
|
||||
}
|
||||
|
||||
.squeezebox-unknown {
|
||||
fill: #A99999 !important;
|
||||
}
|
||||
|
||||
|
||||
/* People */
|
||||
|
||||
.car-away {
|
||||
fill: #585858 !important;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.car-home {
|
||||
fill: #014421 !important;
|
||||
}
|
||||
|
||||
.suv-away {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.suv-home {
|
||||
fill: #4b4b4b !important;
|
||||
}
|
||||
|
||||
.tracker-away {
|
||||
fill: #585858 !important;
|
||||
}
|
||||
|
||||
.tracker-travel {
|
||||
fill: #88a9b8 !important;
|
||||
}
|
||||
|
||||
.tracker-work {
|
||||
fill: #9963a6 !important;
|
||||
}
|
||||
|
||||
.tracker-other {
|
||||
fill: #6993a6 !important;
|
||||
}
|
||||
|
||||
.tracker-home {
|
||||
/* fill: #2baaa6 !important; */
|
||||
/* fill: #D0D266 !important; */
|
||||
/* fill: #77FF77 !important; */
|
||||
fill: #40a2cf !important;
|
||||
}
|
||||
|
||||
.hvac-heating {
|
||||
fill: #5e0202
|
||||
}
|
||||
|
||||
.hvac-fan {
|
||||
fill: #6d6d02
|
||||
}
|
||||
|
||||
.hvac-cooling {
|
||||
fill: #010194
|
||||
}
|
||||
|
||||
.hvac-idle {
|
||||
fill: #8270A2
|
||||
}
|
||||
|
||||
.fridge-low {
|
||||
fill: #7777FF !important;
|
||||
/* stroke-width: 2px !important; */
|
||||
/* stroke-opacity: 1 !important; */
|
||||
}
|
||||
|
||||
.fridge-medium {
|
||||
fill: #81D9a7 !important;
|
||||
/* stroke-width: 2px !important;
|
||||
stroke-opacity: 1 !important; */
|
||||
}
|
||||
|
||||
.fridge-high {
|
||||
fill: #ff8800 !important;
|
||||
/* stroke-width: 2px !important;
|
||||
stroke-opacity: 1 !important; */
|
||||
}
|
||||
|
||||
.temp-freeze {
|
||||
fill: #FFFFFF !important;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.temp-low {
|
||||
fill: #6969ff !important;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.temp-medium {
|
||||
fill: #77FF77 !important;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.temp-high {
|
||||
fill: #FF7700 !important;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.temp-hot {
|
||||
fill: #FF0000 !important;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.temp-unknown {
|
||||
fill: #777777 !important;
|
||||
}
|
||||
|
||||
.health-critical {
|
||||
fill: #FF0000 !important;
|
||||
}
|
||||
|
||||
.health-warning {
|
||||
fill: #ffa500 !important;
|
||||
}
|
||||
|
||||
.health-info {
|
||||
fill: #ffff00 !important;
|
||||
}
|
||||
|
||||
.health-good {
|
||||
fill: #77FF77 !important;
|
||||
}
|
||||
|
||||
.health-unknown {
|
||||
fill: #0000FF !important;
|
||||
}
|
||||
|
||||
.humid-low {
|
||||
fill: #300330 !important;
|
||||
}
|
||||
|
||||
.humid-med-low {
|
||||
fill: #cfb837 !important;
|
||||
}
|
||||
|
||||
.humid-medium {
|
||||
fill: #77FF77 !important;
|
||||
}
|
||||
|
||||
.humid-med-high {
|
||||
fill: #C8AB37 !important;
|
||||
}
|
||||
|
||||
.humid-high {
|
||||
fill: #FF0000 !important;
|
||||
}
|
||||
|
||||
.light-low {
|
||||
/* fill: #000083 !important; */
|
||||
fill: #1D2375 !important;
|
||||
}
|
||||
|
||||
.light-medium-low {
|
||||
fill: #A7B349 !important;
|
||||
}
|
||||
|
||||
.light-medium {
|
||||
fill: #e4ff24 !important;
|
||||
}
|
||||
|
||||
.light-high {
|
||||
fill: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.tv-on {
|
||||
/* fill: #DFDFDF !important; */
|
||||
fill: #B0B0D0 !important;
|
||||
}
|
||||
|
||||
.tv-off {
|
||||
fill: #505050 !important;
|
||||
}
|
||||
|
||||
.bin-today {
|
||||
fill: #FF0000 !important;
|
||||
}
|
||||
|
||||
.bin-tomorrow {
|
||||
fill: #FFFF00 !important;
|
||||
}
|
||||
|
||||
.bin-future {
|
||||
fill: #00FF00 !important;
|
||||
}
|
||||
|
||||
.bin-false {
|
||||
fill: #000000 !important;
|
||||
}
|
||||
|
||||
.bags-five {
|
||||
fill: #00FF00 !important;
|
||||
}
|
||||
|
||||
.bags-four {
|
||||
fill: #33CC00 !important;
|
||||
}
|
||||
|
||||
.bags-three {
|
||||
fill: #669900 !important;
|
||||
}
|
||||
|
||||
.bags-two {
|
||||
fill: #996600 !important;
|
||||
}
|
||||
|
||||
.bags-one {
|
||||
fill: #CC3300 !important;
|
||||
}
|
||||
|
||||
.bags-zero {
|
||||
fill: #FF0000 !important;
|
||||
}
|
||||
|
||||
.visible-entity {
|
||||
display: initial !important;
|
||||
}
|
||||
|
||||
.hidden-entity {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.transparent {
|
||||
fill-opacity: 0.5 !important;
|
||||
}
|
||||
|
||||
.visible {
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
|
||||
/* Spinning fan */
|
||||
|
||||
.spinning-fan {
|
||||
animation-name: fan-spin;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
transform-origin: center;
|
||||
transform-box: fill-box;
|
||||
}
|
||||
|
||||
.spinning-fan-low {
|
||||
animation-name: fan-spin;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
transform-origin: center;
|
||||
transform-box: fill-box;
|
||||
}
|
||||
|
||||
.spinning-fan-med {
|
||||
animation-name: fan-spin;
|
||||
animation-duration: 3s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
transform-origin: center;
|
||||
transform-box: fill-box;
|
||||
}
|
||||
|
||||
.spinning-fan-high {
|
||||
animation-name: fan-spin;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
transform-origin: center;
|
||||
transform-box: fill-box;
|
||||
}
|
||||
|
||||
@keyframes fan-spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.cam14-preset-1 {
|
||||
/* transform-origin: 932.77301, 516.55847; */
|
||||
transform: rotate(-162.13251deg);
|
||||
/* transform: rotate(-162.13251, 932.77301, 516.55847); */
|
||||
}
|
||||
|
||||
.cam14-preset-2 {
|
||||
/* transform: rotate(-52.13251, 937.18866, 521.48235); */
|
||||
transform: rotate(-52.13251deg);
|
||||
}
|
||||
|
||||
.cam14-preset-3 {
|
||||
/* transform: rotate(12.86749, 911.65468, 493.00954); */
|
||||
transform: rotate(12.86749deg);
|
||||
}
|
||||
|
||||
.cam14-preset-4 {
|
||||
/* transform: rotate(57.86749, 928.17232, 511.42827); */
|
||||
transform: rotate(57.86749deg);
|
||||
}
|
||||
|
||||
.cam14-preset-5 {
|
||||
/* transform: rotate(-127.13251, 933.56844, 517.44545); */
|
||||
transform: rotate(-127.13251deg);
|
||||
}
|
||||
|
||||
.cam14-preset-6 {
|
||||
/* transform: rotate(-107.13251, 934.13244, 518.07436); */
|
||||
transform: rotate(-107.13251deg);
|
||||
}
|
||||
|
||||
.cam14-preset-7 {
|
||||
/* transform: rotate(-12.13251, 954.42304, 540.7003); */
|
||||
transform: rotate(-12.13251deg);
|
||||
}
|
||||
Reference in New Issue
Block a user