Skip to content

Commit 9970a04

Browse files
committed
added badge colors
1 parent 701d9aa commit 9970a04

File tree

1 file changed

+14
-8
lines changed

1 file changed

+14
-8
lines changed

src/components/Badge.svelte

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,21 @@
11
<script>
22
import { onMount } from 'svelte';
33
export let text = 'Badge';
4-
export let color = '#0073F4';
4+
export let color = getRandomHexColor();
5+
function getRandomHexColor() {
6+
const letters = '0123456789ABCDEF';
7+
let color = '#';
8+
for (let i = 0; i < 6; i++) {
9+
color += letters[Math.floor(Math.random() * 16)];
10+
}
11+
return color;
12+
}
13+
let contrastedColor = '';
514
6-
7-
let contrastedColor = '';
8-
9-
onMount(async () => {
10-
const fontColorContrast = (await import('font-color-contrast')).default;
11-
contrastedColor = fontColorContrast(color);
12-
});
15+
onMount(async () => {
16+
const fontColorContrast = (await import('font-color-contrast')).default;
17+
contrastedColor = fontColorContrast(color);
18+
});
1319
</script>
1420

1521

0 commit comments

Comments
 (0)