@mohamedatia/fly-design-system 2.8.0 → 2.8.2
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/package.json +1 -1
- package/scss/_theme-dark.scss +6 -1
- package/scss/_theme-light.scss +7 -1
package/package.json
CHANGED
package/scss/_theme-dark.scss
CHANGED
|
@@ -87,7 +87,12 @@ html.dark-theme {
|
|
|
87
87
|
--window-content-scrim: transparent;
|
|
88
88
|
|
|
89
89
|
// ── Titlebar ────────────────────────────────────────────────────────────────
|
|
90
|
-
|
|
90
|
+
// Own backdrop-filter + tinted plate so wallpaper does not bleed through the
|
|
91
|
+
// strip above the app content. Tuned to read close to the dark app surface.
|
|
92
|
+
--titlebar-bg: rgb(20 20 24 / 72%);
|
|
93
|
+
--titlebar-blur: 40px;
|
|
94
|
+
--titlebar-saturate: 160%;
|
|
95
|
+
--titlebar-border: rgb(255 255 255 / 8%);
|
|
91
96
|
--titlebar-height: 44px;
|
|
92
97
|
--titlebar-padding: 0 14px;
|
|
93
98
|
|
package/scss/_theme-light.scss
CHANGED
|
@@ -58,7 +58,13 @@ html.light-theme {
|
|
|
58
58
|
inset 0 -1px 0 rgb(255 255 255 / 16%);
|
|
59
59
|
--window-content-scrim: transparent;
|
|
60
60
|
--app-content-plate: transparent;
|
|
61
|
-
|
|
61
|
+
// Titlebar — own backdrop-filter + tinted plate so wallpaper does not bleed
|
|
62
|
+
// through the strip above the app content. Tuned to read close to Circles'
|
|
63
|
+
// light surface (--circles-bg ≈ oklch(0.985 0.003 100)).
|
|
64
|
+
--titlebar-bg: rgb(250 250 252 / 78%);
|
|
65
|
+
--titlebar-blur: 40px;
|
|
66
|
+
--titlebar-saturate: 180%;
|
|
67
|
+
--titlebar-border: rgb(0 0 0 / 6%);
|
|
62
68
|
--titlebar-height: 44px;
|
|
63
69
|
--titlebar-padding: 0 14px;
|
|
64
70
|
--dock-bg: rgb(255 255 255 / 15%);
|