mirror of
https://github.com/nextcloud/server.git
synced 2026-07-16 23:12:04 -04:00
Add css variables for blurred background
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
parent
7d7f7abf7f
commit
4be6280aa9
2 changed files with 5 additions and 0 deletions
|
|
@ -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%',
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue