mirror of
https://github.com/wukko/cobalt.git
synced 2025-02-27 05:28:49 +01:00
web/PageNavTab: add more colors
This commit is contained in:
parent
b2df289894
commit
52528ddee8
2 changed files with 4 additions and 1 deletions
|
@ -6,7 +6,7 @@
|
||||||
export let path: string;
|
export let path: string;
|
||||||
export let title: string;
|
export let title: string;
|
||||||
export let icon: ConstructorOfATypedSvelteComponent;
|
export let icon: ConstructorOfATypedSvelteComponent;
|
||||||
export let iconColor: "gray" | "blue" | "green" = "gray";
|
export let iconColor: "gray" | "blue" | "green" | "magenta" | "purple" | "orange" = "gray";
|
||||||
|
|
||||||
$: isActive = $page.url.pathname === path;
|
$: isActive = $page.url.pathname === path;
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -113,6 +113,9 @@
|
||||||
--dark-red: #d61c2e;
|
--dark-red: #d61c2e;
|
||||||
--green: #30bd1b;
|
--green: #30bd1b;
|
||||||
--blue: #2f8af9;
|
--blue: #2f8af9;
|
||||||
|
--magenta: #eb445a;
|
||||||
|
--purple: #5857d4;
|
||||||
|
--orange: #f19a38;
|
||||||
|
|
||||||
--focus-ring: 0 0 0 2px var(--blue) inset;
|
--focus-ring: 0 0 0 2px var(--blue) inset;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue