diff options
| author | Julius Härtl <jus@bitgrid.net> | 2022-08-18 15:52:01 +0300 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2022-08-19 12:55:04 +0300 |
| commit | 4be6280aa90cbeffeb1d1961e26ec43beb3e19bf (patch) | |
| tree | e95f33400105cea72fac4929139ed1b305cdcc48 /apps/theming | |
| parent | 7d7f7abf7fb3f7ea8e5382a101b8246021de0bbf (diff) | |
Add css variables for blurred background
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'apps/theming')
| -rw-r--r-- | apps/theming/lib/Themes/DefaultTheme.php | 2 | ||||
| -rw-r--r-- | apps/theming/lib/Themes/HighContrastTheme.php | 3 |
2 files changed, 5 insertions, 0 deletions
diff --git a/apps/theming/lib/Themes/DefaultTheme.php b/apps/theming/lib/Themes/DefaultTheme.php index d141a5d3241..6fd29132a53 100644 --- a/apps/theming/lib/Themes/DefaultTheme.php +++ b/apps/theming/lib/Themes/DefaultTheme.php @@ -97,6 +97,8 @@ class DefaultTheme implements ITheme { '--color-main-background' => $colorMainBackground, '--color-main-background-rgb' => $colorMainBackgroundRGB, '--color-main-background-translucent' => 'rgba(var(--color-main-background-rgb), .97)', + '--color-main-background-blur' => 'rgba(var(--color-main-background-rgb), .8)', + '--filter-background-blur' => 'blur(25px)', // to use like this: background-image: linear-gradient(0, var('--gradient-main-background)); '--gradient-main-background' => 'var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%', diff --git a/apps/theming/lib/Themes/HighContrastTheme.php b/apps/theming/lib/Themes/HighContrastTheme.php index 77239f2076c..4f2f457bd5e 100644 --- a/apps/theming/lib/Themes/HighContrastTheme.php +++ b/apps/theming/lib/Themes/HighContrastTheme.php @@ -59,6 +59,9 @@ class HighContrastTheme extends DefaultTheme implements ITheme { $variables['--color-background-dark'] = $this->util->darken($colorMainBackground, 30); $variables['--color-background-darker'] = $this->util->darken($colorMainBackground, 30); + $variables['--color-main-background-blur'] = $colorMainBackground; + $variables['--filter-background-blur'] = 'none'; + $variables['--color-placeholder-light'] = $this->util->darken($colorMainBackground, 30); $variables['--color-placeholder-dark'] = $this->util->darken($colorMainBackground, 45); |