Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Fix gray colors
dnlklmn committed 2 years ago
commit 99a0d8d6f28cc5c60134887f17507f62bb3be72c
parent 8152cda2ac098f0a74e13ecc406a35b5295f6e84
10 files changed +17 -20
modified public/colors.css
@@ -3,9 +3,9 @@
  --color-background-float: #fafaff;

  --color-background-dip: #f5f5ff;

  --color-foreground-contrast: #232563;
- 
  --color-foreground-dim: #70718f;
- 
  --color-foreground-emphasized: #7070ff;
- 
  --color-foreground-emphasized-hover: #8585ff;
+ 
  --color-foreground-dim: #6a6a81;
+ 
  --color-foreground-emphasized: #8585ff;
+ 
  --color-foreground-emphasized-hover: #7070ff;

  --color-foreground-match-background: #f5f5ff;

  --color-foreground-white: #ffffff;

  --color-foreground-black: #000000;
@@ -13,9 +13,8 @@
  --color-foreground-primary-hover: #ff80ff;

  --color-foreground-success: #4fa877;

  --color-foreground-red: #aa5078;
- 
  --color-foreground-gray: #9494b8;

  --color-foreground-yellow: #e5c001;
- 
  --color-foreground-disabled: #b2b2cc;
+ 
  --color-foreground-disabled: #9b9bb1;

  --color-border-hint: #dbdbff;

  --color-border-default: #dbdbff;

  --color-border-focus: #7070ff;
@@ -56,7 +55,7 @@
  --color-background-float: #14151a;

  --color-background-dip: #000000;

  --color-foreground-contrast: #f9f9fb;
- 
  --color-foreground-dim: #9494b8;
+ 
  --color-foreground-dim: #9b9bb1;

  --color-foreground-emphasized: #7070ff;

  --color-foreground-emphasized-hover: #8585ff;

  --color-foreground-match-background: #0a0d10;
@@ -66,9 +65,8 @@
  --color-foreground-primary-hover: #ff80ff;

  --color-foreground-success: #4fa877;

  --color-foreground-red: #aa5078;
- 
  --color-foreground-gray: #9494b8;

  --color-foreground-yellow: #e5c001;
- 
  --color-foreground-disabled: #494a5a;
+ 
  --color-foreground-disabled: #6a6a81;

  --color-border-hint: #24252d;

  --color-border-default: #2e2f38;

  --color-border-focus: #7070ff;
modified src/components/Badge.svelte
@@ -36,7 +36,7 @@
  }

  .foreground {

    color: var(--color-foreground-match-background);
- 
    background: var(--color-foreground-gray);
+ 
    background: var(--color-fill-gray);

  }

  .neutral {

    color: var(--color-foreground-contrast);
modified src/components/Button.svelte
@@ -80,7 +80,7 @@


  .dim {

    background-color: var(--color-fill-float-hover);
- 
    color: var(--color-foreground-gray);
+ 
    color: var(--color-foreground-dim);

  }

  .dim[disabled] {

    background-color: var(--color-fill-float-hover);
@@ -88,7 +88,7 @@
  }

  .dim:not([disabled]):hover {

    background-color: var(--color-fill-ghost-hover);
- 
    color: var(--color-foreground-gray);
+ 
    color: var(--color-foreground-dim);

  }



  .gray {
modified src/components/ExternalLink.svelte
@@ -23,7 +23,7 @@
  }



  .icon {
- 
    color: var(--color-foreground-gray);
+ 
    color: var(--color-foreground-dim);

    position: relative;

    bottom: 1px;

  }
modified src/components/Markdown.svelte
@@ -278,7 +278,7 @@
  }



  .markdown :global(h6) {
- 
    color: var(--color-foreground-gray);
+ 
    color: var(--color-foreground-dim);

  }



  .markdown :global(p) {
@@ -303,7 +303,7 @@
  }



  .markdown :global(blockquote) {
- 
    color: var(--color-foreground-gray);
+ 
    color: var(--color-foreground-dim);

    border-left: 0.3rem solid var(--color-fill-ghost);

    padding: 0 0 0 1rem;

    margin: 1rem 0 1rem 0;
modified src/modals/ColorPaletteModal.svelte
@@ -67,7 +67,6 @@
    "--color-foreground-dim",

    "--color-foreground-disabled",

    "--color-foreground-emphasized",
- 
    "--color-foreground-gray",

    "--color-foreground-match",

    "--color-foreground-primary",

    "--color-foreground-red",
modified src/views/projects/Cob/Revision.svelte
@@ -77,13 +77,13 @@
      case "reject":

        return "var(--color-foreground-red)";

      default:
- 
        return "var(--color-foreground-gray)";
+ 
        return "var(--color-fill-gray)";

    }

  }



  function badgeColor({ status }: PatchState): string | undefined {

    if (status === "draft") {
- 
      return "var(--color-foreground-gray)";
+ 
      return "var(--color-fill-gray)";

    } else if (status === "open") {

      return "var(--color-foreground-success)";

    } else if (status === "archived") {
modified src/views/projects/Patch.svelte
@@ -578,7 +578,7 @@
    gap: 0.5rem;

  }

  .draft {
- 
    color: var(--color-foreground-gray);
+ 
    color: var(--color-foreground-dim);

  }

  .open {

    color: var(--color-fill-success);
modified src/views/projects/Patch/PatchTeaser.svelte
@@ -96,7 +96,7 @@
    text-overflow: ellipsis;

  }

  .draft {
- 
    color: var(--color-foreground-gray);
+ 
    color: var(--color-foreground-dim);

  }

  .open {

    color: var(--color-fill-success);
modified src/views/projects/Source/Blob.svelte
@@ -111,7 +111,7 @@
  }

  .code :global(.line-number:hover) {

    cursor: pointer;
- 
    color: var(--color-foreground-gray);
+ 
    color: var(--color-foreground-dim);

  }



  .code :global(.content) {