From 917466f263681393892331148c61988877307e0d Mon Sep 17 00:00:00 2001
From: mDuo13 <mduo13@gmail.com>
Date: Fri, 12 Jul 2024 15:07:47 -0700
Subject: [PATCH 1/2] Fix low-contrast fields

- Fixes #2661
- Fixes #1432
---
 @theme/styles.css                     |  2 ++
 resources/dev-tools/rpc-tool.page.tsx | 24 +++++++++++++-----------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/@theme/styles.css b/@theme/styles.css
index 1281a9a9bd..d8240e771f 100644
--- a/@theme/styles.css
+++ b/@theme/styles.css
@@ -260,6 +260,8 @@ ul.nav.navbar-nav {
   --link-color-primary: #fff;
   --link-color-visited: #fff;
   --link-color-primary-hover: #9a52ff;
+  
+  --search-highlight-text-color: var(--color-blue-4);
 }
 
 :root .form-control-plaintext {
diff --git a/resources/dev-tools/rpc-tool.page.tsx b/resources/dev-tools/rpc-tool.page.tsx
index da0649add9..19da095277 100644
--- a/resources/dev-tools/rpc-tool.page.tsx
+++ b/resources/dev-tools/rpc-tool.page.tsx
@@ -205,17 +205,19 @@ export default function RpcTool() {
                   "This is a debug tool for printing raw information about an account (by classic address), a transaction (by hash) or a ledger (by sequence number)."
                 )}
               </p>
-              <input
-                onChange={(event) => setInputText(event.target.value)}
-                value={inputText}
-                id="target"
-                className="form-control"
-                required
-                type="text"
-                placeholder={translate(
-                  "XRP Ledger address, transaction ID, or ledger index"
-                )}
-              />
+              <div className="input-group">
+                <input
+                  onChange={(event) => setInputText(event.target.value)}
+                  value={inputText}
+                  id="target"
+                  className="form-control"
+                  required
+                  type="text"
+                  placeholder={translate(
+                    "XRP Ledger address, transaction ID, or ledger index"
+                  )}
+                />
+              </div>
               <span className="help-block">
                 <small>
                   {translate("resourses.rpc-tool.help-block.part1", "Try an account like ")}

From b20491903acf3b8bbd3cf73560f0208a4c91754d Mon Sep 17 00:00:00 2001
From: mDuo13 <mduo13@gmail.com>
Date: Fri, 12 Jul 2024 17:42:50 -0700
Subject: [PATCH 2/2] Fix search highlight color

---
 @theme/styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/@theme/styles.css b/@theme/styles.css
index d8240e771f..a478affefd 100644
--- a/@theme/styles.css
+++ b/@theme/styles.css
@@ -261,7 +261,7 @@ ul.nav.navbar-nav {
   --link-color-visited: #fff;
   --link-color-primary-hover: #9a52ff;
   
-  --search-highlight-text-color: var(--color-blue-4);
+  --search-highlight-text-color: #4BB7FF; /* color-blue-4 */
 }
 
 :root .form-control-plaintext {