add new logo

This commit is contained in:
Ishaan Gupta 2026-05-20 13:06:14 +05:30
parent 07c91db0e4
commit a4199934ba
8 changed files with 25 additions and 31 deletions

View file

@ -281,7 +281,7 @@ function addSupermemoryButtonToMemoriesDialog() {
supermemoryButton.id = "supermemory-save-button"
supermemoryButton.className = "btn relative btn-primary-outline mr-2"
const iconUrl = browser.runtime.getURL("/icon-16.png")
const iconUrl = browser.runtime.getURL("/new_logo.png")
supermemoryButton.innerHTML = `
<div class="flex items-center justify-center gap-2">

View file

@ -253,7 +253,7 @@ async function showOnboardingToast() {
header.style.cssText =
"display: flex; align-items: flex-start; gap: 12px; position: relative;"
const iconUrl = browser.runtime.getURL("/icon-16.png")
const iconUrl = browser.runtime.getURL("/new_logo.png")
const icon = document.createElement("img")
icon.src = iconUrl
icon.alt = "Supermemory"
@ -512,7 +512,7 @@ function showOrUpdateImportProgressToast(message: string, isComplete = false) {
animation: smSlideInUp 0.3s ease-out;
`
const iconUrl = browser.runtime.getURL("/icon-16.png")
const iconUrl = browser.runtime.getURL("/new_logo.png")
const icon = document.createElement("img")
icon.src = iconUrl
icon.alt = "Supermemory"

View file

@ -637,7 +637,7 @@ function App() {
>
<img
alt="supermemory"
src="./icon-48.png"
src="./new_logo.png"
className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[29px] h-[29px]"
/>
</div>
@ -645,11 +645,9 @@ function App() {
<span className="text-[11px] font-medium text-[#737373] leading-normal">
Your
</span>
<img
alt="supermemory"
src="./logo-fullmark.svg"
className="h-[14.5px] w-auto"
/>
<span className="text-[15px] font-semibold leading-none text-white">
supermemory
</span>
</div>
</div>
</div>
@ -703,7 +701,7 @@ function App() {
>
<img
alt="supermemory"
src="./icon-48.png"
src="./new_logo.png"
className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[29px] h-[29px]"
/>
</div>
@ -717,11 +715,9 @@ function App() {
return name.endsWith("s") ? `${name}'` : `${name}'s`
})()}
</span>
<img
alt="supermemory"
src="./logo-fullmark.svg"
className="h-[14.5px] w-auto"
/>
<span className="text-[15px] font-semibold leading-none text-white">
supermemory
</span>
</div>
</div>
{userSignedIn && (

View file

@ -16,12 +16,10 @@ function Welcome() {
<main className="relative mx-auto flex min-h-screen w-full max-w-6xl flex-col px-6 py-6 sm:px-10">
<header className="flex items-center justify-between border-b border-white/10 pb-5">
<div className="flex items-center gap-2">
<img alt="" className="size-8 rounded-[4px]" src="./icon-48.png" />
<img
alt="supermemory"
className="h-6 w-auto"
src="./logo-fullmark.svg"
/>
<img alt="" className="size-8 rounded-[4px]" src="./new_logo.png" />
<span className="text-lg font-semibold leading-none text-white">
supermemory
</span>
</div>
<span className="rounded-full border border-[#369BFD]/25 bg-[#369BFD]/10 px-3 py-1 text-xs font-medium text-[#9FCBFF]">
Chrome extension

View file

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/icon-16.png" />
<link rel="icon" type="image/png" href="/new_logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Welcome to supermemory</title>
</head>
@ -10,4 +10,4 @@
<div id="root"></div>
<script type="module" src="./main.tsx"></script>
</body>
</html>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

View file

@ -117,7 +117,7 @@ export function createToast(state: ToastState): HTMLElement {
break
case "success": {
const iconUrl = browser.runtime.getURL("/icon-16.png")
const iconUrl = browser.runtime.getURL("/new_logo.png")
icon.innerHTML = `<img src="${iconUrl}" width="20" height="20" alt="Success" style="border-radius: 2px;" />`
textElement.textContent = "Added to Memory"
break
@ -184,7 +184,7 @@ export function createTwitterImportButton(onClick: () => void): HTMLElement {
font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
`
const iconUrl = browser.runtime.getURL("/icon-16.png")
const iconUrl = browser.runtime.getURL("/new_logo.png")
button.style.backgroundImage = `url("${iconUrl}")`
button.style.backgroundRepeat = "no-repeat"
@ -232,7 +232,7 @@ export function createSaveTweetElement(onClick: () => void): HTMLElement {
z-index: 1000;
`
const iconFileName = "/icon-16.png"
const iconFileName = "/new_logo.png"
const iconUrl = browser.runtime.getURL(iconFileName)
iconButton.innerHTML = `
<img src="${iconUrl}" width="20" height="20" alt="Save to Memory" style="border-radius: 4px;" />
@ -286,7 +286,7 @@ export function createConnectedIndicator(onClick: () => void): HTMLElement {
flex-shrink: 0;
`
const iconFileName = "/icon-16.png"
const iconFileName = "/new_logo.png"
const iconUrl = browser.runtime.getURL(iconFileName)
iconButton.innerHTML = `
<img src="${iconUrl}" width="20" height="20" alt="" style="border-radius: 5px; display: block;" />
@ -370,7 +370,7 @@ export function createT3InputBarElement(onClick: () => void): HTMLElement {
background: transparent;
`
const iconFileName = "/icon-16.png"
const iconFileName = "/new_logo.png"
const iconUrl = browser.runtime.getURL(iconFileName)
iconButton.innerHTML = `
<img src="${iconUrl}" width="20" height="20" alt="Get Related Memories from supermemory" style="border-radius: 4px;" />
@ -443,7 +443,7 @@ export function createProjectSelectionModal(
margin-bottom: 20px;
`
const iconUrl = browser.runtime.getURL("/icon-16.png")
const iconUrl = browser.runtime.getURL("/new_logo.png")
header.innerHTML = `
<div style="display: flex; flex-direction: column; gap: 8px;">
<h3 style="margin: 0; font-size: 16px; font-weight: 600; color: #ffffff; display: flex; align-items: center; gap: 8px;">
@ -712,7 +712,7 @@ export const DOMUtils = {
if (icon && text) {
if (state === "success") {
const iconUrl = browser.runtime.getURL("/icon-16.png")
const iconUrl = browser.runtime.getURL("/new_logo.png")
icon.innerHTML = `<img src="${iconUrl}" width="20" height="20" alt="Success" style="border-radius: 2px;" />`
icon.style.animation = ""
text.textContent = "Added to Memory"

View file

@ -49,7 +49,7 @@ export default defineConfig({
],
web_accessible_resources: [
{
resources: ["icon-16.png", "fonts/*.ttf"],
resources: ["new_logo.png", "fonts/*.ttf"],
matches: ["<all_urls>"],
},
],