made logo responsive to color changes

This commit is contained in:
Foster Irwin 2022-12-20 22:37:31 -07:00
parent 7a2d80d9db
commit 522f7aa564
2 changed files with 7 additions and 2 deletions

View file

@ -118,6 +118,10 @@ html[data-theme="dark"] .header-github-link:before {
margin: 20px 36px; margin: 20px 36px;
} }
.responsive-color-svg {
fill: var(--ifm-heading-color)
}
.theme-doc-markdown { .theme-doc-markdown {
max-width: none; max-width: none;
} }

View file

@ -51,10 +51,11 @@ const TwoPointZero = (): JSX.Element => {
<div> <div>
<div> <div>
<img <img
className="h-11 w-auto" className="h-11 w-auto responsive-color-svg"
it it
src="/design/logo/svg/Mesh_Logo_Black.svg" src="/design/logo/svg/Mesh_Logo_Black.svg"
alt="Your Company"
alt="Meshtastic Logo"
/> />
</div> </div>
<div className="mt-20"> <div className="mt-20">