Skip to content

Commit

Permalink
added new theme. Corrected some files
Browse files Browse the repository at this point in the history
  • Loading branch information
JuanMTech committed Jan 17, 2020
1 parent 56c46f3 commit 59f0724
Show file tree
Hide file tree
Showing 19 changed files with 287 additions and 36 deletions.
2 changes: 0 additions & 2 deletions lovelace/resources/bar_card.yaml

This file was deleted.

2 changes: 0 additions & 2 deletions lovelace/resources/compact_custom_header.yaml

This file was deleted.

2 changes: 2 additions & 0 deletions lovelace/resources/custom_header.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
url: /community_plugin/custom-header/custom-header.js
type: module
2 changes: 0 additions & 2 deletions lovelace/resources/lovelace_card_mod.yaml

This file was deleted.

2 changes: 2 additions & 0 deletions lovelace/resources/simple_weather_card.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
url: /community_plugin/simple-weather-card/simple-weather-card-bundle.js
type: module
2 changes: 0 additions & 2 deletions lovelace/resources/text_divider_row.yaml

This file was deleted.

2 changes: 0 additions & 2 deletions lovelace/resources/vertical_stack_in_card.yaml

This file was deleted.

65 changes: 65 additions & 0 deletions themes/amoled_blue.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
# A true black theme for devices with AMOLED displays
# Creater: Juan - @juanmtech
# Website: https://www.juanmtech.com
# YouTube Channel: https://youtube.com/juanmtech
# My Home Assistant Config files: https://github.com/JuanMTech/Home_Assistant_files
#
#
AMOLED Blue:
# Header:
app-header-background-color: "#000000"
app-header-text-color: "#BDC1C6"
# Main Interface Colors
primary-color: "#5F9BEA"
light-primary-color: var(--primary-color)
primary-background-color: "#000000"
secondary-background-color: var(--primary-background-color)
divider-color: var(--primary-background-color)
# Text
primary-text-color: "#BDC1C6"
secondary-text-color: "#BDC1C6"
text-primary-color: "#FFFFFF"
disabled-text-color: "#717171"
# Sidebar Menu
sidebar-icon-color: var(--app-header-text-color)
sidebar-text-color: '#BDC1C6'
sidebar-background-color: "#0D0D0D"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#5F9BEA"
sidebar-selected-text-color: var(--sidebar-selected-icon-color))
# States and Badges
state-icon-color: "#ADB2B8"
state-icon-active-color: "#5F9BEA"
state-icon-unavailable-color: var(--disabled-text-color)
# Sliders
paper-slider-knob-color: "#5F9BEA"
paper-slider-knob-start-color: var(--paper-slider-knob-color)
paper-slider-pin-color: var(--paper-slider-knob-color)
paper-slider-active-color: var(--paper-slider-knob-color)
paper-slider-secondary-color: var(--light-primary-color)
# Labels
label-badge-background-color: "#000000"
label-badge-text-color: "#BDC1C6"
label-badge-red: "#BE3A3E"
label-badge-green: "#5CB861"
label-badge-blue: "#44A4CD"
label-badge-yellow: "#D5AE43"
label-badge-gray: "#5F6267"

# Cards
paper-card-background-color: "#000000"
paper-listbox-background-color: "#0D0D0D"
# Switches
switch-checked-button-color: "#5F9BEA"
switch-checked-track-color: "#404D64"
switch-unchecked-button-color: "#636466"
switch-unchecked-track-color: "#636466"
# 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: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
data-table-background-color: var(--primary-background-color)
36 changes: 27 additions & 9 deletions themes/dark_google_theme.yaml → themes/google_dark_theme.yaml
Original file line number Diff line number Diff line change
@@ -1,9 +1,16 @@
Dark Google Theme:
# Theme based on Google app dark theme
# Creater: Juan - @juanmtech
# Website: https://www.juanmtech.com
# YouTube Channel: https://youtube.com/juanmtech
# My Home Assistant Config files: https://github.com/JuanMTech/Home_Assistant_files
#
#
Google Dark Theme:
# Header:
app-header-background-color: "#171717"
app-header-text-color: "#BDC1C6"
# Main Interface Colors
primary-color: "#5F6267"
primary-color: "#5F9BEA"
light-primary-color: var(--primary-color)
primary-background-color: "#171717"
secondary-background-color: var(--primary-background-color)
Expand Down Expand Up @@ -33,17 +40,28 @@ Dark Google Theme:
# Labels
label-badge-background-color: "#202124"
label-badge-text-color: "#BDC1C6"
label-badge-red: "#5F6267"
label-badge-red: "#D06568"
label-badge-green: "#80C884"
label-badge-blue: "#5F9BEA"
label-badge-yellow: "#DFC271"
label-badge-gray: "#5F6267"

