diff --git a/src/base/projects/Browser.svelte b/src/base/projects/Browser.svelte
index f903fa46e..332870fdf 100644
--- a/src/base/projects/Browser.svelte
+++ b/src/base/projects/Browser.svelte
@@ -53,14 +53,22 @@
.anchor-widget {
display: flex;
padding: 0.75rem;
- color: var(--color-yellow);
- background-color: var(--color-yellow-background);
+ color: var(--color-tertiary);
+ background-color: var(--color-tertiary-background);
font-size: 0.75rem;
border-radius: 0.25rem;
}
+ .anchor-widget.not-anchored {
+ color: var(--color-foreground-faded);
+ background-color: var(--color-foreground-background);
+ }
.anchor-label {
+ font-family: var(--font-family-monospace);
margin-right: 0.5rem;
}
+ .anchor-label:last-child {
+ margin-right: 0;
+ }
.center-content {
margin: 0 auto;
@@ -123,9 +131,13 @@
{:then anchor}
{#if anchor === commit}
- anchor
+ anchored
+ {:else}
+
+ not anchored 🔓
+
{/if}
{/await}
{/if}