Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Tweak dropdown list selected item colors
Rūdolfs Ošiņš committed 2 years ago
commit e0a5e37fb7e3dbe1f23e555d598bd148bd00f16d
parent 5abd1bf63501a3656e1b96aaf59a4ac08c4faa32
6 files changed +9 -22
modified src/components/DropdownList/DropdownListItem.svelte
@@ -27,7 +27,7 @@
    background-color: var(--color-fill-ghost);

  }

  .selected {
- 
    color: var(--color-fill-secondary);
+ 
    color: var(--color-foreground-contrast);

    background-color: var(--color-fill-ghost);

  }

  .item:hover.selected {
modified src/views/projects/Issues.svelte
@@ -114,10 +114,7 @@
                state: item,

              }}>

              <DropdownListItem selected={item === state}>
- 
                <div
- 
                  style:color={item === state
- 
                    ? "var(--color-fill-secondary)"
- 
                    : stateColor[item]}>
+ 
                <div style:color={stateColor[item]}>

                  <Icon name="issue" />

                </div>

                {project.issues[item]}
modified src/views/projects/Patch.svelte
@@ -783,9 +783,7 @@
                  on:click={toggle}

                  size="regular"

                  disabled={patch.revisions.length === 1}>
- 
                  <span
- 
                    style:font-weight="var(--font-weight-regular)"
- 
                    style:color="var(--color-fill-gray)">
+ 
                  <span style:color="var(--color-foreground-contrast)">

                    Revision

                  </span>

                  <span
@@ -811,9 +809,8 @@
                      }}>

                      <DropdownListItem selected={item.id === view.revision}>

                        <span
- 
                          style:font-weight="var(--font-weight-regular)"

                          style:color={item.id === view.revision
- 
                            ? "var(--color-fill-secondary)"
+ 
                            ? "var(--color-foreground-contrast)"

                            : "var(--color-fill-gray)"}>

                          Revision

                        </span>
modified src/views/projects/Patches.svelte
@@ -118,10 +118,7 @@
                search: `state=${item}`,

              }}>

              <DropdownListItem selected={item === state}>
- 
                <div
- 
                  style:color={item === state
- 
                    ? "var(--color-fill-secondary)"
- 
                    : stateColor[item]}>
+ 
                <div style:color={stateColor[item]}>

                  <Icon name="patch" />

                </div>

                {project.patches[item]}
modified src/views/projects/Source/BranchSelector.svelte
@@ -44,7 +44,7 @@
        stylePopoverPositionTop="0.5rem">

        <Button

          ariaLabel="canonical-branch"
- 
          variant="outline"
+ 
          variant="gray-white"

          styleBorderRadius="var(--border-radius-tiny) 0 0 var(--border-radius-tiny)"

          slot="toggle"

          disabled
@@ -66,7 +66,7 @@
        popoverPositionTop="2.5rem"

        popoverBorderRadius="var(--border-radius-small)">

        <Button
- 
          variant="outline"
+ 
          variant="gray-white"

          let:expanded

          let:toggle

          on:click={toggle}
@@ -98,7 +98,7 @@


  <Button

    title="Current HEAD"
- 
    variant={selectedBranch ? "gray" : "outline"}
+ 
    variant="dim"

    styleBorderRadius={selectedBranch

      ? "0 var(--border-radius-tiny) var(--border-radius-tiny) 0"

      : "var(--border-radius-tiny)"}>
modified src/views/projects/Source/PeerSelector.svelte
@@ -66,11 +66,7 @@
            alias={item.remote.alias} />

          {#if item.remote.delegate}

            <div style:color="var(--color-fill-secondary)">
- 
              <Badge
- 
                size="tiny"
- 
                variant={item.selected ? "background" : "secondary"}>
- 
                delegate
- 
              </Badge>
+ 
              <Badge size="tiny" variant="secondary">delegate</Badge>

            </div>

          {/if}

        </DropdownListItem>