# Cards
ha-card-border-radius: "15px"
ha-card-box-shadow: 1px 1px 5px 0px rgb(12, 12, 14)
paper-card-background-color: "#202124"
paper-listbox-background-color: "#202124"
# Switches
switch-checked-button-color: "#5F9BEA"
switch-checked-track-color: "#404D64"
switch-unchecked-button-color: "#636466"
switch-unchecked-track-color: "#636466"
# Toggles
paper-toggle-button-checked-button-color: "#5F9BEA"
paper-toggle-button-checked-bar-color: "#404D64"
paper-toggle-button-unchecked-button-color: "#B9B9B9"
paper-toggle-button-unchecked-bar-color: "#636466"
# Table row
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: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
data-table-background-color: var(--primary-background-color)
41 changes: 29 additions & 12 deletions themes/light_google_theme.yaml → themes/google_light_theme.yaml
Original file line number Diff line number Diff line change
@@ -1,9 +1,16 @@
Light Google Theme:
# Theme based on Google app light theme
# Creater: Juan - @juanmtech
# Website: https://www.juanmtech.com
# YouTube Channel: https://youtube.com/juanmtech
# My Home Assistant Config files: https://github.com/JuanMTech/Home_Assistant_files
#
#
Google Light Theme:
# Header:
app-header-background-color: "#F8F8F8"
app-header-text-color: "#424242"
# Main Interface Colors
primary-color: "#5F6267"
primary-color: "#5F9BEA"
light-primary-color: var(--primary-color)
primary-background-color: "#F8F8F8"
secondary-background-color: var(--primary-background-color)
Expand All @@ -18,32 +25,42 @@ Light Google Theme:
sidebar-text-color: '#424242'
sidebar-background-color: "#FFFFFF"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#4481eb"
sidebar-selected-icon-color: "#5F9BEA"
sidebar-selected-text-color: var(--sidebar-selected-icon-color))
# States and Badges
state-icon-color: "#5F6267"
state-icon-active-color: "#4481eb"
state-icon-active-color: "#5F9BEA"
state-icon-unavailable-color: var(--disabled-text-color)
# Sliders
paper-slider-knob-color: "#4481eb"
paper-slider-knob-color: "#5F9BEA"
paper-slider-knob-start-color: var(--paper-slider-knob-color)
paper-slider-pin-color: var(--paper-slider-knob-color)
paper-slider-active-color: var(--paper-slider-knob-color)
paper-slider-secondary-color: var(--light-primary-color)
# Labels
label-badge-background-color: "#F8FAF9"
label-badge-text-color: "#4D5575"
label-badge-red: "#5F6267"
label-badge-red: "#C7484C"
label-badge-green: "#6DC071"
label-badge-blue: "#51AAD1"
label-badge-yellow: "#D9B757"
label-badge-gray: "#5F6267"
# Cards
ha-card-border-radius: "15px"
ha-card-box-shadow: 1px 1px 5px 0px rgb(230, 230, 230)
paper-card-background-color: "#FFFFFF"
paper-listbox-background-color: "#FFFFFF"
# Switches
switch-checked-button-color: "#5F9BEA"
switch-checked-track-color: "#75a2f0"
switch-unchecked-button-color: "#5F6267"
switch-unchecked-track-color: "#888b91"
# Toggles
paper-toggle-button-checked-button-color: "#4481eb"
paper-toggle-button-checked-bar-color: "#75a2f0"
paper-toggle-button-unchecked-button-color: "#5F6267"
paper-toggle-button-unchecked-bar-color: "#888b91"
# Table row
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: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
data-table-background-color: var(--primary-background-color)
19 changes: 14 additions & 5 deletions ui-lovelace.yaml
Original file line number Diff line number Diff line change
@@ -1,14 +1,23 @@
title: Home
resources: !include_dir_list lovelace/resources
#
cch:
swipe: true
swipe_wrap: false
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)
#
resources: !include_dir_list lovelace/resources
#
#cch:
# swipe: true
# swipe_wrap: false
# background: var(--app-header-background-color)
#
views:
- !include lovelace/views/main.yaml
- !include lovelace/views/office.yaml
- !include lovelace/views/living_room.yaml
- !include lovelace/views/bedroom.yaml
- !include lovelace/views/kitchen.yaml
- !include lovelace/views/kitchen.yaml
- !include lovelace/views/cameras.yaml
Loading

0 comments on commit 59f0724

Please sign in to comment.