Skip to content

Commit 351eb12

Browse files
authored
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">
1 parent d004837 commit 351eb12

File tree

2 files changed

+5
-2
lines changed

2 files changed

+5
-2
lines changed

.gitignore

+2-1
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,5 @@ _site
99
Gemfile.lock
1010
assets/libs/
1111
node_modules/
12-
vendor
12+
vendor
13+
.idea

_sass/_base.scss

+3-1
Original file line numberDiff line numberDiff line change
@@ -1119,7 +1119,9 @@ ninja-keys {
11191119
--ninja-modal-background: var(--global-bg-color);
11201120
--ninja-z-index: 1031;
11211121
}
1122-
1122+
ninja-keys::part(ninja-input) {
1123+
color: var(--ninja-selected-text-color);
1124+
}
11231125
ninja-keys::part(ninja-input-wrapper) {
11241126
background: var(--global-bg-color);
11251127
}

0 commit comments

Comments
 (0)