Skip to content

Commit aa5fd54

Browse files
wessamlaufwessamlauf
authored
Add files via upload
1 parent 17bcb89 commit aa5fd54

File tree

6 files changed

+240
-69
lines changed

6 files changed

+240
-69
lines changed

‎themes/Frosted Glass Dark Lite.yaml‎

Lines changed: 33 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
11
# Frosted Glass Dark Lite
2-
# ver. 1.2 - (2025-08-16)
2+
# ver. 1.2.1 - (2025-09-19)
33

44
Frosted Glass Dark Lite:
55
card-mod-theme: 'Frosted Glass Dark Lite'
66

7+
modes: # 1.2.1 - change add modes: dark-only declaration
8+
dark: {}
9+
710
# =========================
811
# HEADER (Top Bar)
912
# =========================
@@ -25,10 +28,10 @@ Frosted Glass Dark Lite:
2528
# =========================
2629
# DIALOGS
2730
# =========================
28-
ha-dialog-surface-background: 'rgba(30, 30, 30, 0.7)'
31+
ha-dialog-surface-background: 'rgba(30, 30, 30, 0.9)'
2932
dialog-box-shadow: '0 12px 20px rgba(0, 0, 0, 0.25)'
30-
paper-dialog-background-color: 'rgba(30, 30, 30, 0.7)'
31-
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.8)'
33+
paper-dialog-background-color: 'rgba(30, 30, 30, 0.9)'
34+
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.9)'
3235

3336
# =========================
3437
# CARDS / CARD-MOD
@@ -254,55 +257,6 @@ Frosted Glass Dark Lite:
254257
--token-color-light-blue: rgb(var(--token-rgb-light-blue));
255258
}
256259
257-
/* SIDEBAR BLUR */
258-
.mdc-drawer .mdc-drawer__content {
259-
background: rgba(25, 28, 45, 0.8) !important;
260-
box-shadow: var(--ha-card-glass-inset-shadow) !important; # 1.2 Glass – subtle inner edge for consistency
261-
}
262-
263-
/* CARDS RADIUS */
264-
ha-card {
265-
border-radius: var(--token-size-radius-large);
266-
border: var(--ha-card-border, var(--ha-card-border-width) solid var(--ha-card-border-color)); # 1.2 Glass – ensure border follows tokens
267-
box-shadow: var(--ha-card-box-shadow);
268-
}
269-
ha-card ha-card {
270-
--ha-card-border-width: 0px;
271-
}
272-
273-
/* DRAWER SCRIM */
274-
ha-drawer {
275-
--mdc-drawer-scrim-color: rgba(0, 0, 0, 0.8) !important;
276-
}
277-
278-
/* LABEL BADGE */
279-
ha-label-badge {
280-
--label-badge-background-color: rgba(60, 60, 78, 0.28) !important;
281-
--label-badge-text-color: rgba(234, 235, 238, 0.9) !important;
282-
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10) !important;
283-
border: 0.5px solid rgba(234, 235, 238, 0.22) !important;
284-
}
285-
286-
/* INPUTS */
287-
input, ha-textfield, ha-select {
288-
background: rgba(30, 33, 54, 0.7) !important;
289-
border-radius: var(--token-size-radius-small);
290-
border: none !important;
291-
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.09) !important;
292-
}
293-
294-
/* Custom text divider row size fix */
295-
custom-text-divider-row .text-divider-content {
296-
background: #181929 !important;
297-
opacity: 1 !important;
298-
box-shadow: none !important;
299-
border-radius: 10px !important;
300-
padding: 0 8px !important;
301-
--text-divider-font-size: 16px !important;
302-
--text-divider-line-size: 1px;
303-
--text-divider-color: rgba(234, 235, 238, 1) !important;
304-
}
305-
306260
# =========================
307261
# TYPOGRAPHY
308262
# =========================
@@ -349,6 +303,32 @@ Frosted Glass Dark Lite:
349303
# =========================
350304
# COLORS & MISCELLANEOUS
351305
# =========================
306+
# 1.2.1 - change add HA 2025.8 primary color scale aligned to theme
307+
ha-color-primary-05: '#0D0E19'
308+
ha-color-primary-10: '#131526'
309+
ha-color-primary-20: '#20233F'
310+
ha-color-primary-30: '#30345F'
311+
ha-color-primary-40: '#40467F'
312+
ha-color-primary-50: '#6A74D3' # base theme primary (kept)
313+
ha-color-primary-60: '#8F97DE'
314+
ha-color-primary-70: '#ADB3E7'
315+
ha-color-primary-80: '#D2D5F2'
316+
ha-color-primary-90: '#EAECF9'
317+
ha-color-primary-95: '#F6F7FC'
318+
319+
# 1.2.1 - change add aliases for compatibility (some threads reference --color-primary-xx)
320+
color-primary-05: '#0D0E19'
321+
color-primary-10: '#131526'
322+
color-primary-20: '#20233F'
323+
color-primary-30: '#30345F'
324+
color-primary-40: '#40467F'
325+
color-primary-50: '#6A74D3'
326+
color-primary-60: '#8F97DE'
327+
color-primary-70: '#ADB3E7'
328+
color-primary-80: '#D2D5F2'
329+
color-primary-90: '#EAECF9'
330+
color-primary-95: '#F6F7FC'
331+
352332
primary-text-color: 'rgba(234, 235, 238, 0.98)'
353333
secondary-text-color: 'rgba(234, 235, 238, 0.8)'
354334
text-primary-color: 'rgba(234, 235, 238, 0.98)'

