fix: borders and frames (#398)

* Search bars and text input borders follow accent

rather than $blue

* App background experiment support

Author: Covkie

src/components/_details.scss

@@ -160,3 +160,10 @@ button[class^="experimentButton_"][class*="buttonColor_"][class*="buttonActive_"
 [style*="color: white"] {
   color: var(--white) !important;
 }
+
+// Search bar and text input borders follow accent
+div[class*="container_"]:focus-within,
+[class*="input_"][type="text"]:not([readOnly]):focus,
+[class*="input_"][type="text"]:not([readOnly]):focus:hover {
+  --text-link: var(--brand-500);
+}

src/components/_variables.scss

@@ -90,6 +90,9 @@
   --opacity-blurple-60: #{adjust-color($brand, $alpha: -0.4)};
   --blurple-50: #{$brand};
 
+  //TODO: `2025_04_desktop_refresh_fast_follows` "Darker Guild List Background"
+  --app-background-frame: #{darken($crust, 2%)};
+
   --background-primary: #{$base} !important;
   --background-secondary: #{$mantle} !important;
   --background-secondary-alt: #{darken($base, 1%)} !important;