Skip to content

Commit 82b2d32

Browse files
wessamlaufwessamlauf
authored
Add files via upload
1 parent 9151b0e commit 82b2d32

File tree

3 files changed

+189
-26
lines changed

3 files changed

+189
-26
lines changed

‎themes/Frosted Glass Dark.yaml‎

Lines changed: 47 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
11
# Frosted Glass Dark
2-
# ver. 1.1.8 (2025-07-21)
2+
# ver. 1.1.9 - (2025-07-25)
33

44
Frosted Glass Dark:
55
card-mod-theme: 'Frosted Glass Dark'
6-
7-
# =========================
8-
# Vacuum custom card
9-
# =========================
10-
map-card-internal-zoomer-background: 'transparent'
116

127
# =========================
138
# HEADER (Top Bar)
@@ -80,6 +75,51 @@ Frosted Glass Dark:
8075
backdrop-filter: blur(10px) saturate(1.2) !important;
8176
-webkit-backdrop-filter: blur(10px) saturate(1.2) !important;
8277
}
78+
/* Markdown card with text_only → no background or blur */ # 1.1.9 Change - text only markdown and mushroom title card no background // Beginning
79+
:host(.text-only) ha-card,
80+
:host(.text-only) ha-card::before {
81+
background: none !important;
82+
backdrop-filter: none !important;
83+
-webkit-backdrop-filter: none !important;
84+
box-shadow: none !important;
85+
}
86+
/* Mushroom title card (no background or blur) */
87+
:host(mushroom-title-card) ha-card {
88+
background: none !important;
89+
backdrop-filter: none !important;
90+
-webkit-backdrop-filter: none !important;
91+
}
92+
:host(mushroom-title-card) ha-card::before {
93+
content: none !important;
94+
}
95+
# === Prevent frosted glass from applying to bubble cards === # 1.1.9 Change - Bubble cards are no longer applied
96+
ha-card.type-custom-bubble-card {
97+
background: none !important;
98+
backdrop-filter: none !important;
99+
-webkit-backdrop-filter: none !important;
100+
box-shadow: none !important;
101+
border-radius: 0px !important;
102+
}
103+
104+
ha-card.type-custom-bubble-card::before {
105+
content: none !important;
106+
background: none !important;
107+
backdrop-filter: none !important;
108+
-webkit-backdrop-filter: none !important;
109+
}
110+
/* === Prevent frosted glass from applying to mushroom-chips-card outer container === */ # 1.1.9 Change - Outer mushroom chips no longer applied
111+
:host(mushroom-chips-card) ha-card {
112+
background: none !important;
113+
backdrop-filter: none !important;
114+
-webkit-backdrop-filter: none !important;
115+
box-shadow: none !important;
116+
}
117+
:host(mushroom-chips-card) ha-card::before {
118+
content: none !important;
119+
background: none !important;
120+
backdrop-filter: none !important;
121+
-webkit-backdrop-filter: none !important;
122+
}
83123
84124
# =========================
85125
# CARD-MOD-ROOT GLOBAL CSS
@@ -90,6 +130,7 @@ Frosted Glass Dark:
90130
--ha-card-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.28);
91131
--ha-card-border-width: 0.5px;
92132
--ha-card-border-color: rgba(60, 60, 60, 0.5);
133+
--ha-card-backdrop-filter: blur(8px) saturate(1.2); # 1.1.9 change - added blur & saturation for badges
93134
94135
/* Tokens - match structure to Light theme for consistency */
95136
--token-rgb-primary: 106, 116, 211;

‎themes/Frosted Glass Light.yaml‎

Lines changed: 49 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
11
# Frosted Glass Light
2-
# ver. 1.1.8 (2025-07-21)
2+
# ver. 1.1.9 (2025-07-25)
33

44
Frosted Glass Light:
55
card-mod-theme: "Frosted Glass Light"
6-
7-
# =========================
8-
# Vacuum custom card
9-
# =========================
10-
map-card-internal-zoomer-background: 'transparent'
116