‎themes/Frosted Glass Dark.yaml‎

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
11
# Frosted Glass Dark
2-
# ver. 1.2 - (2025-08-16)
2+
# ver. 1.2.1 - (2025-09-19)
33

44
Frosted Glass Dark:
55
card-mod-theme: 'Frosted Glass Dark'
66

7+
modes: # 1.2.1 - change add modes: dark-only declaration
8+
dark: {}
9+
710
# =========================
811
# HEADER (Top Bar)
912
# =========================
@@ -377,6 +380,32 @@ Frosted Glass Dark:
377380
# =========================
378381
# COLORS & MISCELLANEOUS
379382
# =========================
383+
# 1.2.1 - change add HA 2025.8 primary color scale aligned to theme
384+
ha-color-primary-05: '#0D0E19'
385+
ha-color-primary-10: '#131526'
386+
ha-color-primary-20: '#20233F'
387+
ha-color-primary-30: '#30345F'
388+
ha-color-primary-40: '#40467F'
389+
ha-color-primary-50: '#6A74D3' # base theme primary (kept)
390+
ha-color-primary-60: '#8F97DE'
391+
ha-color-primary-70: '#ADB3E7'
392+
ha-color-primary-80: '#D2D5F2'
393+
ha-color-primary-90: '#EAECF9'
394+
ha-color-primary-95: '#F6F7FC'
395+
396+
# 1.2.1 - change add aliases for compatibility (some threads reference --color-primary-xx)
397+
color-primary-05: '#0D0E19'
398+
color-primary-10: '#131526'
399+
color-primary-20: '#20233F'
400+
color-primary-30: '#30345F'
401+
color-primary-40: '#40467F'
402+
color-primary-50: '#6A74D3'
403+
color-primary-60: '#8F97DE'
404+
color-primary-70: '#ADB3E7'
405+
color-primary-80: '#D2D5F2'
406+
color-primary-90: '#EAECF9'
407+
color-primary-95: '#F6F7FC'
408+
380409
primary-text-color: 'rgba(234, 235, 238, 0.98)'
381410
secondary-text-color: 'rgba(234, 235, 238, 0.8)'
382411
text-primary-color: 'rgba(234, 235, 238, 0.98)'

‎themes/Frosted Glass Light Lite.yaml‎

Lines changed: 33 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
11
# Frosted Glass Light Lite
2-
# ver. 1.2 (2025-08-16)
2+
# ver. 1.2.1 - (2025-09-19)
33

44
Frosted Glass Light Lite:
55
card-mod-theme: "Frosted Glass Light Lite"
66

7+
modes: # 1.2.1 - change add modes: light-only declaration
8+
light: {}
9+
710
# =========================
811
# HEADER (Top Bar)
912
# =========================
@@ -27,10 +30,10 @@ Frosted Glass Light Lite:
2730
# =========================
2831
# DIALOGS
2932
# =========================
30-
ha-dialog-surface-background: 'rgba(234, 235, 238, 0.7)'
33+
ha-dialog-surface-background: 'rgba(234, 235, 238, 0.9)'
3134
dialog-box-shadow: '0 12px 20px rgba(0, 0, 0, 0.15)' # 1.2 Glass – fix: remove stray quotes inside rgba
32-
paper-dialog-background-color: 'rgba(234, 235, 238, 0.7)'
33-
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.6)'
35+
paper-dialog-background-color: 'rgba(234, 235, 238, 0.9)'
36+
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.9)'
3437

