Skip to content

Commit

Permalink
Update README file
Browse files Browse the repository at this point in the history
  • Loading branch information
JuanMTech committed Feb 13, 2022
1 parent 5e055e1 commit ca4616b
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 16 deletions.
27 changes: 12 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
# NEW VERSION OF THIS THEME IS AVAILABLE. IT SUPPORTS BOTH LIGHT AND DARK MODE. YOU CAN CHECK THE THEME [HERE](https://github.com/JuanMTech/ios-theme).
<br />
<br />

# iOS Dark Mode

A Home Assistant theme inspired on the iOS dark mode interface.
Expand All @@ -19,10 +23,7 @@ A Home Assistant theme inspired on the iOS dark mode interface.

![iOS Dark Mode 1](https://raw.githubusercontent.com/JuanMTech/ios_dark_mode_theme/master/images/iOS%20Dark%20Mode%201.jpg)<br />
<br />
![iOS Dark Mode 2](https://raw.githubusercontent.com/JuanMTech/ios_dark_mode_theme/master/images/iOS%20Dark%20Mode%202.jpg)<br />
<br />
![iOS Dark Mode 3](https://raw.githubusercontent.com/JuanMTech/ios_dark_mode_theme/master/images/iOS%20Dark%20Mode%203.jpg)<br />
<br />


### Preparation
1. Make sure that under the **configuration.yaml** file you have the following:
Expand Down Expand Up @@ -51,18 +52,14 @@ frontend:
1. Open your Home Assistant **Profile**
2. Under, **Themes**, select the new **iOS Dark Mode** theme

<br />
<br />
<br />

### Custom Header settings
When using the [Custom Header](https://github.com/maykar/custom-header) plugin, add the following to make sure that the header matches the theme.

```
custom_header:
compact_mode: true
background: var(--app-header-background-color)
elements_color: var(--app-header-text-color)
active_tab_color: var(--state-icon-active-color)
tab_indicator_color: var(--state-icon-active-color)
```
# Other available themes
- [**iOS Theme**](https://github.com/JuanMTech/ios-theme) - Based on the system-wide light and dark mode UI
- [**Google Theme**](https://github.com/JuanMTech/google-theme) - Based on the Android light and dark interface
- [**AMOLED Blue**](https://github.com/JuanMTech/amoled_blue) - A true black Home Assistant theme for devices with AMOLED displays



Expand Down
2 changes: 1 addition & 1 deletion themes/ios_dark_mode.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -91,4 +91,4 @@ iOS Dark Mode:
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)
input-hover-line-color: var(--accent-color)

0 comments on commit ca4616b

Please sign in to comment.