Diseños
Glass layout
Use translucent surfaces for a visually layered documentation shell.
The glass preset adds translucent surfaces and layered borders while retaining
the same semantic docs structure.
export default defineConfig({
layout: { preset: 'glass' },
})Contrast
Test light and dark themes against the actual page background. Translucency must not reduce text, focus-ring, active-navigation, or code-block contrast.
Performance
Keep backdrop effects constrained to stable surfaces. Avoid animating blur or large translucent regions during scroll.
Last updated 2 ago 2026