3538
# =========================
3639
# CARDS / CARD-MOD
@@ -351,6 +354,32 @@ Frosted Glass Light Lite:
351354
# =========================
352355
# COLORS & MISCELLANEOUS
353356
# =========================
357+
# 1.2.1 - change add HA 2025.8 primary color scale aligned to theme
358+
ha-color-primary-05: '#0D0E19'
359+
ha-color-primary-10: '#131526'
360+
ha-color-primary-20: '#20233F'
361+
ha-color-primary-30: '#30345F'
362+
ha-color-primary-40: '#40467F'
363+
ha-color-primary-50: '#6A74D3' # base theme primary (kept)
364+
ha-color-primary-60: '#8F97DE'
365+
ha-color-primary-70: '#ADB3E7'
366+
ha-color-primary-80: '#D2D5F2'
367+
ha-color-primary-90: '#EAECF9'
368+
ha-color-primary-95: '#F6F7FC'
369+
370+
# 1.2.1 - change add aliases for compatibility (some threads reference --color-primary-xx)
371+
color-primary-05: '#0D0E19'
372+
color-primary-10: '#131526'
373+
color-primary-20: '#20233F'
374+
color-primary-30: '#30345F'
375+
color-primary-40: '#40467F'
376+
color-primary-50: '#6A74D3'
377+
color-primary-60: '#8F97DE'
378+
color-primary-70: '#ADB3E7'
379+
color-primary-80: '#D2D5F2'
380+
color-primary-90: '#EAECF9'
381+
color-primary-95: '#F6F7FC'
382+
354383
primary-text-color: 'rgba(19, 21, 54, 0.98)'
355384
secondary-text-color: 'rgba(19, 21, 54, 0.8)'
356385
text-primary-color: 'rgba(19, 21, 54, 0.98)'

‎themes/Frosted Glass Light.yaml‎

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
11
# Frosted Glass Light
2-
# ver. 1.2 (2025-08-16)
2+
# ver. 1.2.1 - (2025-09-19)
33

44
Frosted Glass Light:
55
card-mod-theme: "Frosted Glass Light"
66

7+
modes: # 1.2.1 - change add modes: light-only declaration
8+
light: {}
9+
710
# =========================
811
# HEADER (Top Bar)
912
# =========================
@@ -380,6 +383,32 @@ Frosted Glass Light:
380383
# =========================
381384
# COLORS & MISCELLANEOUS
382385
# =========================
386+
# 1.2.1 - change add HA 2025.8 primary color scale aligned to theme
387+
ha-color-primary-05: '#0D0E19'
388+
ha-color-primary-10: '#131526'
389+
ha-color-primary-20: '#20233F'
390+
ha-color-primary-30: '#30345F'
391+
ha-color-primary-40: '#40467F'
392+
ha-color-primary-50: '#6A74D3' # base theme primary (kept)
393+
ha-color-primary-60: '#8F97DE'
394+
ha-color-primary-70: '#ADB3E7'
395+
ha-color-primary-80: '#D2D5F2'
396+
ha-color-primary-90: '#EAECF9'
397+
ha-color-primary-95: '#F6F7FC'
398+
399+
# 1.2.1 - change add aliases for compatibility (some threads reference --color-primary-xx)
400+
color-primary-05: '#0D0E19'
401+
color-primary-10: '#131526'
402+
color-primary-20: '#20233F'
403+
color-primary-30: '#30345F'
404+
color-primary-40: '#40467F'
405+
color-primary-50: '#6A74D3'
406+
color-primary-60: '#8F97DE'
407+
color-primary-70: '#ADB3E7'
408+
color-primary-80: '#D2D5F2'
409+
color-primary-90: '#EAECF9'
410+
color-primary-95: '#F6F7FC'
411+
383412
primary-text-color: 'rgba(19, 21, 54, 0.98)'
384413
secondary-text-color: 'rgba(19, 21, 54, 0.8)'
385414
text-primary-color: 'rgba(19, 21, 54, 0.98)'

‎themes/Frosted Glass Lite.yaml‎

Lines changed: 61 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
# Frosted Glass Lite Theme
2-
# ver. 1.2 (2025-08-16)
1+
# Frosted Glass Light Lite
2+
# ver. 1.2.1 - (2025-09-19)
33

44
Frosted Glass Lite:
55
modes:
@@ -29,10 +29,10 @@ Frosted Glass Lite:
2929
# =========================
3030
# DIALOGS
3131
# =========================
32-
ha-dialog-surface-background: 'rgba(234, 235, 238, 0.7)'
32+
ha-dialog-surface-background: 'rgba(234, 235, 238, 0.9)'
3333
dialog-box-shadow: '0 12px 20px rgba(0, 0, 0, 0.15)' # 1.2 Glass – fix: remove stray quotes inside rgba
34-
paper-dialog-background-color: 'rgba(234, 235, 238, 0.7)'
35-
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.6)'
34+
paper-dialog-background-color: 'rgba(234, 235, 238, 0.9)'
35+
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.9)'
3636

