Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Change header toggle buttons to secondary color
Rūdolfs Ošiņš committed 2 years ago
commit 63d4cc2d62676d026cbe2e6ac758fe0fff80d892
parent 9be4c4458fa37fcea041b33d8b034aa8d936d0a3
5 files changed +9 -9
modified src/App/Header/Authenticate.svelte
@@ -26,7 +26,7 @@
  }

  .avatar {

    height: 1.5rem;
- 
    color: var(--color-fill-primary) !important;
+ 
    color: var(--color-fill-secondary) !important;

    display: flex;

    gap: 0.5rem;

    align-items: center;
@@ -58,7 +58,7 @@
      let:toggle

      on:click={toggle}

      size="large"
- 
      variant="primary-toggle-on">
+ 
      variant="secondary-toggle-on">

      <div class="avatar">

        <NodeId

          large
@@ -93,7 +93,7 @@
      });

    }}

    size="large"
- 
    variant="primary-toggle-off">
+ 
    variant="secondary-toggle-off">

    <IconSmall name="key" />

    Authenticate

    <div class="indicator" />
@@ -107,7 +107,7 @@
      });

    }}

    size="large"
- 
    variant="primary-toggle-off">
+ 
    variant="secondary-toggle-off">

    <IconSmall name="chat" />

    Authenticate

  </Button>
modified src/App/Header/Breadcrumbs/NodeSegment.svelte
@@ -11,7 +11,7 @@


<style>

  .segment :global(a:hover) {
- 
    color: var(--color-fill-primary);
+ 
    color: var(--color-fill-secondary);

  }

</style>
modified src/App/Header/Breadcrumbs/ProjectSegment.svelte
@@ -18,7 +18,7 @@
    gap: 0.25rem;

  }

  .segment :global(a:hover) {
- 
    color: var(--color-fill-primary);
+ 
    color: var(--color-fill-secondary);

  }

</style>
modified src/App/Header/Connect.svelte
@@ -54,7 +54,7 @@
      on:click={toggle}

      title={buttonTitle[$httpdStore.state]}

      size="large"
- 
      variant="primary-toggle-off">
+ 
      variant="secondary-toggle-off">

      <IconSmall name="device" />

      Connect

    </Button>
@@ -79,7 +79,7 @@
      on:click={toggle}

      title={buttonTitle[$httpdStore.state]}

      size="large"
- 
      variant="primary-toggle-on">
+ 
      variant="secondary-toggle-on">

      <IconSmall name="device" />

      Connected

    </Button>
modified src/App/Header/NodeInfo.svelte
@@ -23,7 +23,7 @@
    let:toggle

    on:click={toggle}

    size="large"
- 
    variant={running ? "primary-toggle-on" : "primary-toggle-off"}>
+ 
    variant={running ? "secondary-toggle-on" : "secondary-toggle-off"}>

    <IconSmall name="broadcasting" />

    {#if running}

      Syncing