Skip to content
RefineUI

Opacity

Shared opacity steps and overlay helpers.

TokenValueUse
opacityFull1Default
opacityDisabled0.5Disabled wash
opacityGhostHover0.08Ghost hover wash (dark)

Page dimmers use surfaceOverlay / --refineui-overlay-backdrop (see Color), not a custom alpha.

opacityFull1
opacityDisabled0.5
opacityGhostHover0.08
Overlay
backdroprgba(0, 0, 0, 0.2)
ghostButtonHoverDarkrgba(255, 255, 255, 0.08)
.scrim {
background: var(--refineui-overlay-backdrop);
}