From 1126dc6e66074ecd40eeb75c0e45cabc6add1be2 Mon Sep 17 00:00:00 2001
From: khcrysalis <sam4r16@gmail.com>
Date: Tue, 1 Apr 2025 19:35:08 -0700
Subject: [PATCH] Settings: update addon cards for new ui (#3311)

---
 src/components/VencordSettings/addonCard.css    | 11 ++++++++++-
 src/components/VencordSettings/quickActions.css |  8 ++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/VencordSettings/addonCard.css b/src/components/VencordSettings/addonCard.css
index e46e4c29c..fded37e0b 100644
--- a/src/components/VencordSettings/addonCard.css
+++ b/src/components/VencordSettings/addonCard.css
@@ -11,6 +11,11 @@
     box-sizing: border-box;
 }
 
+.visual-refresh .vc-addon-card {
+    background-color: var(--button-secondary-background);
+    border: 1px solid var(--border-subtle);
+}
+
 .vc-addon-card-disabled {
     opacity: 0.6;
 }
@@ -21,6 +26,10 @@
     box-shadow: var(--elevation-high);
 }
 
+.visual-refresh .vc-addon-card:hover {
+    background-color: var(--button-secondary-background-hover);
+}
+
 .vc-addon-header {
     margin-top: auto;
     display: flex;
@@ -94,4 +103,4 @@
 .vc-addon-title:hover {
     overflow: visible;
     animation: vc-addon-title var(--duration) linear infinite;
-}
+}
\ No newline at end of file
diff --git a/src/components/VencordSettings/quickActions.css b/src/components/VencordSettings/quickActions.css
index b8bc00718..391378189 100644
--- a/src/components/VencordSettings/quickActions.css
+++ b/src/components/VencordSettings/quickActions.css
@@ -36,6 +36,14 @@
     outline-offset: 2px;
 }
 
+.visual-refresh .vc-settings-quickActions-pill {
+    background: var(--button-secondary-background);
+}
+
+.visual-refresh .vc-settings-quickActions-pill:hover {
+    background: var(--button-secondary-background-hover);
+}
+
 .vc-settings-quickActions-img {
     width: 24px;
     height: 24px;