Expose core background image

Signed-off-by: Julius Härtl <jus@bitgrid.net>

apps/dashboard/src/DashboardApp.vue

@@ -170,8 +170,9 @@ export default {
  || this.background.match(/#[0-9A-Fa-f]{6}/g)) {
  return null
  }
+
  return {
- backgroundImage: `url(${this.backgroundImage})`,
+ backgroundImage: this.background === 'default' ? 'var(--image-main-background)' : `url(${this.backgroundImage})`,
  }
  },
 

apps/theming/lib/Themes/DefaultTheme.php

@@ -192,26 +192,30 @@ public function getCSSVariables(): array {
  '--primary-invert-if-bright' => $this->util->invertTextColor($this->primaryColor) ? 'invert(100%)' : 'no',
  '--background-invert-if-dark' => 'no',
  '--background-invert-if-bright' => 'invert(100%)',
+
+ '--image-main-background' => "url('" . $this->urlGenerator->imagePath('core', 'app-background.jpg') . "')",
  ];
 
  $backgroundDeleted = $this->config->getAppValue('theming', 'backgroundMime', '') === 'backgroundColor';
  // If primary as background has been request or if we have a custom primary colour
  // let's not define the background image
  if ($backgroundDeleted || $hasCustomPrimaryColour) {
  $variables["--image-background-plain"] = 'true';
- } 
+ }
 
  // Register image variables only if custom-defined
  foreach(['logo', 'logoheader', 'favicon', 'background'] as $image) {
  if ($this->imageManager->hasImage($image)) {
+ $imageUrl = $this->imageManager->getImageUrl($image);
  if ($image === 'background') {
  // If background deleted is set, ignoring variable
  if ($backgroundDeleted) {
  continue;
- } 
+ }
  $variables['--image-background-size'] = 'cover';
+ $variables['--image-main-background'] = "url('" . $imageUrl . "')";
  }
- $variables["--image-$image"] = "url('".$this->imageManager->getImageUrl($image)."')";
+ $variables["--image-$image"] = "url('" . $imageUrl . "')";
  }
  }