127
# =========================
138
# HEADER (Top Bar)
@@ -69,11 +64,6 @@ Frosted Glass Light:
6964
:host(hui-glance-card) ha-card::before {
7065
content: none !important;
7166
}
72-
.bubble-button-card-container {
73-
background: rgba(255,255,255,0.1) !important;
74-
backdrop-filter: blur(8px) saturate(1.2) !important;
75-
-webkit-backdrop-filter: blur(8px) saturate(1.2) !important;
76-
}
7767
.mdc-data-table {
7868
background: none !important;
7969
}
@@ -82,7 +72,51 @@ Frosted Glass Light:
8272
backdrop-filter: blur(8px) saturate(1.2) !important;
8373
-webkit-backdrop-filter: blur(8px) saturate(1.2) !important;
8474
}
75+
/* Markdown card with text_only → no background or blur */ # 1.1.9 Change - text only markdown and mushroom title card no background // Beginning
76+
:host(.text-only) ha-card,
77+
:host(.text-only) ha-card::before {
78+
background: none !important;
79+
backdrop-filter: none !important;
80+
-webkit-backdrop-filter: none !important;
81+
box-shadow: none !important;
82+
}
83+
/* Mushroom title card (no background or blur) */
84+
:host(mushroom-title-card) ha-card {
85+
background: none !important;
86+
backdrop-filter: none !important;
87+
-webkit-backdrop-filter: none !important;
88+
}
89+
:host(mushroom-title-card) ha-card::before {
90+
content: none !important;
91+
}
92+
# === Prevent frosted glass from applying to bubble cards === # 1.1.9 Change - Bubble cards are no longer applied
93+
ha-card.type-custom-bubble-card {
94+
background: none !important;
95+
backdrop-filter: none !important;
96+
-webkit-backdrop-filter: none !important;
97+
box-shadow: none !important;
98+
border-radius: 0px !important;
99+
}
85100
101+
ha-card.type-custom-bubble-card::before {
102+
content: none !important;
103+
background: none !important;
104+
backdrop-filter: none !important;
105+
-webkit-backdrop-filter: none !important;
106+
}
107+
/* === Prevent frosted glass from applying to mushroom-chips-card outer container === */ # 1.1.9 Change - Outer mushroom chips no longer applied
108+
:host(mushroom-chips-card) ha-card {
109+
background: none !important;
110+
backdrop-filter: none !important;
111+
-webkit-backdrop-filter: none !important;
112+
box-shadow: none !important;
113+
}
114+
:host(mushroom-chips-card) ha-card::before {
115+
content: none !important;
116+
background: none !important;
117+
backdrop-filter: none !important;
118+
-webkit-backdrop-filter: none !important;
119+
}
86120
# =========================
87121
# CARD-MOD-ROOT GLOBAL CSS
88122
# =========================
@@ -92,6 +126,7 @@ Frosted Glass Light:
92126
--ha-card-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
93127
--ha-card-border-width: 0.5px;
94128
--ha-card-border-color: rgba(255, 255, 255, 0.3);
129+
--ha-card-backdrop-filter: blur(8px) saturate(1.2); # 1.1.9 change - added blur & saturation for badges
95130
}
96131
97132
/* Custom text divider row size fix */
@@ -104,10 +139,9 @@ Frosted Glass Light:
104139
--text-divider-font-size: 16px !important;
105140
--text-divider-line-size: 1px;
106141
--text-divider-color: rgba(19, 21, 54, 1) !important;
107-
}
108-
109-
110-
142+
}
143+
144+
111145
# Tokens (used throughout cards/UI)
112146
--token-rgb-primary: 106, 116, 211;
113147
--token-rgb-black: 0, 0, 0;
@@ -402,7 +436,6 @@ Frosted Glass Light:
402436
mush-rgb-grey: '103, 104, 119'
403437

404438
# Misc sizes
405-
header-height: '60px'
406439
paper-slider-height: '5px'
407440
border-radius: '18px'
408441

‎themes/Frosted Glass.yaml‎

Lines changed: 93 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
# Frosted Glass Theme
2-
# ver. 1.1.8 (2025-07-21)
2+
# ver. 1.1.9 (2025-07-25)
33

44
Frosted Glass:
55
modes:
66
light:
77
card-mod-theme: "Frosted Glass Light"
8-
map-card-internal-zoomer-background: 'transparent' # // Used to work during testing, then it broke, keeping it here for now
98

