@rdlabo/ionic-theme-ios26 0.2.7 → 0.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/dist/css/default-variables.css +1 -1
- package/dist/css/ionic-theme-ios26-dark-always.css +1 -1
- package/dist/css/ionic-theme-ios26-dark-class.css +1 -1
- package/dist/css/ionic-theme-ios26-dark-system.css +1 -1
- package/package.json +1 -1
- package/src/default-variables.scss +1 -1
- package/src/utils/api.scss +2 -2
- package/src/utils/theme-dark.scss +1 -1
package/README.md
CHANGED
|
@@ -180,6 +180,7 @@ Always (Always Dark Mode):
|
|
|
180
180
|
}
|
|
181
181
|
@include theme-dark.ion-button;
|
|
182
182
|
@include theme-dark.ion-fab;
|
|
183
|
+
@include theme-dark.ion-tabs;
|
|
183
184
|
```
|
|
184
185
|
|
|
185
186
|
System (Follow System Settings):
|
|
@@ -192,6 +193,7 @@ System (Follow System Settings):
|
|
|
192
193
|
}
|
|
193
194
|
@include theme-dark.ion-button;
|
|
194
195
|
@include theme-dark.ion-fab;
|
|
196
|
+
@include theme-dark.ion-tabs;
|
|
195
197
|
}
|
|
196
198
|
```
|
|
197
199
|
|
|
@@ -203,6 +205,7 @@ Class (Toggle with CSS Class):
|
|
|
203
205
|
@include theme-dark.default-variables;
|
|
204
206
|
@include theme-dark.ion-button;
|
|
205
207
|
@include theme-dark.ion-fab;
|
|
208
|
+
@include theme-dark.ion-tabs;
|
|
206
209
|
}
|
|
207
210
|
```
|
|
208
211
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ios26-floating-safe-area-top: max(10px, var(--ion-safe-area-top, 0px));--ios26-floating-safe-area-bottom: max(10px, calc(var(--ion-safe-area-bottom, 0px) - 12px));--ios26-activated-transition-duration: 140ms;--ios26-glass-background-rgb: 255, 255, 255;--ios26-glass-box-shadow-color-rgb:
|
|
1
|
+
:root{--ios26-floating-safe-area-top: max(10px, var(--ion-safe-area-top, 0px));--ios26-floating-safe-area-bottom: max(10px, calc(var(--ion-safe-area-bottom, 0px) - 12px));--ios26-activated-transition-duration: 140ms;--ios26-glass-background-rgb: 255, 255, 255;--ios26-glass-box-shadow-color-rgb: 220, 220, 220;--ios26-glass-border-color-rgb: 255, 255, 255;--ios26-button-color-selected-rgb: 16, 16, 16;--ios26-content-box-shadow-rgb: var(--ios26-color-background-rgb, 255, 255, 255)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.
|
|
1
|
+
:root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(118%);opacity:.95}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ion-palette-dark{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.
|
|
1
|
+
.ion-palette-dark{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,.ion-palette-dark ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(118%);opacity:.95}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media(prefers-color-scheme: dark){:root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.
|
|
1
|
+
@media(prefers-color-scheme: dark){:root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(118%);opacity:.95}}
|
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
--ios26-activated-transition-duration: 140ms;
|
|
15
15
|
|
|
16
16
|
--ios26-glass-background-rgb: 255, 255, 255;
|
|
17
|
-
--ios26-glass-box-shadow-color-rgb:
|
|
17
|
+
--ios26-glass-box-shadow-color-rgb: 220, 220, 220;
|
|
18
18
|
--ios26-glass-border-color-rgb: 255, 255, 255;
|
|
19
19
|
--ios26-button-color-selected-rgb: 16, 16, 16;
|
|
20
20
|
|
package/src/utils/api.scss
CHANGED
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
border-left: 0.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
@mixin glass-background-dark-active($opacity: 0.
|
|
13
|
+
@mixin glass-background-dark-active($opacity: 0.56, $blur: 7px, $saturate: 180%) {
|
|
14
14
|
background: rgba(var(--ios26-button-color-selected-rgb), $opacity);
|
|
15
15
|
backdrop-filter: blur($blur) saturate($saturate);
|
|
16
|
-
box-shadow: inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.
|
|
16
|
+
box-shadow: inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);
|
|
17
17
|
border-top: 0.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);
|
|
18
18
|
border-right: 0.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);
|
|
19
19
|
border-bottom: 0.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
@mixin default-variables {
|
|
9
9
|
//--ios26-glass-background-rgb: 35, 35, 35;
|
|
10
10
|
--ios26-glass-background-rgb: 62, 62, 62;
|
|
11
|
-
--ios26-glass-box-shadow-color-rgb: 0, 0, 0;
|
|
11
|
+
--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;
|
|
12
12
|
--ios26-glass-border-color-rgb: 68, 68, 68;
|
|
13
13
|
--ios26-button-color-selected-rgb: 255, 255, 255;
|
|
14
14
|
|