branding/fedora: import anaconda branding fedora-logos

Remove the anaconda brand color pallete and PatternFly token mapping.
This is now provided by the distribution's logos package via the
imported anaconda-branding.css. [1]

Also remove the .anaconda .logo rule from branding.css. It is now
defined in the imported anaconda-branding.css from fedora-logos.
Add a webui-header-logo.png symlink pointing to the logo provided
by the distribution's logos package at
/usr/share/anaconda/pixmaps/webui-header-logo.png, so cockpit-ws
can serve it.

For fedora branding, create two unconditional symlinks:
anaconda-branding.css pointing to webui.css (new name) and
anaconda-branding-compat.css pointing to fedora-webui.css
(old name). Both are imported in branding.css; the browser
silently ignores the @import that 404s (dangling symlink).

[1] https://forge.fedoraproject.org/design/packages/pulls/2
This commit is contained in:
Katerina Koukiou 2026-10-29 13:43:21 +01:00 committed by Katerina Koukiou
parent 961da90ca3
commit 18a88ca5c0
2 changed files with 8 additions and 23 deletions

View file

@ -6,7 +6,11 @@ dist_fedorabranding_DATA = \
$(NULL)
# Opportunistically use fedora-logos
# FIXME: Drop anaconda-branding-compat.css once https://forge.fedoraproject.org/design/packages/pulls/4 is released
install-data-hook::
ln -sTfr $(DESTDIR)/usr/share/pixmaps/system-logo-white.png $(DESTDIR)$(fedorabrandingdir)/logo.png
ln -sTfr $(DESTDIR)/usr/share/pixmaps/fedora-logo-sprite.png $(DESTDIR)$(fedorabrandingdir)/apple-touch-icon.png
ln -sTfr $(DESTDIR)/etc/favicon.png $(DESTDIR)$(fedorabrandingdir)/favicon.ico
ln -sTfr $(DESTDIR)/usr/share/anaconda/pixmaps/webui.css $(DESTDIR)$(fedorabrandingdir)/anaconda-branding.css
ln -sTfr $(DESTDIR)/usr/share/anaconda/pixmaps/fedora-webui.css $(DESTDIR)$(fedorabrandingdir)/anaconda-branding-compat.css
ln -sTfr $(DESTDIR)/usr/share/anaconda/pixmaps/webui-header-logo.png $(DESTDIR)$(fedorabrandingdir)/webui-header-logo.png

View file

@ -1,4 +1,8 @@
/* SPDX-License-Identifier: LGPL-2.1-or-later */
@import "anaconda-branding.css";
@import "anaconda-branding-compat.css";
#badge {
inline-size: 225px;
block-size: 80px;
@ -10,26 +14,3 @@
#brand::before {
content: "${NAME} <b>${VARIANT}</b>";
}
.anaconda {
/* Brand palette */
--brand-default-light: #51a2da;
--brand-default: #3c6eb4;
--brand-default-dark: #294172;
.logo {
background-image: url("logo.png");
}
}
:not(.pf-v6-theme-dark) .anaconda {
/* Default (light theme) token mapping */
--pf-t--global--color--brand--default: var(--brand-default);
--pf-t--global--color--brand--hover: var(--brand-default-dark);
}
.pf-v6-theme-dark .anaconda {
/* Dark theme token mapping */
--pf-t--global--color--brand--default: var(--brand-default-light);
--pf-t--global--color--brand--hover: var(--brand-default);
}