A decentralized music tracking and discovery platform built on AT Protocol 🎵

Add logos and favicons, show logo in Navbar

+8 -2
apps/web/public/favicon-old.ico

This is a binary file and will not be displayed.

apps/web/public/favicon.ico

This is a binary file and will not be displayed.

apps/web/public/favicon.jpg apps/web/public/favicon-old.jpg
apps/web/public/favicon.png

This is a binary file and will not be displayed.

apps/web/public/rocksky-logo-light.png

This is a binary file and will not be displayed.

apps/web/src/assets/rocksky-logo-dark.png

This is a binary file and will not be displayed.

apps/web/src/assets/rocksky-logo-light.png

This is a binary file and will not be displayed.

+8 -2
apps/web/src/layouts/Navbar/Navbar.tsx
··· 19 19 import { themeAtom } from "../../atoms/theme"; 20 20 import { API_URL } from "../../consts"; 21 21 import { useProfileStatsByDidQuery } from "../../hooks/useProfile"; 22 + import LogoDark from "../../assets/rocksky-logo-dark.png"; 23 + import LogoLight from "../../assets/rocksky-logo-light.png"; 22 24 23 25 const Container = styled.div` 24 26 position: fixed; ··· 127 129 128 130 return ( 129 131 <Container className="bg-[var(--color-background)] text-[var(--color-text)]"> 130 - <div> 132 + <div className="flex"> 133 + <img 134 + src={darkMode ? LogoDark : LogoLight} 135 + className="max-h-[25px] max-w-[30px] mr-[5px] mt-[28px]" 136 + /> 131 137 <Link to="/" style={{ textDecoration: "none" }}> 132 - <h2 className="text-[var(--color-primary)] text-[26px] font-bold"> 138 + <h2 className="text-[var(--color-text)] text-[26px] font-bold"> 133 139 Rocksky 134 140 </h2> 135 141 </Link>