Update SUSE login banner and support custom image style #15776
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.



Summary
Fixes #15744
Note: This PR is based off of #15716 - which should be reviewed and merged first.
Occurred changes and/or fixed issues
This PR adds new dark and light themed banner images for the login screen.
Additionally, it adds brand metadata and uses this in
login.vueso that the SUSE them can align the graphic to the left, which ensuresTechnical notes summary
Modifies login.vue to support extra metadata from the theme:
Logo file to be shown in place of the Howdy! text
Translation string to use in place of Welcome to Rancher
Class name to be applied to the logo (when used) to allow customisations by the theme, without having to rely on specify class names/structure in the code
The PR updates metadata.json for the SUSE theme, to use the Prime logo, to change the text and to set the styling (See below).
Areas or cases that should be tested
Check login screen for Prime and Community.
Note: Set
ui-brandtosuseto test the Prime branding.Screenshot/Video
Light mode:

Dark mode:

Checklist
Admin,Standard UserandUser Base