Skip to content

Use branded login background via --oc-login-background-image#13875

Open
dj4oC wants to merge 2 commits into
masterfrom
enhancement/branded-login-background
Open

Use branded login background via --oc-login-background-image#13875
dj4oC wants to merge 2 commits into
masterfrom
enhancement/branded-login-background

Conversation

@dj4oC

@dj4oC dj4oC commented Jun 11, 2026

Copy link
Copy Markdown
Contributor

Description

Replaces the default login page background (themes/owncloud/assets/loginBackground.jpg) with the ownCloud branding artwork ("A Kiteworks Company") and changes how it is applied:

  • Plain.vue now sets the CSS custom property --oc-login-background-image instead of an inline background-image style.
  • login.scss consumes the property on .oc-login.

The image still comes from the theme (loginPage.backgroundImg in theme.json, unchanged) and remains fully customizable. The shared custom property is also used by the oCIS IDP login screen, so a future branding update only needs to change one value.

Related

🤖 Generated with Claude Code

@kw-security

kw-security commented Jun 11, 2026

Copy link
Copy Markdown

Snyk checks have passed. No issues have been found so far.

Status Scan Engine Critical High Medium Low Total (0)
Code Security 0 0 0 0 0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

@dj4oC dj4oC force-pushed the enhancement/branded-login-background branch from 6bb3600 to 7e3f346 Compare June 11, 2026 14:03
@sonarqubecloud

Copy link
Copy Markdown

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

@LukasHirt LukasHirt left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code looks good but the commit message needs to be updated to follow the conventional commit.

Replace the default login background with the ownCloud branding artwork
and apply it through the --oc-login-background-image CSS custom property
(set by the Plain layout from theme.json, consumed in login.scss) so a
future branding update only needs to change one value. The oCIS IDP login
uses the same custom property.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Signed-off-by: David Walter <david.walter@kiteworks.com>
@dj4oC dj4oC force-pushed the enhancement/branded-login-background branch from 7e3f346 to 12c7d3b Compare June 13, 2026 12:08
@dj4oC

dj4oC commented Jun 13, 2026

Copy link
Copy Markdown
Contributor Author

@LukasHirt thanks for the review! I've updated the commit message to follow the conventional commits spec — the subject is now feat: use branded login background via --oc-login-background-image. Re-requesting your review.

@dj4oC dj4oC requested a review from LukasHirt June 13, 2026 12:24
Use background-size: contain (not cover) for the branded login background
(.oc-login) so the ownCloud logo baked into the artwork stays fully visible
at every viewport aspect ratio instead of being cut off. A matching solid
background color (#3c4d9b, the artwork's edge color) fills any letterbox so
it blends seamlessly with the image.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed-off-by: David Walter <david.walter@kiteworks.com>
@sonarqubecloud

Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants