Update for #4836 - edit primary and secondary transparency opacities from 0.8 to 0.5 - remove forBackdropFilter from themes - update components referencing transparency/primary and transparency/secondary to have the following backdrop-filter: blur(12px) saturate(200%) contrast(50%) brightness(130%) --------- Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
10 lines
334 B
TypeScript
10 lines
334 B
TypeScript
import { css } from '@emotion/react';
|
|
|
|
import { ThemeType } from '..';
|
|
|
|
export const OVERLAY_BACKGROUND = (props: { theme: ThemeType }) => css`
|
|
backdrop-filter: blur(12px) saturate(200%) contrast(50%) brightness(130%);
|
|
background: ${props.theme.background.transparent.secondary};
|
|
box-shadow: ${props.theme.boxShadow.strong};
|
|
`;
|