#badge {
inline-size: 225px;
block-size: 80px;
background-image: url("logo.png");
background-size: contain;
background-repeat: no-repeat;
}
#brand::before {
content: "${NAME} <b>${VARIANT}</b>";
}
.anaconda {
--brand-default-light: #51a2da;
--brand-default: #3c6eb4;
--brand-default-dark: #294172;
.logo {
background-image: url("logo.png");
}
}
:not(.pf-v6-theme-dark) .anaconda {
--pf-t--global--color--brand--default: var(--brand-default);
--pf-t--global--color--brand--hover: var(--brand-default-dark);
}
.pf-v6-theme-dark .anaconda {
--pf-t--global--color--brand--default: var(--brand-default-light);
--pf-t--global--color--brand--hover: var(--brand-default);
}