af74f2b Fix colors — radicle-explorer

modified src/components/Button.svelte

@@ -109,7 +109,7 @@

   }
   .selected {
     background-color: var(--color-border-alpha-subtle);
     color: var(--color-text-brand);
     color: var(--color-text-primary);
     cursor: default;
   }
   .selected[disabled] {

@@ -118,18 +118,21 @@

   }
   .not-selected {
     background-color: var(--color-surface-mid);
     background-color: transparent;
     color: var(--color-text-primary);
     border: 1px solid var(--color-border-subtle);
     font: var(--txt-body-m-regular);
     letter-spacing: 0.02rem;
   }
   .not-selected[disabled] {
     background-color: var(--color-surface-mid);
     background-color: transparent;
     color: var(--color-text-disabled);
     border: 1px solid var(--color-border-subtle);
   }
   .not-selected:not([disabled]):hover {
     background-color: var(--color-surface-strong);
     background-color: var(--color-surface-subtle);
     color: var(--color-text-primary);
     border: 1px solid var(--color-border-mid);
   }
   .outline {

@@ -142,8 +145,8 @@

     color: var(--color-text-tertiary);
   }
   .outline:not([disabled]):hover {
     background-color: transparent;
     border: 1px solid var(--color-border-brand);
     background-color: var(--color-surface-subtle);
     border: 1px solid var(--color-border-mid);
   }
   .secondary-toggle-off {

@@ -214,7 +217,8 @@

   }
   .tab:not([disabled]):hover {
     background-color: var(--color-border-alpha-subtle);
     background-color: var(--color-surface-subtle);
     border-color: var(--color-border-mid);
   }
   .tab-active {

modified src/components/File.svelte

@@ -6,6 +6,7 @@

   export let collapsable: boolean = false;
   export let expanded: boolean = true;
   export let sticky: boolean = true;
   export let containerBackground: string = "var(--color-surface-subtle)";
   let header: HTMLDivElement;
 </script>

@@ -19,7 +20,7 @@

     border: 1px solid var(--color-border-subtle);
     border-top-left-radius: var(--border-radius-md);
     border-top-right-radius: var(--border-radius-md);
     background-color: var(--color-surface-base);
     background-color: var(--color-surface-canvas);
     z-index: 2;
   }

@@ -52,7 +53,6 @@

     overflow-x: auto;
     border: 1px solid var(--color-border-subtle);
     border-top: 0;
     background: var(--color-surface-subtle);
     border-bottom-left-radius: var(--border-radius-md);
     border-bottom-right-radius: var(--border-radius-md);
   }

@@ -93,7 +93,7 @@

 </div>
 {#if expanded}
   <div class="container">
   <div class="container" style:background={containerBackground}>
     <slot />
   </div>
 {/if}

modified src/views/repos/Changeset/FileDiff.svelte

@@ -251,7 +251,7 @@

 <style>
   .container {
     font: var(--txt-body-m-regular);
     background: var(--color-surface-subtle);
     background: var(--color-surface-canvas);
     border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
     overflow-x: auto;
   }

@@ -286,7 +286,7 @@

   }
   .diff-line.selected > * {
     background-color: var(--color-surface-mid);
     background-color: var(--color-surface-subtle);
   }
   .diff-line.selected.type-addition > * {
     background-color: var(--color-feedback-success-bg-selected);

modified src/views/repos/Cob/CobHeader.svelte

@@ -6,6 +6,7 @@

     display: flex;
     padding: 1rem;
     flex-direction: column;
     background-color: var(--color-surface-canvas);
   }
   .subtitle {
     display: flex;

modified src/views/repos/Commit.svelte

@@ -50,6 +50,7 @@

   }
   .header {
     padding: 1rem;
     background-color: var(--color-surface-canvas);
     border-radius: var(--border-radius-md);
     border-bottom: 1px solid var(--color-border-subtle);
   }

modified src/views/repos/Issue.svelte

@@ -87,7 +87,6 @@

     gap: 1.5rem;
     width: 20rem;
   }
   .threads {
     display: flex;
     flex-direction: column;

modified src/views/repos/Issue/IssueTeaser.svelte

@@ -30,7 +30,7 @@

     background-color: var(--color-surface-canvas);
   }
   .issue-teaser:hover {
     background-color: var(--color-surface-mid);
     background-color: var(--color-surface-subtle);
   }
   .content {
     gap: 0.5rem;

modified src/views/repos/Patch.svelte

@@ -241,7 +241,7 @@

     flex: 1;
     flex-direction: column;
     min-width: 0;
     background-color: var(--color-surface-subtle);
     background-color: var(--color-surface-canvas);
   }
   .metadata {
     display: flex;

modified src/views/repos/Patch/PatchTeaser.svelte

@@ -33,7 +33,7 @@

     background-color: var(--color-surface-canvas);
   }
   .patch-teaser:hover {
     background-color: var(--color-surface-mid);
     background-color: var(--color-surface-subtle);
   }
   .content {
     width: 100%;

modified src/views/repos/Source/Blob.svelte

@@ -122,6 +122,7 @@

     border-spacing: 0;
     overflow-x: auto;
     font: var(--txt-body-m-regular);
     background-color: var(--color-surface-canvas);
     padding-top: 1rem;
     margin-bottom: 1.5rem;
   }

@@ -140,6 +141,7 @@

   }
   .markdown-wrapper {
     padding: 2rem;
     background-color: var(--color-surface-canvas);
   }
   @media (max-width: 719.98px) {
     .markdown-wrapper {

@@ -148,7 +150,7 @@

   }
 </style>
 <File sticky={false}>
 <File sticky={false} containerBackground="var(--color-surface-canvas)">
   <FilePath slot="left-header" filenameWithPath={blob.path} />
   <svelte:fragment slot="right-header">
     <CommitButton {repoId} {baseUrl} commit={lastCommit} />

modified src/views/repos/Source/Tree/File.svelte

@@ -17,7 +17,7 @@

   }
   .file:hover {
     background-color: var(--color-surface-mid);
     background-color: var(--color-surface-subtle);
   }
   .file.active {

modified src/views/repos/Source/Tree/Folder.svelte

@@ -41,7 +41,7 @@

     white-space: nowrap;
   }
   .folder:hover {
     background-color: var(--color-surface-mid);
     background-color: var(--color-surface-subtle);
     border-radius: var(--border-radius-sm);
   }