fix #18: set GitHub panel color to match on mobile/small screens#19
Merged
fix #18: set GitHub panel color to match on mobile/small screens#19
Conversation
Member
|
Nice work fixing the GitHub panel color @egrace479 ! I made a tweak for the active parent text color. Turned out to be important to apply this only for the small screen case. Sorry about the breakpoint being a bit strange, but I had to match the main theme :) |
annavik
approved these changes
Dec 18, 2025
Closed
Also needed manual setting now the color is
Member
Author
|
Noticed the active hover color also needed to be reset, so added that in. |
egrace479
added a commit
to Imageomics/Imageomics-guide
that referenced
this pull request
Dec 18, 2025
egrace479
added a commit
to Imageomics/Imageomics-guide
that referenced
this pull request
Dec 18, 2025
* fix #87: set gh panel color to match on mobile/small screens * fix menu sidbar links in darkmode mobile/narrow screen * Set color variables for more efficient and clear code * Add fix for #87, following what was done in ABC Guide ref: ABC-Center/ABC-guide#19
egrace479
added a commit
to Imageomics/Collaborative-distributed-science-guide
that referenced
this pull request
Feb 18, 2026
Pull from ABC Guide [PR 19](ABC-Center/ABC-guide#19) * fix [18](ABC-Center/ABC-guide#18): set gh panel color to match on mobile/small screens * fix: adjust text color for active parent item in small screen sidebar * Fix the active hover color for active parent item in small screen sidebar Also needed manual setting for this part or it stays constant --------- Co-authored-by: Anna Viklund <annamariaviklund@gmail.com>
egrace479
added a commit
to Imageomics/Collaborative-distributed-science-guide
that referenced
this pull request
Mar 24, 2026
* Set color scheme to match ABC Colors Pull from ABC-Guide [PR 7](ABC-Center/ABC-guide#7) --------- Co-authored-by: Anna Viklund <annamariaviklund@gmail.com> * fix 18: set GitHub panel color to match on mobile/small screens Pull from ABC Guide [PR 19](ABC-Center/ABC-guide#19) --------- Co-authored-by: Anna Viklund <annamariaviklund@gmail.com> * Set colors to be more modular with some added instructions Use Imageomics Guide colors for light mode and ABC for dark mode * Add color-specification instructions * Try green-teal color scheme with purple accents * Implement suggested color scheme from #59 Co-authored-by: Anna Viklund <annamariaviklund@gmail.com> * Revise default color note to point to palette definition * Small tweaks to color scheme (#61) * Adjust colors for admonition tip * Adjust colors for small screen navigation * Make links more distinguishable * Adjust colors for admonition info * Tweak link appearance * Apply link tweak suggestions from code review Co-authored-by: Elizabeth Campolongo <38985481+egrace479@users.noreply.github.com> * Tweak logic for admonition colors * Set colors for summary component * Add background color definition clarification from main theme, not overridden --------- Co-authored-by: Elizabeth Campolongo <38985481+egrace479@users.noreply.github.com> * Add acknowledgment for Anna's help with color scheme --------- Co-authored-by: Anna Viklund <annamariaviklund@gmail.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.


When the browser window is narrower, the GitHub panel shows up in the menu on the side and its color must be set manually. This PR does that so that it will match the the primary color. See screenshots below.
Fixes #18.