3737
# =========================
3838
# CARDS / CARD-MOD
@@ -353,6 +353,33 @@ Frosted Glass Lite:
353353
# =========================
354354
# COLORS & MISCELLANEOUS
355355
# =========================
356+
357+
# 1.2.1 - change add HA 2025.8 primary color scale aligned to theme
358+
ha-color-primary-05: '#0D0E19'
359+
ha-color-primary-10: '#131526'
360+
ha-color-primary-20: '#20233F'
361+
ha-color-primary-30: '#30345F'
362+
ha-color-primary-40: '#40467F'
363+
ha-color-primary-50: '#6A74D3' # base theme primary (kept)
364+
ha-color-primary-60: '#8F97DE'
365+
ha-color-primary-70: '#ADB3E7'
366+
ha-color-primary-80: '#D2D5F2'
367+
ha-color-primary-90: '#EAECF9'
368+
ha-color-primary-95: '#F6F7FC'
369+
370+
# 1.2.1 - change add aliases for compatibility (some threads reference --color-primary-xx)
371+
color-primary-05: '#0D0E19'
372+
color-primary-10: '#131526'
373+
color-primary-20: '#20233F'
374+
color-primary-30: '#30345F'
375+
color-primary-40: '#40467F'
376+
color-primary-50: '#6A74D3'
377+
color-primary-60: '#8F97DE'
378+
color-primary-70: '#ADB3E7'
379+
color-primary-80: '#D2D5F2'
380+
color-primary-90: '#EAECF9'
381+
color-primary-95: '#F6F7FC'
382+
356383
primary-text-color: 'rgba(19, 21, 54, 0.98)'
357384
secondary-text-color: 'rgba(19, 21, 54, 0.8)'
358385
text-primary-color: 'rgba(19, 21, 54, 0.98)'
@@ -473,10 +500,10 @@ Frosted Glass Lite:
473500
# =========================
474501
# DIALOGS
475502
# =========================
476-
ha-dialog-surface-background: 'rgba(30, 30, 30, 0.7)'
503+
ha-dialog-surface-background: 'rgba(30, 30, 30, 0.9)'
477504
dialog-box-shadow: '0 12px 20px rgba(0, 0, 0, 0.25)'
478-
paper-dialog-background-color: 'rgba(30, 30, 30, 0.7)'
479-
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.8)'
505+
paper-dialog-background-color: 'rgba(30, 30, 30, 0.9)'
506+
mdc-dialog-scrim-color: 'rgba(0, 0, 0, 0.9)'
480507

481508
# =========================
482509
# CARDS / CARD-MOD
@@ -796,6 +823,32 @@ Frosted Glass Lite:
796823
# =========================
797824
# COLORS & MISCELLANEOUS
798825
# =========================
826+
# 1.2.1 - change add HA 2025.8 primary color scale aligned to theme
827+
ha-color-primary-05: '#0D0E19'
828+
ha-color-primary-10: '#131526'
829+
ha-color-primary-20: '#20233F'
830+
ha-color-primary-30: '#30345F'
831+
ha-color-primary-40: '#40467F'
832+
ha-color-primary-50: '#6A74D3' # base theme primary (kept)
833+
ha-color-primary-60: '#8F97DE'
834+
ha-color-primary-70: '#ADB3E7'
835+
ha-color-primary-80: '#D2D5F2'
836+
ha-color-primary-90: '#EAECF9'
837+
ha-color-primary-95: '#F6F7FC'
838+
839+
# 1.2.1 - change add aliases for compatibility (some threads reference --color-primary-xx)
840+
color-primary-05: '#0D0E19'
841+
color-primary-10: '#131526'
842+
color-primary-20: '#20233F'
843+
color-primary-30: '#30345F'
844+
color-primary-40: '#40467F'
845+
color-primary-50: '#6A74D3'
846+
color-primary-60: '#8F97DE'
847+
color-primary-70: '#ADB3E7'
848+
color-primary-80: '#D2D5F2'
849+
color-primary-90: '#EAECF9'
850+
color-primary-95: '#F6F7FC'
851+
799852
primary-text-color: 'rgba(234, 235, 238, 0.98)'
800853
secondary-text-color: 'rgba(234, 235, 238, 0.8)'
801854
text-primary-color: 'rgba(234, 235, 238, 0.98)'

0 commit comments

Comments
 (0)