CSS Variables
| Variable | Purpose |
|---|---|
--impr-surface-background-color | Surface background |
--impr-surface-foreground-color | Surface text and foreground |
--impr-surface-backdrop-color | Backdrop color |
--impr-surface-border-color | Surface border and close-button border |
--impr-surface-border-radius | Theme radius variable |
Override example
:root {
--impr-surface-background-color: #ffffff;
--impr-surface-foreground-color: #171717;
--impr-surface-backdrop-color: rgb(0 0 0 / 45%);
--impr-surface-border-color: #e5e5e5;
--impr-surface-border-radius: 1rem;
}The current bundled surface geometry uses explicit sizing rules for each position and size. The variables are intended primarily for the visual theme layer.