From 30d2376afa50ca4fd78a9a652ed6f0a65745928e Mon Sep 17 00:00:00 2001
From: Susan Githaiga <117893498+SusanGithaigaN@users.noreply.github.com>
Date: Thu, 5 Dec 2024 19:24:17 +0300
Subject: [PATCH] Optimize the registry for dark and light mode (#5395)

---
 assets/scss/_registry.scss                    | 23 +++++++++++++++++++
 .../partials/ecosystem/registry/entry.html    |  2 +-
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_registry.scss b/assets/scss/_registry.scss
index 06ed0693de9f..9b36c1d0ec61 100644
--- a/assets/scss/_registry.scss
+++ b/assets/scss/_registry.scss
@@ -39,3 +39,26 @@
 .registry-entry {
   @extend .shadow;
 }
+
+#searchForm .btn.btn-outline-success,
+.btn-outline-danger,
+.btn-outline-secondary {
+  &:hover {
+    color: var(--bs-white);
+  }
+}
+
+@include color-mode(dark) {
+  @media (prefers-color-scheme: dark) {
+    .border-default {
+      border-color: #a3a3a3;
+    }
+    .card.registry-entry {
+      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
+    }
+    .card.registry-entry,
+    .list-group > .list-group-item {
+      background-color: #262d2c;
+    }
+  }
+}
diff --git a/layouts/partials/ecosystem/registry/entry.html b/layouts/partials/ecosystem/registry/entry.html
index ba87a52671fc..a4f7efef673d 100644
--- a/layouts/partials/ecosystem/registry/entry.html
+++ b/layouts/partials/ecosystem/registry/entry.html
@@ -64,7 +64,7 @@
         {{ $package = merge .package (index $remoteRegistries .package.registry) -}}
         {{ $package = merge $package (dict "type" .registryType) -}}
     {{ end -}}
-    {{ $highlightStyle := "" -}}
+    {{ $highlightStyle := "border-default" -}}
     {{ if $isNew -}}
         {{ $highlightStyle = "border-info" -}}
     {{ end -}}