Malzeme
Uygulama kabuğu (üst çubuk ve sol menü), paneller, menüler ve kartlar cam malzeme kullanır: yarı saydam dolgu, arka plan bulanıklığı ve ince ışık kenarı. Bu belge sitesi bilerek sadedir ve camı yalnız örnek olarak gösterir.
Cam yüzey örneği
--glass-fill · --glass-blur
Katmanlar
- Kabuk — üst çubuk ve sol menü: yarı saydam dolgu ve bulanıklık.
- Panel — yüzen pencereler: neredeyse opak dolgu, metin okunurluğu korunur.
- Menü — açılır listeler ve menüler: panelle aynı dolgu.
- Kart — bulanıklık yok; kendi renginin yüksek oranı, parlama ve kenar.
Camda gölge kullanılmaz. Bulanıklığı desteklemeyen tarayıcıda opak yedek yüzey çizilir. Koyu temada dolgu tema yüzeyinden gelir.
Tokenlar
--glass-fill | rgba(255, 255, 255, 0.58) |
--glass-fill-float | rgba(255, 255, 255, 0.95) |
--glass-blur | blur(30px) saturate(190%) |
--glass-card-mix | 88% |
--glass-solid | #ffffff |