Awesome/awesome-copilot
1
0
Fork 0
mirror of https://github.com/github/awesome-copilot.git synced 2026-02-20 02:15:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #648 from github/fix/dark-mode-dropdown-text

Browse Source 
fix: improve dropdown text visibility in dark mode
This commit is contained in:
Aaron Powell
2026-02-03 11:45:35 +11:00
committed by GitHub
parent 3c5ac86f49 fb4fb59625
commit f1367eb1fc
1 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
website/public/styles/global.css
View File

@@ -1211,22 +1211,25 @@ a:hover {
color: var(--color-text-muted);
}
.choices__list--dropdown {
background-color: var(--color-bg-secondary);
border-color: var(--color-border);
.choices__list--dropdown,
.choices__list[aria-expanded] {
background-color: var(--color-bg-secondary) !important;
border-color: var(--color-border) !important;
border-radius: 0 0 var(--border-radius) var(--border-radius);
z-index: 100;
max-height: 300px;
}
.choices__list--dropdown .choices__item {
color: var(--color-text);
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
color: var(--color-text) !important;
font-size: 14px;
padding: 10px 14px;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
background-color: var(--color-bg-tertiary);
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
background-color: var(--color-bg-tertiary) !important;
}
.choices__list--multiple .choices__item {
@@ -1260,11 +1263,13 @@ a:hover {
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.is-open .choices__list--dropdown {
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
border-color: var(--color-link);
}
.choices__list--dropdown .choices__item--selectable::after {
.choices__list--dropdown .choices__item--selectable::after,
.choices__list[aria-expanded] .choices__item--selectable::after {
display: none;
}