-
Notifications
You must be signed in to change notification settings - Fork 0
/
themes.yaml
112 lines (110 loc) · 4.35 KB
/
themes.yaml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
Dark - Green:
### Main Interface Colors ###
primary-color: "#4f4f4f"
light-primary-color: "#aaaaaa"
primary-background-color: "#1F1F28"
secondary-background-color: var(--primary-background-color)
divider-color: "#2F2F3D"
### Text ###
primary-text-color: "#FFFFFF"
secondary-text-color: "#aaaaaa"
text-primary-color: "#FFFFFF"
disabled-text-color: "#464653"
### Sidebar Menu ###
sidebar-icon-color: "#B6B6C1"
sidebar-text-color: "#F1F1F1"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#aaaaaa"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#B1B1B1"
state-icon-active-color: "#FBD150"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#F7567C"
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: "#464653"
label-badge-text-color: "#FFFFFF"
label-badge-red: "#343443"
### Cards ###
paper-card-background-color: "#23232E"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#F7567C"
paper-toggle-button-checked-bar-color: "#aaaaaa"
paper-toggle-button-unchecked-button-color: var(--paper-toggle-button-checked-button-color)
paper-toggle-button-unchecked-bar-color: "#343443"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
card-background-color: var(--paper-card-background-color)
# 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: "#5F9BEA"
light-primary-color: var(--primary-color)
primary-background-color: "#171717"
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: "#202124"
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: "#5F6267"
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: "#202124"
label-badge-text-color: "#BDC1C6"
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: 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)