Radish alpha
r
radicle.xyz
rad:z371PVmDHdjJucejRoRYJcDEvD5pp
Radicle website including documentation and guides
Radicle
Git
Commits › a473fc6
Style improvements for light mode
Alexis Sellier committed 2 years ago
commit a473fc61e63be7238f19629c807f36775c593623
parent 1236541
5 files changed +10 -7
modified _includes/install.html
@@ -4,7 +4,7 @@
    align-items: center;

    margin: 0.5rem 2rem;

    padding: 0.75rem 1rem;
- 
    border: 1px dashed var(--color-secondary);
+ 
    border: 1px dashed var(--color-fg-highlight-tertiary);

    max-width: 90%;

    cursor: pointer;

  }
@@ -17,7 +17,7 @@
  #install code {

    line-height: 16px;

    text-overflow: ellipsis;
- 
    color: var(--color-secondary);
+ 
    color: var(--color-fg-highlight-tertiary);

    overflow-x: hidden;

    white-space: nowrap;

  }
@@ -32,8 +32,11 @@
  #install:hover svg {

    color: var(--color-fg-contrast);

  }
+ 
  #install:active svg {
+ 
    color: var(--color-fg-highlight-secondary);
+ 
  }

  #install svg {
- 
    color: var(--color-secondary);
+ 
    color: var(--color-fg-highlight-tertiary);

  }

  #install:active code {

    color: var(--color-fg-highlight-secondary);
modified _includes/latest-release.html
@@ -33,7 +33,7 @@
</style>



<blockquote id="release" class="loading">
- 
  <strong class="desktop">Latest release</strong> 💾
+ 
  💾

  <span class="release-loader"></span>

  <span>

    <a href="https://files.radicle.xyz/releases/latest" id="release-info"></a>
modified _pages/download.md
@@ -125,6 +125,6 @@ and overwrite any existing Radicle binaries.


      release.classList.remove("loading");

      releaseName.innerText = `Radicle ${version}`;
- 
      releaseInfo.innerHTML = `Built from commit <strong>${commit}</strong> on ${new Date(data.timestamp * 1000).toUTCString()}.`;
+ 
      releaseInfo.innerHTML = `Built from commit <code>${commit}</code> on ${new Date(data.timestamp * 1000).toUTCString()}.`;

    });

</script>
modified assets/css/common.css
@@ -3,7 +3,7 @@
  --color-yellow: #ffff99;

  --color-secondary: #6666ff;

  --color-fg-highlight: var(--color-yellow);
- 
  --color-fg-highlight-tertiary: var(--color-fg-contrast);
+ 
  --color-fg-highlight-tertiary: #1f3f8a;

  --color-fg-highlight-secondary: #229944;

  --color-bg-highlight: #efefff;

  --color-bg-default: #f5f5ff;
modified assets/css/page.css
@@ -97,7 +97,7 @@ blockquote p {


code {

  font-family: var(--font-family-code-alt);
- 
  color: var(--color-fg-low-contrast);
+ 
  color: var(--color-fg-highlight-tertiary);

}



pre {