From 45c6f208551e0860f70ddbaa640e747b144101b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Fri, 12 May 2023 06:37:11 +0200
Subject: [PATCH] Make commit list and commit view visually consistent
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

We style the commit teaser and commit header visually to fit in better
with patches and issues.

Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
---
 src/views/projects/Commit.svelte                 | 4 ++--
 src/views/projects/Commit/CommitTeaser.svelte    | 2 +-
 src/views/projects/SourceBrowser/FileDiff.svelte | 3 +--
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/views/projects/Commit.svelte b/src/views/projects/Commit.svelte
index e9e3c5281..37c4bf971 100644
--- a/src/views/projects/Commit.svelte
+++ b/src/views/projects/Commit.svelte
@@ -19,9 +19,9 @@
   }
   .header {
     padding: 1rem;
-    background: var(--color-background-1);
-    border-radius: var(--border-radius);
     margin-bottom: 1.5rem;
+    border-radius: var(--border-radius);
+    border: 1px solid var(--color-foreground-3);
   }
   .summary {
     display: flex;
diff --git a/src/views/projects/Commit/CommitTeaser.svelte b/src/views/projects/Commit/CommitTeaser.svelte
index 60646c99d..d11f8d890 100644
--- a/src/views/projects/Commit/CommitTeaser.svelte
+++ b/src/views/projects/Commit/CommitTeaser.svelte
@@ -13,7 +13,7 @@
 
 <style>
   .teaser {
-    background-color: var(--color-background-1);
+    background-color: var(--color-foreground-1);
     padding: 0.75rem 0rem;
     display: flex;
     align-items: center;
diff --git a/src/views/projects/SourceBrowser/FileDiff.svelte b/src/views/projects/SourceBrowser/FileDiff.svelte
index 1a8e4dfbe..2eb624b2a 100644
--- a/src/views/projects/SourceBrowser/FileDiff.svelte
+++ b/src/views/projects/SourceBrowser/FileDiff.svelte
@@ -76,7 +76,7 @@
   main {
     font-size: var(--font-size-small);
     border-top: 1px dashed var(--color-foreground-4);
-    background: var(--color-background-1);
+    background-color: var(--color-foreground-1);
     border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
     overflow-x: auto;
   }
@@ -90,7 +90,6 @@
     padding: 1rem;
     color: var(--color-foreground-5);
     text-align: center;
-    background-color: var(--color-foreground-2);
   }
   .browse {
     margin-left: auto;