clevergit/fresh-home
1
0
Fork 0
mirror of https://github.com/CeeWeasel/fresh-home.git synced 2026-08-09 10:30:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

updating themes and colors

Browse Source
This commit is contained in:
CeeWeasel
2025-09-17 22:24:37 -04:00
parent c826cb7738
commit 0f815c268b
39 changed files with 2439 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/packages/hue_batteries.yaml → components/packages/batteries/hue_batteries.yaml
-1
View File
@@ -1,6 +1,5 @@
sensor:
- platform: min_max
icon: mdi:battery-20
unique_id: sensor_lowest_hue_device_battery
name: Lowest Hue Device Battery
type: min
components/packages/plant_sensor_batteries.yaml → components/packages/batteries/plant_sensor_batteries.yaml
-2
View File
@@ -1,6 +1,5 @@
sensor:
- platform: min_max
icon: mdi:battery-20
unique_id: sensor_lowest_xiaomi_device_battery
name: Lowest Xiaomi Plant Sensor Battery
type: min
@@ -10,7 +9,6 @@ sensor:
- sensor.plant_sensor_cea4_battery
- platform: min_max
icon: mdi:battery-20
unique_id: sensor_lowest_ecowitt_device_battery
name: Lowest Ecowitt Battery
type: min
components/packages/zigbee_batteries.yaml → components/packages/batteries/zigbee_batteries.yaml
-4
View File
@@ -1,6 +1,5 @@
sensor:
- platform: min_max
icon: mdi:battery-20
unique_id: sensor_lowest_window_device_battery
name: Lowest Window Battery
type: min
@@ -12,7 +11,6 @@ sensor:
- sensor.master_bedroom_window_battery
- platform: min_max
icon: mdi:battery-20
unique_id: sensor_lowest_thermostat_device_battery
name: Lowest Thermostat Battery
type: min
@@ -25,7 +23,6 @@ sensor:
- sensor.utility_room_thermostat_battery
- platform: min_max
icon: mdi:battery-20
unique_id: sensor_lowest_door_device_battery
name: Lowest Door Battery
type: min
@@ -45,7 +42,6 @@ sensor:
- sensor.pantry_door_battery
- platform: min_max
icon: mdi:battery-20
unique_id: sensor_lowest_zigbee_device_battery
name: Lowest Zigbee Device Battery
type: min
components/packages/zwave_batteries.yaml → components/packages/batteries/zwave_batteries.yaml
-1
View File
@@ -1,6 +1,5 @@
sensor:
- platform: min_max
icon: mdi:battery-20
unique_id: sensor_lowest_zwave_device_battery
name: Lowest ZWave Device Battery
type: min
configuration.yaml
+5
View File
@@ -44,6 +44,7 @@ homeassistant:
- ::1
- 172.21.0.0/24
http:
#ssl_certificate: /ssl/origin.pem
#ssl_key: /ssl/privkey.pem
@@ -52,6 +53,10 @@ http:
use_x_forwarded_for: true
trusted_proxies:
- 192.168.1.0/24
- 172.18.0.0/24
- fe80::/64
- fe00::/64
- fd00::/64
- 127.0.0.1
- 172.30.32.0/23
- 172.16.0.0/12
customizations/entities/batteries.yaml
+23
View File
@@ -0,0 +1,23 @@
sensor.lowest_zwave_device_battery:
icon: mdi:battery-20
sensor.lowest_window_battery:
icon: mdi:battery-20
sensor.lowest_thermostat_battery:
icon: mdi:battery-20
sensor.lowest_door_battery:
icon: mdi:battery-20
sensor.lowest_zigbee_device_battery:
icon: mdi:battery-20
sensor.lowest_xiaomi_plant_sensor_battery:
icon: mdi:battery-20
sensor.lowest_ecowitt_battery:
icon: mdi:battery-20
sensor.lowest_hue_device_battery:
icon: mdi:battery-20
lovelace/appliances/dishwasher.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
title: Dishwasher
path: dishwasher
icon: mdi:dishwasher
lovelace/appliances/keurig.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
title: Keurig
path: keurig
icon: mdi:coffee-maker
lovelace/appliances/stove.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
title: Stove
path: stove
icon: mdi:stove
lovelace/appliances/tumble-dryer.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
title: Tumble Dryer
path: tumble-dryer
icon: mdi:tumble-dryer
lovelace/appliances/washing-machine.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
title: Washing Machine
path: washing-machine
icon: mdi:washing-machine
lovelace/phone/back-yard.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Back Yard
path: back-yard
lovelace/phone/blue-room.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Blue Room
path: blue-room
lovelace/phone/cctv.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
title: CCTV
path: cctv
icon: mdi:cctv
lovelace/phone/computer-area.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Computer Area
path: computer-area
lovelace/phone/dining-room.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Dining Room
path: dining-room
lovelace/phone/entryway.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Entryway
path: entryway
lovelace/phone/front-room.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Front Room
path: front-room
lovelace/phone/front-yard.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Front Yard
path: front-yard
lovelace/phone/furnace-room.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Furnace Room
path: furnace-room
lovelace/phone/garage.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Garage
path: garage
lovelace/phone/great-room.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Great Room
path: great-room
lovelace/phone/home.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
title: Home
icon: mdi:home
path: home
lovelace/phone/kitchen.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Kitchen
path: kitchen
lovelace/phone/lights.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
title: Lights
path: lights
icon: mdi:lightbulb-group
lovelace/phone/lyrics.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
title: Lyrics
path: lyrics
icon: mdi:book-music
lovelace/phone/mancave.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Mancave
path: mancave
lovelace/phone/master-bathroom.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Master Bathroom
path: master-bathroom
lovelace/phone/master-bedroom.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Master Bedroom
path: master-bedroom
lovelace/phone/nursery.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Nursery
path: nursery
lovelace/phone/plants.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
title: Plants
path: plants
icon: mdi:flower
lovelace/phone/utility-room.yaml
-1
View File
@@ -1,4 +1,3 @@
theme: Mushroom
subview: true
title: Utility Room
path: utility-room
lovelace/view-floor-all.yaml
-1
View File
@@ -1,7 +1,6 @@
title: All Floors
path: all-floors
icon: mdi:alpha-a-box
theme: Mushroom Shadow
cards:
- !include /config/lovelace/room_cards/front_room.yaml
lovelace/view-ha-floorplan.yaml
+12 -12
View File
@@ -568,18 +568,18 @@ cards:
return "info-text";
'
- entities:
- switch.shelly_sliding_glass_door
states:
- state: "on"
class: "light-on"
- state: "off"
class: "camera-streaming"
- state: "unavailable"
class: "light-unavailable"
action:
domain: homeassistant
service: homeassistant.toggle
# - entities:
# - switch.shelly_sliding_glass_door
# states:
# - state: "on"
# class: "light-on"
# - state: "off"
# class: "camera-streaming"
# - state: "unavailable"
# class: "light-unavailable"
# action:
# domain: homeassistant
# service: homeassistant.toggle
- entities:
- light.front_room_splash_left
themes/catppuccin/catppuccin.yaml
+1808
View File
File diff suppressed because it is too large Load Diff
themes/rose-pine-moon/rose-pine-moon.yaml
+248
View File
@@ -0,0 +1,248 @@
Rosé Pine Moon:
modes:
dark:
# Header:
app-header-background-color: rgb(35, 33, 54)
app-header-text-color: var(--primary-text-color)
app-header-selection-bar-color: var(--primary-color)
# Main Interface Colors
primary-color: rgb(235, 111, 146)
lovelace-background: rgb(42, 39, 63)
primary-background-color: rgb(42, 39, 63)
secondary-background-color: rgb(35, 33, 54)
divider-color: rgb(57, 53, 82)
accent-color: var(--primary-color)
# Text
primary-text-color: rgb(224, 222, 244)
secondary-text-color: rgb(144, 140, 170)
text-primary-color: var(--primary-text-color)
disabled-text-color: rgb(110, 106, 134)
# Sidebar Menu
sidebar-icon-color: rgb(144, 140, 170)
sidebar-text-color: rgb(224, 222, 244)
sidebar-background-color: var(--app-header-background-color)
sidebar-selected-icon-color: var(--primary-color)
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
# Buttons
paper-item-icon-color: rgb(144, 140, 170)
paper-item-icon-active-color: var(--primary-color)
# States and Badges
state-icon-color: var(--paper-item-icon-color)
state-icon-active-color: var(--paper-item-icon-active-color)
state-icon-unavailable-color: rgb(110, 106, 134)
# Sliders
paper-slider-knob-color: rgb(144, 140, 170)
paper-slider-knob-start-color: var(--paper-slider-knob-color)
paper-slider-pin-color: var(--paper-slider-active-color)
paper-slider-active-color: rgb(246, 193, 119)
paper-slider-secondary-color: var(--paper-slider-active-color)
slider-track-color: rgb(85 85 87)
# Labels
label-badge-background-color: var(--secondary-background-color)
label-badge-text-color: var(--primary-text-color)
label-badge-red: rgb(235, 111, 146)
label-badge-green: rgb(156, 207, 216)
label-badge-blue: rgb(62, 143, 176)
label-badge-yellow: rgb(246, 193, 119)
label-badge-gray: rgb(68, 65, 90)
# Cards
card-background-color: rgb(57, 53, 82)
ha-card-background: rgb(57, 53, 82)
ha-card-border-color: none
ha-card-border-width: 0px
paper-dialog-background-color: var(--card-background-color)
paper-listbox-background-color: var(--card-background-color)
paper-card-background-color: var(--card-background-color)
# Switches
switch-checked-button-color: rgb(144, 140, 170)
switch-checked-track-color: rgb(62, 143, 176)
switch-unchecked-button-color: var(--switch-checked-button-color)
switch-unchecked-track-color: rgb(57, 53, 82)
# Toggles
paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
# Table
table-row-background-color: rgb(68, 65, 90)
table-row-alternative-background-color: rgb(86, 82, 110)
data-table-background-color: rgb(42, 40, 62)
# Dropdowns
material-background-color: var(--table-row-background-color)
material-secondary-background-color: var(--table-row-alternative-background-color)
mdc-theme-surface: var(--secondary-background-color)
# Pre/Code
markdown-code-background-color: rgb(86, 82, 110)
# Checkboxes
mdc-checkbox-unchecked-color: rgb(144, 140, 170)
mdc-checkbox-disable-color: var(--disabled-text-color)
mdc-select-fill-color: rgb(42, 40, 62)
mdc-select-ink-color: var(--primary-text-color)
mdc-select-label-ink-color: var(--secondary-text-color)
mdc-select-idle-line-color: var(--primary-text-color)
mdc-select-dropdown-icon-color: rgb(144, 140, 170)
mdc-select-hover-line-color: var(--accent-color)
mdc-text-field-fill-color: var(--mdc-select-fill-color)
# Input
input-fill-color: var(--secondary-background-color)
input-dropdown-icon-color: var(--secondary-text-color)
input-ink-color: var(--primary-text-color)
input-label-ink-color: var(--secondary-text-color)
input-idle-line-color: var(--primary-text-color)
input-hover-line-color: var(--accent-color)
# Error, Warning, Success and Info colors
error-color: rgb(235, 111, 146)
warning-color: rgb(246, 193, 119)
sucess-color: rgb(62, 143, 176)
info-color: rgb(234, 154, 151)
# Progress bar
ha-bar-background-color: var(--slider-track-color)
# Mushroom Custom cards
mush-rgb-state-entity: 156, 207, 216
mush-rgb-green: 62, 143, 176
mush-rgb-yellow: 246, 193, 119
mush-rgb-orange: 234, 154, 151
mush-rgb-cyan: 156, 207, 216
mush-rgb-purple: 196, 167, 231
mush-rgb-pink: 235, 111, 146
mush-rgb-red: 235, 111, 146
mush-rgb-gray: 68, 65, 90
mush-rgb-disabled: 110, 106, 134
mush-icon-border-radius: 25%
mush-rgb-state-media-player: 156, 207, 216
#RGB
rgb-primary-text-color: 224, 222, 244
rgb-primary-color: 224, 222, 244
rgb-accent-color: 156, 207, 216
rgb-state-switch-color: var(--rgb-accent-color)
rgb-state-light-color: var(--rgb-accent-color)
rgb-state-fan-color: var(--rgb-accent-color)
rgb-state-script-color: var(--rgb-accent-color)
rgb-state-vacuum-color: var(--rgb-accent-color)
rgb-state-remote-color: var(--rgb-accent-color)
rgb-state-input-boolean-color: var(--rgb-accent-color)
rgb-state-humidifier-color: var(--rgb-accent-color)
rgb-state-cover-color: var(--rgb-accent-color)
light:
# Header:
app-header-background-color: rgb(250, 244, 237)
app-header-text-color: var(--primary-text-color)
app-header-selection-bar-color: var(--primary-color)
# Main Interface Colors
primary-color: rgb(180, 99, 122)
lovelace-background: rgb(255, 250, 243)
primary-background-color: rgb(255, 250, 243)
secondary-background-color: rgb(250, 244, 237)
divider-color: rgb(242, 233, 222)
accent-color: var(--primary-color)
# Text
primary-text-color: rgb(87, 82, 121)
secondary-text-color: rgb(121, 117, 147)
text-primary-color: var(--primary-text-color)
disabled-text-color: rgb(152, 147, 165)
# Sidebar Menu
sidebar-icon-color: rgb(121, 117, 147)
sidebar-text-color: rgb(87, 82, 121)
sidebar-background-color: var(--app-header-background-color)
sidebar-selected-icon-color: var(--primary-color)
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
# Buttons
paper-item-icon-color: rgb(121, 117, 147)
paper-item-icon-active-color: var(--primary-color)
# States and Badges
state-icon-color: var(--paper-item-icon-color)
state-icon-active-color: var(--paper-item-icon-active-color)
state-icon-unavailable-color: rgb(152, 147, 165)
# Sliders
paper-slider-knob-color: rgb(121, 117, 147)
paper-slider-knob-start-color: var(--paper-slider-knob-color)
paper-slider-pin-color: var(--paper-slider-active-color)
paper-slider-active-color: rgb(234, 157, 52)
paper-slider-secondary-color: var(--paper-slider-active-color)
slider-track-color: rgb(85 85 87)
# Labels
label-badge-background-color: var(--secondary-background-color)
label-badge-text-color: var(--primary-text-color)
label-badge-red: rgb(180, 99, 122)
label-badge-green: rgb(86, 148, 159)
label-badge-blue: rgb(40, 105, 131)
label-badge-yellow: rgb(234, 157, 52)
label-badge-gray: rgb(223, 218, 217)
# Cards
card-background-color: rgb(242, 233, 222)
ha-card-background: rgb(242, 233, 222)
ha-card-border-color: none
ha-card-border-width: 0px
paper-dialog-background-color: var(--card-background-color)
paper-listbox-background-color: var(--card-background-color)
paper-card-background-color: var(--card-background-color)
# Switches
switch-checked-button-color: rgb(121, 117, 147)
switch-checked-track-color: rgb(40, 105, 131)
switch-unchecked-button-color: var(--switch-checked-button-color)
switch-unchecked-track-color: rgb(242, 233, 222)
# Toggles
paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
# Table
table-row-background-color: rgb(223, 218, 217)
table-row-alternative-background-color: rgb(206, 202, 205)
data-table-background-color: rgb(244, 237, 232)
# Dropdowns
material-background-color: var(--table-row-background-color)
material-secondary-background-color: var(--table-row-alternative-background-color)
mdc-theme-surface: var(--secondary-background-color)
# Pre/Code
markdown-code-background-color: rgb(206, 202, 205)
# Checkboxes
mdc-checkbox-unchecked-color: rgb(121, 117, 147)
mdc-checkbox-disable-color: var(--disabled-text-color)
mdc-select-fill-color: rgb(244, 237, 232)
mdc-select-ink-color: var(--primary-text-color)
mdc-select-label-ink-color: var(--secondary-text-color)
mdc-select-idle-line-color: var(--primary-text-color)
mdc-select-dropdown-icon-color: rgb(121, 117, 147)
mdc-select-hover-line-color: var(--accent-color)
mdc-text-field-fill-color: var(--mdc-select-fill-color)
# Input
input-fill-color: var(--secondary-background-color)
input-dropdown-icon-color: var(--secondary-text-color)
input-ink-color: var(--primary-text-color)
input-label-ink-color: var(--secondary-text-color)
input-idle-line-color: var(--primary-text-color)
input-hover-line-color: var(--accent-color)
# Error, Warning, Success and Info colors
error-color: rgb(180, 99, 122)
warning-color: rgb(234, 157, 52)
sucess-color: rgb(40, 105, 131)
info-color: rgb(215, 130, 126)
# Progress bar
ha-bar-background-color: var(--slider-track-color)
# Mushroom Custom cards
mush-rgb-state-entity: 86, 148, 159
mush-rgb-green: 40, 105, 131
mush-rgb-yellow: 234, 157, 52
mush-rgb-orange: 215, 130, 126
mush-rgb-cyan: 86, 148, 159
mush-rgb-purple: 144, 122, 169
mush-rgb-pink: 180, 99, 122
mush-rgb-red: 180, 99, 122
mush-rgb-gray: 223, 218, 217
mush-rgb-disabled: 152, 147, 165
mush-icon-border-radius: 25%
mush-rgb-state-media-player: 86, 148, 159
#RGB
rgb-primary-text-color: 87, 82, 121
rgb-primary-color: 87, 82, 121
rgb-accent-color: 86, 148, 159
rgb-state-switch-color: var(--rgb-accent-color)
rgb-state-light-color: var(--rgb-accent-color)
rgb-state-fan-color: var(--rgb-accent-color)
rgb-state-script-color: var(--rgb-accent-color)
rgb-state-vacuum-color: var(--rgb-accent-color)
rgb-state-remote-color: var(--rgb-accent-color)
rgb-state-input-boolean-color: var(--rgb-accent-color)
rgb-state-humidifier-color: var(--rgb-accent-color)
rgb-state-cover-color: var(--rgb-accent-color)
themes/rose-pine/rose-pine.yaml
+248
View File
@@ -0,0 +1,248 @@
Rosé Pine:
modes:
dark:
# Header:
app-header-background-color: rgb(25, 23, 36)
app-header-text-color: var(--primary-text-color)
app-header-selection-bar-color: var(--primary-color)
# Main Interface Colors
primary-color: rgb(235, 111, 146)
lovelace-background: rgb(31, 29, 46)
primary-background-color: rgb(31, 29, 46)
secondary-background-color: rgb(25, 23, 36)
divider-color: rgb(38, 35, 58)
accent-color: var(--primary-color)
# Text
primary-text-color: rgb(224, 222, 244)
secondary-text-color: rgb(144, 140, 170)
text-primary-color: var(--primary-text-color)
disabled-text-color: rgb(110, 106, 134)
# Sidebar Menu
sidebar-icon-color: rgb(144, 140, 170)
sidebar-text-color: rgb(224, 222, 244)
sidebar-background-color: var(--app-header-background-color)
sidebar-selected-icon-color: var(--primary-color)
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
# Buttons
paper-item-icon-color: rgb(144, 140, 170)
paper-item-icon-active-color: var(--primary-color)
# States and Badges
state-icon-color: var(--paper-item-icon-color)
state-icon-active-color: var(--paper-item-icon-active-color)
state-icon-unavailable-color: rgb(110, 106, 134)
# Sliders
paper-slider-knob-color: rgb(144, 140, 170)
paper-slider-knob-start-color: var(--paper-slider-knob-color)
paper-slider-pin-color: var(--paper-slider-active-color)
paper-slider-active-color: rgb(246, 193, 119)
paper-slider-secondary-color: var(--paper-slider-active-color)
slider-track-color: rgb(85 85 87)
# Labels
label-badge-background-color: var(--secondary-background-color)
label-badge-text-color: var(--primary-text-color)
label-badge-red: rgb(235, 111, 146)
label-badge-green: rgb(156, 207, 216)
label-badge-blue: rgb(49, 116, 143)
label-badge-yellow: rgb(246, 193, 119)
label-badge-gray: rgb(64, 61, 82)
# Cards
card-background-color: rgb(38, 35, 58)
ha-card-background: rgb(38, 35, 58)
ha-card-border-color: none
ha-card-border-width: 0px
paper-dialog-background-color: var(--card-background-color)
paper-listbox-background-color: var(--card-background-color)
paper-card-background-color: var(--card-background-color)
# Switches
switch-checked-button-color: rgb(144, 140, 170)
switch-checked-track-color: rgb(49, 116, 143)
switch-unchecked-button-color: var(--switch-checked-button-color)
switch-unchecked-track-color: rgb(38, 35, 58)
# Toggles
paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
# Table
table-row-background-color: rgb(64, 61, 82)
table-row-alternative-background-color: rgb(82, 79, 103)
data-table-background-color: rgb(33, 32, 46)
# Dropdowns
material-background-color: var(--table-row-background-color)
material-secondary-background-color: var(--table-row-alternative-background-color)
mdc-theme-surface: var(--secondary-background-color)
# Pre/Code
markdown-code-background-color: rgb(82, 79, 103)
# Checkboxes
mdc-checkbox-unchecked-color: rgb(144, 140, 170)
mdc-checkbox-disable-color: var(--disabled-text-color)
mdc-select-fill-color: rgb(33, 32, 46)
mdc-select-ink-color: var(--primary-text-color)
mdc-select-label-ink-color: var(--secondary-text-color)
mdc-select-idle-line-color: var(--primary-text-color)
mdc-select-dropdown-icon-color: rgb(144, 140, 170)
mdc-select-hover-line-color: var(--accent-color)
mdc-text-field-fill-color: var(--mdc-select-fill-color)
# Input
input-fill-color: var(--secondary-background-color)
input-dropdown-icon-color: var(--secondary-text-color)
input-ink-color: var(--primary-text-color)
input-label-ink-color: var(--secondary-text-color)
input-idle-line-color: var(--primary-text-color)
input-hover-line-color: var(--accent-color)
# Error, Warning, Success and Info colors
error-color: rgb(235, 111, 146)
warning-color: rgb(246, 193, 119)
sucess-color: rgb(49, 116, 143)
info-color: rgb(235, 188, 186)
# Progress bar
ha-bar-background-color: var(--slider-track-color)
# Mushroom Custom cards
mush-rgb-state-entity: 156, 207, 216
mush-rgb-green: 49, 116, 143
mush-rgb-yellow: 246, 193, 119
mush-rgb-orange: 235, 188, 186
mush-rgb-cyan: 156, 207, 216
mush-rgb-purple: 196, 167, 231
mush-rgb-pink: 235, 111, 146
mush-rgb-red: 235, 111, 146
mush-rgb-gray: 64, 61, 82
mush-rgb-disabled: 110, 106, 134
mush-icon-border-radius: 25%
mush-rgb-state-media-player: 156, 207, 216
#RGB
rgb-primary-text-color: 224, 222, 244
rgb-primary-color: 224, 222, 244
rgb-accent-color: 156, 207, 216
rgb-state-switch-color: var(--rgb-accent-color)
rgb-state-light-color: var(--rgb-accent-color)
rgb-state-fan-color: var(--rgb-accent-color)
rgb-state-script-color: var(--rgb-accent-color)
rgb-state-vacuum-color: var(--rgb-accent-color)
rgb-state-remote-color: var(--rgb-accent-color)
rgb-state-input-boolean-color: var(--rgb-accent-color)
rgb-state-humidifier-color: var(--rgb-accent-color)
rgb-state-cover-color: var(--rgb-accent-color)
light:
# Header:
app-header-background-color: rgb(250, 244, 237)
app-header-text-color: var(--primary-text-color)
app-header-selection-bar-color: var(--primary-color)
# Main Interface Colors
primary-color: rgb(180, 99, 122)
lovelace-background: rgb(255, 250, 243)
primary-background-color: rgb(255, 250, 243)
secondary-background-color: rgb(250, 244, 237)
divider-color: rgb(242, 233, 222)
accent-color: var(--primary-color)
# Text
primary-text-color: rgb(87, 82, 121)
secondary-text-color: rgb(121, 117, 147)
text-primary-color: var(--primary-text-color)
disabled-text-color: rgb(152, 147, 165)
# Sidebar Menu
sidebar-icon-color: rgb(121, 117, 147)
sidebar-text-color: rgb(87, 82, 121)
sidebar-background-color: var(--app-header-background-color)
sidebar-selected-icon-color: var(--primary-color)
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
# Buttons
paper-item-icon-color: rgb(121, 117, 147)
paper-item-icon-active-color: var(--primary-color)
# States and Badges
state-icon-color: var(--paper-item-icon-color)
state-icon-active-color: var(--paper-item-icon-active-color)
state-icon-unavailable-color: rgb(152, 147, 165)
# Sliders
paper-slider-knob-color: rgb(121, 117, 147)
paper-slider-knob-start-color: var(--paper-slider-knob-color)
paper-slider-pin-color: var(--paper-slider-active-color)
paper-slider-active-color: rgb(234, 157, 52)
paper-slider-secondary-color: var(--paper-slider-active-color)
slider-track-color: rgb(85 85 87)
# Labels
label-badge-background-color: var(--secondary-background-color)
label-badge-text-color: var(--primary-text-color)
label-badge-red: rgb(180, 99, 122)
label-badge-green: rgb(86, 148, 159)
label-badge-blue: rgb(40, 105, 131)
label-badge-yellow: rgb(234, 157, 52)
label-badge-gray: rgb(223, 218, 217)
# Cards
card-background-color: rgb(242, 233, 222)
ha-card-background: rgb(242, 233, 222)
ha-card-border-color: none
ha-card-border-width: 0px
paper-dialog-background-color: var(--card-background-color)
paper-listbox-background-color: var(--card-background-color)
paper-card-background-color: var(--card-background-color)
# Switches
switch-checked-button-color: rgb(121, 117, 147)
switch-checked-track-color: rgb(40, 105, 131)
switch-unchecked-button-color: var(--switch-checked-button-color)
switch-unchecked-track-color: rgb(242, 233, 222)
# Toggles
paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
# Table
table-row-background-color: rgb(223, 218, 217)
table-row-alternative-background-color: rgb(206, 202, 205)
data-table-background-color: rgb(244, 237, 232)
# Dropdowns
material-background-color: var(--table-row-background-color)
material-secondary-background-color: var(--table-row-alternative-background-color)
mdc-theme-surface: var(--secondary-background-color)
# Pre/Code
markdown-code-background-color: rgb(206, 202, 205)
# Checkboxes
mdc-checkbox-unchecked-color: rgb(121, 117, 147)
mdc-checkbox-disable-color: var(--disabled-text-color)
mdc-select-fill-color: rgb(244, 237, 232)
mdc-select-ink-color: var(--primary-text-color)
mdc-select-label-ink-color: var(--secondary-text-color)
mdc-select-idle-line-color: var(--primary-text-color)
mdc-select-dropdown-icon-color: rgb(121, 117, 147)
mdc-select-hover-line-color: var(--accent-color)
mdc-text-field-fill-color: var(--mdc-select-fill-color)
# Input
input-fill-color: var(--secondary-background-color)
input-dropdown-icon-color: var(--secondary-text-color)
input-ink-color: var(--primary-text-color)
input-label-ink-color: var(--secondary-text-color)
input-idle-line-color: var(--primary-text-color)
input-hover-line-color: var(--accent-color)
# Error, Warning, Success and Info colors
error-color: rgb(180, 99, 122)
warning-color: rgb(234, 157, 52)
sucess-color: rgb(40, 105, 131)
info-color: rgb(215, 130, 126)
# Progress bar
ha-bar-background-color: var(--slider-track-color)
# Mushroom Custom cards
mush-rgb-state-entity: 86, 148, 159
mush-rgb-green: 40, 105, 131
mush-rgb-yellow: 234, 157, 52
mush-rgb-orange: 215, 130, 126
mush-rgb-cyan: 86, 148, 159
mush-rgb-purple: 144, 122, 169
mush-rgb-pink: 180, 99, 122
mush-rgb-red: 180, 99, 122
mush-rgb-gray: 223, 218, 217
mush-rgb-disabled: 152, 147, 165
mush-icon-border-radius: 25%
mush-rgb-state-media-player: 86, 148, 159
#RGB
rgb-primary-text-color: 87, 82, 121
rgb-primary-color: 87, 82, 121
rgb-accent-color: 86, 148, 159
rgb-state-switch-color: var(--rgb-accent-color)
rgb-state-light-color: var(--rgb-accent-color)
rgb-state-fan-color: var(--rgb-accent-color)
rgb-state-script-color: var(--rgb-accent-color)
rgb-state-vacuum-color: var(--rgb-accent-color)
rgb-state-remote-color: var(--rgb-accent-color)
rgb-state-input-boolean-color: var(--rgb-accent-color)
rgb-state-humidifier-color: var(--rgb-accent-color)
rgb-state-cover-color: var(--rgb-accent-color)
www/floorplan/floorplan.css
+90 -119
View File
@@ -12,16 +12,16 @@ svg * {
/* Hover over */
.entity:hover {
stroke: #FFFFFF !important;
stroke: var(--text-primary-color) !important;
stroke-width: 1px !important;
stroke-opacity: 1 !important;
}
/* Bootstrap succsss */
/* Bootstrap succssss */
.success-text {
fill: #3c763d !important;
fill: var(--green-color) !important;
}
.success-background,
@@ -36,7 +36,7 @@ svg * {
/* Bootstrap info */
.info-text {
fill: #d4d4d4 !important;
fill: var(--info-color) !important;
}
.awake {
@@ -57,28 +57,28 @@ svg * {
.room-empty {
/*fill: #5d5b5b !important;*/
fill: #888888 !important;
fill: var(--card-background-color) !important;
fill-opacity: 1 !important;
}
.room-occupied {
fill: #596170 !important;
fill: var(--grey-color) !important;
fill-opacity: 1 !important;
/* fill: #5d5d6f !important;*/
}
.water-dry {
fill: #81D9a7 !important;
fill: var(--green-color) !important;
fill-opacity: 1 !important;
}
.water-wet {
fill: #FF0000 !important;
fill: var(--error-color) !important;
fill-opacity: 1 !important;
}
.door-closed {
/* fill: #77FF77 !important; */
/* fill: var(--green-color) !important; */
/* fill: #81c9a7 !important; */
fill: #81D9a7 !important;
fill-opacity: 1 !important;
@@ -89,9 +89,9 @@ svg * {
}
.door-open {
fill: #FF0000 !important;
fill: var(--error-color) !important;
fill-opacity: 1 !important;
stroke: #FFFF00 !important;
stroke: var(--warning-color) !important;
stroke-dasharray: 10, 4 !important;
stroke-width: 2px !important;
stroke-opacity: 0.8 !important;
@@ -101,7 +101,7 @@ svg * {
}
.appliance-off {
/* fill: #77FF77 !important; */
/* fill: var(--green-color) !important; */
/* fill: #81c9a7 !important; */
fill: #81D9a7 !important;
fill-opacity: 1 !important;
@@ -120,7 +120,7 @@ svg * {
}
.appliance-pending {
fill: #6b0000 !important;
fill: var(--error-color) !important;
fill-opacity: 1 !important;
/* animation-duration: 4s;
animation-name: rotate90;
@@ -128,7 +128,7 @@ svg * {
}
.window-closed {
/* fill: #77FF77 !important; */
/* fill: var(--green-color) !important; */
/* fill: #81c9a7 !important; */
fill: #CCCCCC !important;
fill-opacity: 1 !important;
@@ -139,18 +139,18 @@ svg * {
}
.window-open {
fill: #FF0000 !important;
fill: var(--error-color) !important;
fill-opacity: 1 !important;
stroke: #FFFF00 !important;
stroke: var(--warning-color) !important;
stroke-dasharray: 10, 4 !important;
stroke-width: 2px !important;
stroke-opacity: 0.8 !important;
}
.window-unavailable {
fill: #FFFF00 !important;
fill: var(--warning-color) !important;
fill-opacity: 1 !important;
stroke: #FF0000 !important;
stroke: var(--error-color) !important;
stroke-dasharray: 10, 4 !important;
stroke-width: 2px !important;
stroke-opacity: 0.8 !important;
@@ -164,9 +164,9 @@ svg * {
}
.alarm-triggered {
fill: #FF0000 !important;
fill: var(--error-color) !important;
fill-opacity: 1 !important;
stroke: #FFFF00 !important;
stroke: var(--warning-color) !important;
}
.alarm-armed_night {
@@ -188,7 +188,7 @@ svg * {
.closed-background,
.closed-text-background {
/* fill: #77FF77 !important; */
/* fill: var(--green-color) !important; */
fill: #81D9a7 !important;
fill-opacity: 1 !important;
/* stroke: #82caa8 !important;
@@ -197,9 +197,9 @@ svg * {
.open-background,
.open-text-background {
fill: #FF0000 !important;
fill: var(--error-color) !important;
fill-opacity: 1 !important;
stroke: #FFFF00 !important;
stroke: var(--warning-color) !important;
stroke-dasharray: 10, 4 !important;
stroke-width: 2px !important;
stroke-opacity: 0.8 !important;
@@ -207,7 +207,7 @@ svg * {
.interior-closed-background,
.interior-closed-text-background {
fill: #81c9a7 !important;
fill: var(--light-green-color) !important;
fill-opacity: 1 !important;
/* stroke: #82caa8 !important;
stroke-width: 1px !important; */
@@ -233,9 +233,9 @@ svg * {
.window-open-background,
.window-open-text-background {
fill: #FF0000 !important;
fill: var(--error-color) !important;
fill-opacity: 1 !important;
stroke: #FFFF00 !important;
stroke: var(--warning-color) !important;
stroke-dasharray: 10, 4 !important;
stroke-width: 2px !important;
stroke-opacity: 0.8 !important;
@@ -243,7 +243,7 @@ svg * {
.motion-background,
.motion-text-background {
fill: #81c9a7 !important;
fill: var(--green-color) !important;
/* fill-opacity: 1 !important; */
/* stroke: #82caa8 !important;
stroke-width: 1px !important; */
@@ -254,7 +254,7 @@ svg * {
.info-background {
/* fill: #D2D0ED !important; */
fill: #81c9a7 !important;
fill: var(--lime-color) !important;
/* fill-opacity: 1 !important; */
/* stroke: #82caa8 !important;
stroke-width: 1px !important; */
@@ -264,14 +264,14 @@ svg * {
/* Bootstrap warning */
.warning-text {
fill: #8a6d3b !important;
fill: var(--warning-color) !important;
}
.warning-background,
.warning-text-background {
fill: #FFFF00 !important;
fill: var(--warning-color) !important;
fill-opacity: 1 !important;
stroke: #FF0000 !important;
stroke: var(--error-color) !important;
stroke-width: 4px !important;
stroke-opacity: 0.5 !important;
}
@@ -286,7 +286,7 @@ svg * {
/* Bootstrap danger */
.danger-text {
fill: #a94442 !important;
fill: var(--error-color) !important;
}
.danger-background,
@@ -321,21 +321,15 @@ svg * {
/* Camera */
.camera-idle {
/* fill: #B9CEF7 !important; */
/* fill: #6FAECE !important; */
fill: #8270A2 !important;
fill: var(--purple-color) !important;
}
.camera-unavailable {
fill: #B9CEF7 !important;
/* fill: #6FAECE !important; */
/* fill: #8270A2 !important; */
fill: var(--disabled-color) !important;
}
.camera-streaming {
/* fill: #B9CEF7 !important; */
fill: #6FAECE !important;
/* fill: #8270A2 !important; */
fill: var(--light-blue-color) !important;
}
@@ -349,34 +343,34 @@ svg * {
.light-off,
.light-off * {
fill: #4d4d3e !important;
fill: var(--ha-color-fill-neutral-loud-active) !important;
}
.light-on,
.light-on * {
fill: #FFF27F !important;
stroke: #FFF27F !important;
fill: var(--yellow-color) !important;
stroke: var(--yellow-color) !important;
stroke-width: 7px !important;
stroke-opacity: 0.25 !important;
}
.sun-on {
fill: #FFF27F !important;
stroke: #FFF27F !important;
fill: var(--yellow-color) !important;
stroke: var(--yellow-color) !important;
stroke-width: 2px !important;
stroke-opacity: 0.25 !important;
}
.light-strip-on {
fill: #FFF27F !important;
stroke: #FFF27F !important;
fill: var(--yellow-color) !important;
stroke: var(--yellow-color) !important;
stroke-width: 3px !important;
stroke-opacity: 0.25 !important;
}
.indicator-on {
fill: #FFE500 !important;
/* stroke: #FFE500 !important;
fill: var(--yellow-color) !important;
/* stroke: var(--yellow-color) !important;
stroke-width: 20px !important;
stroke-opacity: 0.25 !important; */
}
@@ -390,7 +384,7 @@ svg * {
}
.doorbell-on {
fill: #FFE500 !important;
fill: var(--yellow-color) !important;
}
@@ -419,41 +413,24 @@ svg * {
/* Media player */
.homehub-off {
fill: #515151 !important;
}
.homehub-paused {
fill: #518151 !important;
}
.homehub-on {
fill: #F1F1F1 !important;
}
.squeezebox-off {
fill: #8270A2 !important;
fill: var(--purple-color) !important;
}
.squeezebox-idle {
fill: #BBBBBB !important;
fill: var(--light-grey-color) !important;
}
.squeezebox-paused {
/* fill: #B9C999 !important; */
fill: #8da6c9 !important;
fill: var(--amber-color) !important;
}
.squeezebox-on {
/* fill: #2baaa6 !important; */
/* fill: #E0E276 !important; */
/* fill: #A7B349 !important; */
/* fill: #03a9f4 !important; */
fill: #40a2cf !important;
fill: var(--light-blue-color) !important;
}
.squeezebox-unknown {
fill: #A99999 !important;
fill: var(--disabled-color) !important;
}
@@ -485,7 +462,7 @@ svg * {
}
.tracker-work {
fill: #9963a6 !important;
fill: var(--brown-color) !important;
}
.tracker-other {
@@ -493,130 +470,124 @@ svg * {
}
.tracker-home {
/* fill: #2baaa6 !important; */
/* fill: #D0D266 !important; */
/* fill: #77FF77 !important; */
fill: #40a2cf !important;
fill: var(--info-color) !important;
}
.hvac-heating {
fill: #5e0202
fill: var(--red-color)
}
.hvac-fan {
fill: #6d6d02
fill: var(--yellow-color)
}
.hvac-cooling {
fill: #010194
fill: var(--blue-color)
}
.hvac-idle {
fill: #8270A2
fill: var(--disabled-color)
}
.fridge-low {
fill: #7777FF !important;
/* stroke-width: 2px !important; */
/* stroke-opacity: 1 !important; */
fill: var(--blue-color) !important;
}
.fridge-medium {
fill: #81D9a7 !important;
fill: var(--green-color) !important;
/* stroke-width: 2px !important;
stroke-opacity: 1 !important; */
}
.fridge-high {
fill: #ff8800 !important;
fill: var(--error-color) !important;
/* stroke-width: 2px !important;
stroke-opacity: 1 !important; */
}
.temp-freeze {
fill: #FFFFFF !important;
fill: var(--white-color) !important;
text-align: right;
}
.temp-low {
fill: #6969ff !important;
fill: var(--blue-color) !important;
text-align: right;
}
.temp-medium {
fill: #77FF77 !important;
fill: var(--green-color) !important;
text-align: right;
}
.temp-high {
fill: #FF7700 !important;
fill: var(--orange-color) !important;
text-align: right;
}
.temp-hot {
fill: #FF0000 !important;
fill: var(--error-color) !important;
text-align: right;
}
.temp-unknown {
fill: #777777 !important;
fill: var(--disabled-color) !important;
}
.health-critical {
fill: #FF0000 !important;
fill: var(--error-color) !important;
}
.health-warning {
fill: #ffa500 !important;
fill: var(--warning-color) !important;
}
.health-info {
fill: #ffff00 !important;
fill: var(--info-color) !important;
}
.health-good {
fill: #77FF77 !important;
fill: var(--green-color) !important;
}
.health-unknown {
fill: #0000FF !important;
fill: var(--disabled-color) !important;
}
.humid-low {
fill: #300330 !important;
fill: var(--purple-color) !important;
}
.humid-med-low {
fill: #cfb837 !important;
fill: var(--yellow-color) !important;
}
.humid-medium {
fill: #77FF77 !important;
fill: var(--green-color) !important;
}
.humid-med-high {
fill: #C8AB37 !important;
fill: var(--ha-color-orange-50) !important;
}
.humid-high {
fill: #FF0000 !important;
fill: var(--error-color) !important;
}
.light-low {
/* fill: #000083 !important; */
fill: #1D2375 !important;
fill: var(--ha-color-neutral-95) !important;
}
.light-medium-low {
fill: #A7B349 !important;
fill: var(--ha-color-orange-30) !important;
}
.light-medium {
fill: #e4ff24 !important;
fill: var(--ha-color-orange-50) !important;
}
.light-high {
fill: #FFFFFF !important;
fill: var(--ha-color-neutral-05) !important;
}
.tv-on {
@@ -629,43 +600,43 @@ svg * {
}
.bin-today {
fill: #FF0000 !important;
fill: var(--error-color) !important;
}
.bin-tomorrow {
fill: #FFFF00 !important;
fill: var(--warning-color) !important;
}
.bin-future {
fill: #00FF00 !important;
fill: var(--ha-color-green-50) !important;
}
.bin-false {
fill: #000000 !important;
fill: var(--black-color) !important;
}
.bags-five {
fill: #00FF00 !important;
fill: var(--graph-color-1) !important;
}
.bags-four {
fill: #33CC00 !important;
fill: var(--graph-color-4) !important;
}
.bags-three {
fill: #669900 !important;
fill: var(--graph-color-7) !important;
}
.bags-two {
fill: #996600 !important;
fill: var(--graph-color-10) !important;
}
.bags-one {
fill: #CC3300 !important;
fill: var(--graph-color-14) !important;
}
.bags-zero {
fill: #FF0000 !important;
fill: var(--error-color) !important;
}
.visible-entity {
@@ -841,7 +812,7 @@ svg * {
}
.green-to-red-grad-18 {
fill: #ff0000 !important;
fill: var(--error-color) !important;
}
www/floorplan/fullsized_floorplan.svg
+5 -40
View File
@@ -38,9 +38,9 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.02"
inkscape:cx="56275"
inkscape:cy="10675"
inkscape:zoom="0.01"
inkscape:cx="46550"
inkscape:cy="29250"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
@@ -49,7 +49,7 @@
showborder="true"
inkscape:window-width="1920"
inkscape:window-height="1009"
inkscape:window-x="-8"
inkscape:window-x="1912"
inkscape:window-y="-8"
inkscape:window-maximized="1"
showguides="true"
@@ -124,20 +124,6 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,17815)"><rect
style="display:inline;opacity:1;fill:#1c2316;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.174176;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5100-9-3-2-5-8"
width="260.68741"
height="153.57216"
x="43.625"
y="-17425.125" />
<rect
style="display:inline;fill:#1c2316;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.110483;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5100-9-3-2-5-8-4"
width="624.90057"
height="25.777346"
x="304.25485"
y="-17297.33" />
<rect
y="-17797"
x="766"
height="24.000004"
@@ -2343,13 +2329,6 @@
style="display:inline;opacity:0.96;fill:#4d4d3e;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.0916092;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
sodipodi:arc-type="arc" />
</g>
<rect
y="-17415"
x="274"
height="28.000004"
width="28.000015"
id="rect485"
style="opacity:0.99;fill:#666666;fill-opacity:1;stroke:#cccccc;stroke-width:0.0595361;stroke-miterlimit:4;stroke-dasharray:none" />
<g
style="stroke:none"
id="binary_sensor.heat_pump"
@@ -3864,7 +3843,7 @@
d="m 720.0222,-17679.003 a 4.5,4.5 0 0 1 4.99225,3.941 4.5,4.5 0 0 1 -3.93422,4.997 4.5,4.5 0 0 1 -5.00204,-3.928 4.5,4.5 0 0 1 3.92178,-5.007"
inkscape:label="light.storage_room"
sodipodi:arc-type="arc" />
&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10; inkscape:label=&quot;light.front_porch_overhead&quot; /&gt;&#10; <rect
&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10;&#10; inkscape:label=&quot;light.front_porch_overhead&quot; /&gt;&#10; <rect
id="rect12-8-8-9-3-20-4-5-3"
width="43.5"
height="4.5"
@@ -4959,20 +4938,6 @@
id="path2-3-6" />
</g>
</g>
<rect
y="-17791"
x="676"
height="48.000004"
width="84.000015"
id="rect485-6"
style="opacity:0.99;fill:#666666;fill-opacity:1;stroke:#cccccc;stroke-width:0.135015;stroke-miterlimit:4;stroke-dasharray:none" />
<rect
y="-17758.266"
x="935.08832"
height="48.000004"
width="84.000015"
id="rect485-6-06"
style="opacity:0.99;fill:#666666;fill-opacity:1;stroke:#cccccc;stroke-width:0.135015;stroke-miterlimit:4;stroke-dasharray:none" />
<text
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:9.36111px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;display:inline;fill:#d4d4d4;fill-opacity:1;stroke-width:2.63435"
transform="scale(0.93757302,1.0665836)"
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 519 KiB

After

Width:  |  Height:  |  Size: 518 KiB