109
# =========================
1110
# HEADER (Top Bar)
@@ -78,6 +77,51 @@ Frosted Glass:
7877
backdrop-filter: blur(8px) saturate(1.2) !important;
7978
-webkit-backdrop-filter: blur(8px) saturate(1.2) !important;
8079
}
80+
/* Markdown card with text_only → no background or blur */ # 1.1.9 Change - text only markdown and mushroom title card no background // Beginning
81+
:host(.text-only) ha-card,
82+
:host(.text-only) ha-card::before {
83+
background: none !important;
84+
backdrop-filter: none !important;
85+
-webkit-backdrop-filter: none !important;
86+
box-shadow: none !important;
87+
}
88+
/* Mushroom title card (no background or blur) */
89+
:host(mushroom-title-card) ha-card {
90+
background: none !important;
91+
backdrop-filter: none !important;
92+
-webkit-backdrop-filter: none !important;
93+
}
94+
:host(mushroom-title-card) ha-card::before {
95+
content: none !important;
96+
}
97+
# === Prevent frosted glass from applying to bubble cards === # 1.1.9 Change - Bubble cards are no longer applied
98+
ha-card.type-custom-bubble-card {
99+
background: none !important;
100+
backdrop-filter: none !important;
101+
-webkit-backdrop-filter: none !important;
102+
box-shadow: none !important;
103+
border-radius: 0px !important;
104+
}
105+
106+
ha-card.type-custom-bubble-card::before {
107+
content: none !important;
108+
background: none !important;
109+
backdrop-filter: none !important;
110+
-webkit-backdrop-filter: none !important;
111+
}
112+
/* === Prevent frosted glass from applying to mushroom-chips-card outer container === */ # 1.1.9 Change - Outer mushroom chips no longer applied
113+
:host(mushroom-chips-card) ha-card {
114+
background: none !important;
115+
backdrop-filter: none !important;
116+
-webkit-backdrop-filter: none !important;
117+
box-shadow: none !important;
118+
}
119+
:host(mushroom-chips-card) ha-card::before {
120+
content: none !important;
121+
background: none !important;
122+
backdrop-filter: none !important;
123+
-webkit-backdrop-filter: none !important;
124+
}
81125
82126
# =========================
83127
# CARD-MOD-ROOT GLOBAL CSS
@@ -88,7 +132,7 @@ Frosted Glass:
88132
--ha-card-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
89133
--ha-card-border-width: 0.5px;
90134
--ha-card-border-color: rgba(255, 255, 255, 0.3);
91-
135+
--ha-card-backdrop-filter: blur(8px) saturate(1.2); # 1.1.9 change - added blur & saturation for badges
92136
/* Tokens (used throughout cards/UI) */
93137
--token-rgb-primary: 106, 116, 211;
94138
--token-rgb-black: 0, 0, 0;
@@ -389,7 +433,6 @@ Frosted Glass:
389433
mush-rgb-grey: '103, 104, 119'
390434

391435
# Misc sizes
392-
header-height: '60px'
393436
paper-slider-height: '5px'
394437
border-radius: '18px'
395438

@@ -468,6 +511,51 @@ Frosted Glass:
468511
backdrop-filter: blur(10px) saturate(1.2) !important;
469512
-webkit-backdrop-filter: blur(10px) saturate(1.2) !important;
470513
}
514+
/* Markdown card with text_only → no background or blur */ # 1.1.9 Change - text only markdown and mushroom title card no background // Beginning
515+
:host(.text-only) ha-card,
516+
:host(.text-only) ha-card::before {
517+
background: none !important;
518+
backdrop-filter: none !important;
519+
-webkit-backdrop-filter: none !important;
520+
box-shadow: none !important;
521+
}
522+
/* Mushroom title card (no background or blur) */
523+
:host(mushroom-title-card) ha-card {
524+
background: none !important;
525+
backdrop-filter: none !important;
526+
-webkit-backdrop-filter: none !important;
527+
}
528+
:host(mushroom-title-card) ha-card::before {
529+
content: none !important;
530+
}
531+
# === Prevent frosted glass from applying to bubble cards === # 1.1.9 Change - Bubble cards are no longer applied
532+
ha-card.type-custom-bubble-card {
533+
background: none !important;
534+
backdrop-filter: none !important;
535+
-webkit-backdrop-filter: none !important;
536+
box-shadow: none !important;
537+
border-radius: 0px !important;
538+
}
539+
540+
ha-card.type-custom-bubble-card::before {
541+
content: none !important;
542+
background: none !important;
543+
backdrop-filter: none !important;
544+
-webkit-backdrop-filter: none !important;
545+
}
546+
/* === Prevent frosted glass from applying to mushroom-chips-card outer container === */ # 1.1.9 Change - Outer mushroom chips no longer applied
547+
:host(mushroom-chips-card) ha-card {
548+
background: none !important;
549+
backdrop-filter: none !important;
550+
-webkit-backdrop-filter: none !important;
551+
box-shadow: none !important;
552+
}
553+
:host(mushroom-chips-card) ha-card::before {
554+
content: none !important;
555+
background: none !important;
556+
backdrop-filter: none !important;
557+
-webkit-backdrop-filter: none !important;
558+
}
471559
472560
# =========================
473561
# CARD-MOD-ROOT GLOBAL CSS
@@ -478,6 +566,7 @@ Frosted Glass:
478566
--ha-card-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.28);
479567
--ha-card-border-width: 0.5px;
480568
--ha-card-border-color: rgba(60, 60, 60, 0.5);
569+
--ha-card-backdrop-filter: blur(8px) saturate(1.2); # 1.1.9 change - added blur & saturation for badges
481570
482571
/* Tokens - match structure to Light theme for consistency */
483572
--token-rgb-primary: 106, 116, 211;

0 commit comments

Comments
 (0)