Radish alpha
r
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Improve delegate badge colors
Sebastian Martinez committed 2 years ago
commit 302bd44400be712eb3a05fba1919b37fcbb51118
parent 476f2177142b85cc1c8447a762beb978b5ddc5c2
2 files changed +10 -6
modified src/components/Badge.svelte
@@ -9,6 +9,7 @@
    | "negative"
    | "positive"
    | "primary"
+
    | "delegate"
    | "secondary";
  export let round: boolean = false;
  export let style: string | undefined = undefined;
@@ -38,6 +39,10 @@
    color: var(--color-foreground-match-background);
    background: var(--color-fill-gray);
  }
+
  .delegate {
+
    color: var(--color-foreground-primary);
+
    background: var(--color-fill-delegate);
+
  }
  .neutral {
    color: var(--color-foreground-contrast);
    background: var(--color-fill-ghost);
@@ -112,6 +117,7 @@
  class:medium={size === "medium"}
  class:caution={variant === "caution"}
  class:yellow={variant === "yellow"}
+
  class:delegate={variant === "delegate"}
  class:outline={variant === "outline"}
  class:background={variant === "background"}
  class:foreground={variant === "foreground"}
modified src/views/projects/Source/PeerSelector.svelte
@@ -89,12 +89,10 @@
            {item.remote.alias || formatNodeId(item.remote.id)}
          </span>
          {#if item.remote.delegate}
-
            <div style:color="var(--color-fill-secondary)">
-
              <Badge size="tiny" variant="primary">
-
                <IconSmall name="badge" />
-
                Delegate
-
              </Badge>
-
            </div>
+
            <Badge size="tiny" variant="delegate">
+
              <IconSmall name="badge" />
+
              Delegate
+
            </Badge>
          {/if}
        </DropdownListItem>
      </Link>