Branding for HealthChecksUI Aspire style

healthchecks-aspire.css

:root {
    --primaryColor: #512bd4;
    --secondaryColor: #f4f4f4;
    --bgMenuActive: #7b4aff;
    --bgButton: var(--primaryColor);
    --logoImageUrl: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMjggMjQwQzEyLjU2IDI0MCAwIDIyNy40NCAwIDIxMkMwIDIwNi45NjggMS4zMjggMjAyLjA3MiAzLjg0IDE5Ny44MzJMNzAuNTQ0IDgyLjI5Nkw3MC44MTYgODEuODg4TDEwMy43NDQgMjQuNzkyQzEwOC43NDQgMTYuMTUyIDExOC4wMzIgMTAuNzkyIDEyOCAxMC43OTJDMTM3Ljk2OCAxMC43OTIgMTQ3LjI1NiAxNi4xNTIgMTUyLjI0OCAyNC43ODRMMjUyLjI0OCAxOTcuOTkyQzI1NC42NjQgMjAyLjA2NCAyNTUuOTkyIDIwNi45NiAyNTUuOTkyIDIxMS45OTJDMjU1Ljk5MiAyMjcuNDMyIDI0My40MzIgMjM5Ljk5MiAyMjcuOTkyIDIzOS45OTJMMjggMjQwWiIgZmlsbD0iIzUxMkJENCIvPg0KPHBhdGggZD0iTTIwMi42NCAxNDRIMTM1LjkyTDEyOCAxMzAuMjRMMTA1LjA0IDkwLjQ4QzEwNCA4OC43MiAxMDIuNTYgODcuMiAxMDAuNjQgODYuMTZDOTQuOTYgODIuOCA4Ny42IDg0LjggODQuMjQgOTAuNTZMMTE3LjYgMzIuOEMxMTkuNjggMjkuMiAxMjMuNTIgMjYuOCAxMjggMjYuOEMxMzIuNDggMjYuOCAxMzYuMzIgMjkuMiAxMzguNCAzMi44TDE3MS42IDkwLjMyTDE3MS42OCA5MC40OEwxNzEuODQgOTAuNzJMMjAyLjY0IDE0NFoiIGZpbGw9IiM3NDU1REQiLz4NCjxwYXRoIGQ9Ik0yNDAgMjEyQzI0MCAyMTguNjQgMjM0LjY0IDIyNCAyMjggMjI0SDE2MS4zNkMxNjggMjI0IDE3My4zNiAyMTguNjQgMTczLjM2IDIxMkMxNzMuMzYgMjA5Ljg0IDE3Mi43MiAyMDcuNzYgMTcxLjc2IDIwNkwxMzguNCAxNDguMjRMMTM1LjkyIDE0NEgyMDIuNjRMMjM4LjQgMjA2QzIzOS40NCAyMDcuNzYgMjQwIDIwOS44NCAyNDAgMjEyWiIgZmlsbD0iIzk3ODBFNSIvPg0KPHBhdGggZD0iTTE3My4zNiAyMTJDMTczLjM2IDIxOC42NCAxNjggMjI0IDE2MS4zNiAyMjRIOTQuNjM5OUMxMDEuMjggMjI0IDEwNi42NCAyMTguNjQgMTA2LjY0IDIxMkMxMDYuNjQgMjA5Ljg0IDEwNi4wOCAyMDcuNzYgMTA1LjA0IDIwNkMxMDUuMDQgMjA1LjkyIDEwNC45NiAyMDUuODQgMTA0Ljg4IDIwNS43Nkw5NC4zMTk5IDE4OC41Nkw3MC41NTk5IDE0OS43NkM2OC4zOTk5IDE0Ni4yNCA2NC41NTk5IDE0NCA2MC4zMTk5IDE0NEgxMzUuOTJMMTM4LjQgMTQ4LjI0TDEzOS40MTYgMTUwTDE3MS43NiAyMDZDMTcyLjcyIDIwNy43NiAxNzMuMzYgMjA5Ljg0IDE3My4zNiAyMTJaIiBmaWxsPSIjQjlBQUVFIi8+DQo8cGF0aCBkPSJNMTA2LjY0IDIxMkMxMDYuNjQgMjE4LjY0IDEwMS4yOCAyMjQgOTQuNjQgMjI0SDI4QzIxLjM2IDIyNCAxNiAyMTguNjQgMTYgMjEyQzE2IDIwOS44NCAxNi41NiAyMDcuNzYgMTcuNiAyMDZMNDkuOTIgMTUwQzUyLjA4IDE0Ni4zMiA1Ni4wOCAxNDQgNjAuMzIgMTQ0QzY0LjU2IDE0NCA2OC40IDE0Ni4yNCA3MC41NiAxNDkuNzZMOTQuMzIgMTg4LjU2TDEwNC44OCAyMDUuNzZDMTA0Ljk2IDIwNS44NCAxMDUuMDQgMjA1LjkyIDEwNS4wNCAyMDZDMTA2LjA4IDIwNy43NiAxMDYuNjQgMjA5Ljg0IDEwNi42NCAyMTJaIiBmaWxsPSIjRENENUY2Ii8+DQo8cGF0aCBkPSJNMTM1LjkyIDE0NEg2MC4zMkM1Ni4wOCAxNDQgNTIuMDggMTQ2LjMyIDQ5LjkyIDE1MEw1My4zNiAxNDRMODMuOTIgOTEuMTJMODQuMjQgOTAuNjRWOTAuNTZDODcuNiA4NC44IDk0Ljk2IDgyLjggMTAwLjY0IDg2LjE2QzEwMi41NiA4Ny4yIDEwNCA4OC43MiAxMDUuMDQgOTAuNDhMMTI4IDEzMC4yNEwxMzUuOTIgMTQ0WiIgZmlsbD0iIzk3ODBFNSIvPg0KPC9zdmc+');
    --bgAside: var(--primaryColor);
}
.hc-aside__logo {
    border-radius: 0;
}