iOS Dark Mode Theme

bachoo786 · December 3, 2019, 8:03pm

Hello @basnijholt thanks for this, I cannot find it in HACS? are you sure its available?

basnijholt · December 3, 2019, 8:06pm

I am happy that you guys like it! Leave a star on the repo

@bachoo786, definitely! Search for “iOS Dark Mode Theme”.

@mshrem, I do share my entire config, you can find it here.

bachoo786 · December 3, 2019, 8:09pm

@basnijholt I cannot find it . See below

keithcroshaw · December 3, 2019, 8:31pm

Make sure you’ve enabled themes in HACS:

It’s in a new tab after adding, and a restart of HA:

You might also need this somewhere:

I have it but I can’t remember if it’s required…

bachoo786 · December 3, 2019, 8:34pm

thanks alot

Flo.C · December 3, 2019, 9:10pm

I installed it via HACS. It created a new folder called themes and the theme in it.
I couldn’t chose it but I could chose my other themes which are configured in a single file called themes.yaml.
When I copied the code from the folder file in to the yaml one it appeared but the colors didn’t change.
Any suggestion what to do?

bachoo786 · December 3, 2019, 9:24pm

hey @keithcroshaw just wondering why is it that my theme is all orange and the one on the screenshots looks green?

here is mine i.e ios-dark-mode:

keithcroshaw · December 3, 2019, 9:34pm

I think you need to go to edit lovelace and then select “Raw config editor”

Then paste this line in the top:

background: var(--background-image)

keithcroshaw · December 3, 2019, 9:36pm

Do you have this somewhere in your configuration.yaml?
I think this grabs the HACS themes so you don’t have to manage them yourself.
When I was doing it manually they were all in their own files and combined via this method anyway.

I called mine Themes though, which messed things up. Needed to be themes.
All is case sensitive in this world…

bachoo786 · December 3, 2019, 9:40pm

thanks @keithcroshaw

that done it but I still have the orange bits. How can I get rid of them?

keithcroshaw · December 3, 2019, 9:48pm

primary-color: rgba(153, 159, 153, 1)

Works for me

Oh and you’ll need to restart HA after making the change. UGH I know right…

bachoo786 · December 3, 2019, 10:41pm

hey @keithcroshaw

My log is getting flooded with the following:

ERROR (Recorder) [homeassistant.components.recorder.util] Error executing query: (MySQLdb._exceptions.DataError) (1406, "Data too long for column 'event_data' at row 1")

[SQL: INSERT INTO events (event_type, event_data, origin, time_fired, created, context_id, context_user_id) VALUES (%s, %s, %s, %s, %s, %s, %s)]
[parameters: ('themes_updated', '{"themes": {"ios-dark-mode": {"background-image": "center / cover no-repeat fixed url(\'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QBMRXhpZg ... (5$
(Background on this error at: http://sqlalche.me/e/9h9h)
2019-12-03 22:39:20 ERROR (Recorder) [homeassistant.components.recorder] Error saving event: <Event themes_updated[L]: themes=ios-dark-mode=background-image=center / cover no-repeat fixed u$
Traceback (most recent call last):
  File "/usr/local/lib/python3.7/site-packages/sqlalchemy/engine/base.py", line 1249, in _execute_context
    cursor, statement, parameters, context
  File "/usr/local/lib/python3.7/site-packages/sqlalchemy/engine/default.py", line 580, in do_execute
    cursor.execute(statement, parameters)
  File "/usr/local/lib/python3.7/site-packages/MySQLdb/cursors.py", line 209, in execute
    res = self._query(query)
  File "/usr/local/lib/python3.7/site-packages/MySQLdb/cursors.py", line 315, in _query
    db.query(q)
  File "/usr/local/lib/python3.7/site-packages/MySQLdb/connections.py", line 239, in query
    _mysql.connection.query(self, query)
MySQLdb._exceptions.DataError: (1406, "Data too long for column 'event_data' at row 1")

any idea?

Flo.C · December 3, 2019, 10:44pm

I copied this exactly as it is and get a

Component error: themes - Integration 'themes' not found.

bachoo786 · December 3, 2019, 10:53pm

I think its this background line which is causing all problems with my database:
background-image: "center / cover no-repeat fixed url('data:image/jpeg;base64,/9j/4AAQS.......................

basnijholt · December 3, 2019, 10:59pm

@bachoo786, take a look at this issue. It should address that problem

bachoo786 · December 3, 2019, 11:04pm

yeah it is a bug with HA hopefully it will be resolved for the HA users with MariaDB or MYSQL

basnijholt · December 3, 2019, 11:05pm

This means you didn’t add themes in the frontend integration.

Use:

frontend:
  themes: !include_dir_merge_named themes

You should also do this if you installed it via HACS.

bachoo786 · December 3, 2019, 11:15pm

@basnijholt what color code have you used for “clear” or transparent ?

I wanted to change the black background for my badges to transparent like the rest of the theme?

here it is:

I know its probably this line to edit:
label-badge-background-color: "#23232E"

Flo.C · December 3, 2019, 11:24pm

Knalls tried this combination and no chance. Same error.

As mentioned: the other themes are running perfectly which are located in the file instead the folder.

mshrem · December 4, 2019, 3:56am

@basnijholt hanks for providing the link to your configuration i was able to make the first card but it looks a bit different than yours is there something i am missing ???