From 351eb127fa48634abf214c7b1489c739f8c578f9 Mon Sep 17 00:00:00 2001
From: Andrew Leonard <16251412+ajyey@users.noreply.github.com>
Date: Fri, 31 May 2024 12:26:24 -0400
Subject: [PATCH] Bugfix: Updates ninja keys text input color so it is always
 visible (#2463)

This PR fixes an issue where the search input is not visible in the
light theme. This is because `ninja-header-min.js` defaults the text
color to white.

This style change will ensure that the text is always visible regardless
of theme selection

## Before Style Change
<img width="1435" alt="SCR-20240530-cnxd"
src="https://github.com/alshedivat/al-folio/assets/16251412/dbbc04c6-6e23-4bb5-8278-218d4e0e1329">

## After Style Change
<img width="1434" alt="SCR-20240530-coqb"
src="https://github.com/alshedivat/al-folio/assets/16251412/182df8e5-8f54-4eca-a255-b8efbf52db9d">
---
 .gitignore       | 3 ++-
 _sass/_base.scss | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index 7d9ac41..53af7d0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,4 +9,5 @@ _site
 Gemfile.lock
 assets/libs/
 node_modules/
-vendor
\ No newline at end of file
+vendor
+.idea
\ No newline at end of file
diff --git a/_sass/_base.scss b/_sass/_base.scss
index f6e3369..64198e2 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -1119,7 +1119,9 @@ ninja-keys {
   --ninja-modal-background: var(--global-bg-color);
   --ninja-z-index: 1031;
 }
-
+ninja-keys::part(ninja-input) {
+  color: var(--ninja-selected-text-color);
+}
 ninja-keys::part(ninja-input-wrapper) {
   background: var(--global-bg-color);
 }