Skip to content

Commit

Permalink
Merge pull request #44 from basnijholt/new-header-colors
Browse files Browse the repository at this point in the history 
Add hard-coded header colors suggested by @okets in #42
  • Loading branch information
@basnijholt
basnijholt authored Nov 20, 2022
2 parents 056148e + 7bd2f82 commit 30fdac5
Show file tree
Hide file tree
Showing 3 changed files with 72 additions and 57 deletions.
17 changes: 16 additions & 1 deletion create-themes.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,18 @@ def average_color(fname):
return "rgba({}, {}, {}, 0.4)".format(*rgb_color)


BACKGROUND_COLORS = {
# Suggested by @okets in issue #42
"blue-red": "rgba(30, 2, 61, 0.4)",
"dark-blue": "rgba(48, 69, 124, 0.4)",
"dark-green": "rgba(48, 89, 71, 0.4)",
"light-blue": "rgba(1, 195, 220, 0.4)",
"light-green": "rgba(114, 188, 139, 0.4)",
"orange": "rgba(255, 229, 116, 0.4)",
"red": "rgba(234, 88, 63, 0.4)",
}


folder_fname = [
("hacsfiles", Path("themes/ios-themes.yaml")),
("local", Path("manual-install/ios-themes.yaml")),
Expand All @@ -34,7 +46,10 @@ def average_color(fname):
f.write("---\n# From https://github.com/basnijholt/lovelace-ios-themes")
for background in Path("themes").glob("homekit-bg-*.jpg"):
color = background.stem.split("homekit-bg-")[-1]
app_header_background_color = average_color(background)
if color in BACKGROUND_COLORS:
app_header_background_color = BACKGROUND_COLORS[color]
else:
app_header_background_color = average_color(background)
for which in ["light", "dark"]:
for state_icon_yellow in [False, True]:
settings = {k: parse(v[which]) for k, v in all_settings.items()}
Expand Down
56 changes: 28 additions & 28 deletions manual-install/ios-themes.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ ios-light-mode-dark-green-alternative:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(61, 107, 86, 0.4)
app-header-background-color: rgba(48, 89, 71, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -155,7 +155,7 @@ ios-light-mode-dark-green:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(61, 107, 86, 0.4)
app-header-background-color: rgba(48, 89, 71, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -242,7 +242,7 @@ ios-dark-mode-dark-green-alternative:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(61, 107, 86, 0.4)
app-header-background-color: rgba(48, 89, 71, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -329,7 +329,7 @@ ios-dark-mode-dark-green:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(61, 107, 86, 0.4)
app-header-background-color: rgba(48, 89, 71, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -416,7 +416,7 @@ ios-light-mode-light-blue-alternative:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(1, 133, 162, 0.4)
app-header-background-color: rgba(1, 195, 220, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -503,7 +503,7 @@ ios-light-mode-light-blue:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(1, 133, 162, 0.4)
app-header-background-color: rgba(1, 195, 220, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -590,7 +590,7 @@ ios-dark-mode-light-blue-alternative:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(1, 133, 162, 0.4)
app-header-background-color: rgba(1, 195, 220, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -677,7 +677,7 @@ ios-dark-mode-light-blue:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(1, 133, 162, 0.4)
app-header-background-color: rgba(1, 195, 220, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -764,7 +764,7 @@ ios-light-mode-light-green-alternative:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(116, 184, 139, 0.4)
app-header-background-color: rgba(114, 188, 139, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -851,7 +851,7 @@ ios-light-mode-light-green:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(116, 184, 139, 0.4)
app-header-background-color: rgba(114, 188, 139, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -938,7 +938,7 @@ ios-dark-mode-light-green-alternative:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(116, 184, 139, 0.4)
app-header-background-color: rgba(114, 188, 139, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -1025,7 +1025,7 @@ ios-dark-mode-light-green:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(116, 184, 139, 0.4)
app-header-background-color: rgba(114, 188, 139, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -1112,7 +1112,7 @@ ios-light-mode-orange-alternative:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(254, 190, 86, 0.4)
app-header-background-color: rgba(255, 229, 116, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -1199,7 +1199,7 @@ ios-light-mode-orange:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(254, 190, 86, 0.4)
app-header-background-color: rgba(255, 229, 116, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -1286,7 +1286,7 @@ ios-dark-mode-orange-alternative:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(254, 190, 86, 0.4)
app-header-background-color: rgba(255, 229, 116, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -1373,7 +1373,7 @@ ios-dark-mode-orange:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(254, 190, 86, 0.4)
app-header-background-color: rgba(255, 229, 116, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -1460,7 +1460,7 @@ ios-light-mode-blue-red-alternative:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(63, 36, 75, 0.4)
app-header-background-color: rgba(30, 2, 61, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -1547,7 +1547,7 @@ ios-light-mode-blue-red:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(63, 36, 75, 0.4)
app-header-background-color: rgba(30, 2, 61, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -1634,7 +1634,7 @@ ios-dark-mode-blue-red-alternative:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(63, 36, 75, 0.4)
app-header-background-color: rgba(30, 2, 61, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -1721,7 +1721,7 @@ ios-dark-mode-blue-red:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(63, 36, 75, 0.4)
app-header-background-color: rgba(30, 2, 61, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -1808,7 +1808,7 @@ ios-light-mode-red-alternative:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(249, 129, 97, 0.4)
app-header-background-color: rgba(234, 88, 63, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -1895,7 +1895,7 @@ ios-light-mode-red:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(249, 129, 97, 0.4)
app-header-background-color: rgba(234, 88, 63, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -1982,7 +1982,7 @@ ios-dark-mode-red-alternative:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(249, 129, 97, 0.4)
app-header-background-color: rgba(234, 88, 63, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -2069,7 +2069,7 @@ ios-dark-mode-red:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(249, 129, 97, 0.4)
app-header-background-color: rgba(234, 88, 63, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -2156,7 +2156,7 @@ ios-light-mode-dark-blue-alternative:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(118, 129, 167, 0.4)
app-header-background-color: rgba(48, 69, 124, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -2243,7 +2243,7 @@ ios-light-mode-dark-blue:
paper-item-icon-color: "#333333" # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(230, 230, 230, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(118, 129, 167, 0.4)
app-header-background-color: rgba(48, 69, 124, 0.4)
markdown-code-background-color: "#FFFFFF"
code-editor-background-color: "#FFF"
# Custom
Expand Down Expand Up @@ -2330,7 +2330,7 @@ ios-dark-mode-dark-blue-alternative:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(118, 129, 167, 0.4)
app-header-background-color: rgba(48, 69, 124, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down Expand Up @@ -2417,7 +2417,7 @@ ios-dark-mode-dark-blue:
paper-item-icon-color: white # also should mini-media-player icon white (but doesn't work by itself)
more-info-header-background: rgba(25, 25, 25, 0.5)
lumo-body-text-color: var(--primary-text-color) # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
app-header-background-color: rgba(118, 129, 167, 0.4)
app-header-background-color: rgba(48, 69, 124, 0.4)
markdown-code-background-color: "#464646"
code-editor-background-color: "#161616"
# Custom
Expand Down
Loading

0 comments on commit 30fdac5

Please sign in to comment.