aboutsummaryrefslogtreecommitdiff
path: root/src/components/logo.tsx
blob: 1d1f3c61ab7868a000c7ace293e010f2cd6e85fe (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
export function LogoDark() {
	return (
		<div className="noclick">
			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
				<rect width="24" height="24" fill="var(--background)"/>
				<circle cx="6.5" cy="6.5" r="4.5" fill="var(--disk-b)"/>
				<circle cx="6.5" cy="17.5" r="4.5" fill="var(--disk-a)"/>
				<circle cx="17.5" cy="17.5" r="4.5" fill="var(--disk-b)"/>
				<circle cx="17.5" cy="6.5" r="3.5" stroke="var(--text)" stroke-width="2"/>
			</svg>
		</div>
	);
}

export function LogoLight() {
	return (
		<div className="noclick">
			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
				<rect width="24" height="24" fill="var(--page-background)"/>
				<circle cx="6.5" cy="6.5" r="4.5" fill="var(--disk-b)"/>
				<circle cx="6.5" cy="17.5" r="4.5" fill="var(--disk-a)"/>
				<circle cx="17.5" cy="17.5" r="4.5" fill="var(--disk-b)"/>
				<circle cx="17.5" cy="6.5" r="3.5" stroke="var(--background)" stroke-width="2"/>
			</svg>
		</div>
	);
}