lovelace-ios-light-mode-theme

KO | EN

gitlite — search

#javascript #python #react #typescript #go #machine-learning #deep-learning #macos #awesome #cli #vue #awesome-list #security #openai

lovelace-ios-light-mode-theme

(★ 9)

🏠🤖 Theme based on iOS Light Mode for Lovelace Home Assistant

lovelace-ios-light-mode-theme Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# iOS Light Mode Theme

[![Action Status](https://github.com/basnijholt/lovelace-ios-light-mode-theme/workflows/yamllint/badge.svg)](https://github.com/basnijholt/lovelace-ios-light-mode-theme/actions)
[![hacs_badge](https://img.shields.io/badge/HACS-Default-orange.svg)](https://github.com/custom-components/hacs)
[![homeassistant_community](https://img.shields.io/badge/HA%20community-forum-brightgreen)](https://community.home-assistant.io/t/ios-light-mode-theme/149136)
[![Github Stars](https://img.shields.io/github/stars/basnijholt/lovelace-ios-light-mode-theme)](https://github.com/basnijholt/lovelace-ios-light-mode-theme)

> The iOS Light Mode Theme by @basnijholt and modified from @kalkih's [Gist](https://gist.github.com/kalkih/fbe84b371ef7f992c3bd51b235e2c299)

An alternative to the [**iOS Dark Mode Theme**](https://github.com/basnijholt/lovelace-ios-dark-mode-theme)!

## Screenshots

### Overview

![Theme - Overview](https://raw.githubusercontent.com/basnijholt/lovelace-ios-light-mode-theme/master/docs/theme-overview.jpg)

## Installation

1. Add the following code to your `configuration.yaml` file (reboot required).

```yaml
frontend:
  ... # your configuration.
  themes: !include_dir_merge_named themes
  ... # your configuration.
```

2. Add the following line to your `lovelace-ui.yaml` or use the RAW editor:
```yaml
background: var(--background-image)
```

3. (Optional) add the following to the same file to make the header smaller (you need to install [`custom-header`](https://github.com/maykar/custom-header) too):
```yaml
custom_header:
  background: 'rgba(155, 155, 155, 0.25)'
  swipe_animate: fade
  swipe_prevent_default: true
  compact_mode: true
  button_text:
    options: '{{ hours24 }}:{{ minutesLZ }}'
```

4. (Optional) change the background to a different one, see [`backgrounds/README.md`](https://github.com/basnijholt/lovelace-ios-light-mode-theme/tree/master/backgrounds).

### HACS

1. Go to the Community Store.
2. Search for `iOS Light Mode`.
3. Navigate to `iOS Light Mode` theme.
4. Press `Install`.

### Manual

Clone this repository in your existing (or create it) `themes/` folder.

```bash
cd themes/
git clone https://github.com/basnijholt/lovelace-ios-light-mode-theme.git
```

Or using submodules:

```bash
cd themes/
git submodule add https://github.com/basnijholt/lovelace-ios-light-mode-theme.git
```

lovelace-ios-light-mode-theme

lovelace-ios-light-mode-theme Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

lovelace-ios-light-mode-theme

lovelace-ios-light-mode-theme Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README