mirror of
https://github.com/cockpit-project/cockpit.git
synced 2026-11-03 21:49:50 -09:00
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:
parent
961da90ca3
commit
18a88ca5c0
2 changed files with 8 additions and 23 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue