Skip to content

Set color scheme to match ABC Colors#7

Merged
egrace479 merged 4 commits intomainfrom
ux-colors
Oct 22, 2025
Merged

Set color scheme to match ABC Colors#7
egrace479 merged 4 commits intomainfrom
ux-colors

Conversation

@egrace479
Copy link
Copy Markdown
Member

This PR resolves #2. It sets complementary light and dark mode color schemes matching ABC (note the hover on README.md):

Screenshot 2025-10-15 at 12 55 05 PM Screenshot 2025-10-15 at 12 56 07 PM

@egrace479 egrace479 requested a review from annavik October 15, 2025 16:58
@egrace479 egrace479 added the design UX or presentation needs attention label Oct 15, 2025
egrace479 added a commit that referenced this pull request Oct 15, 2025
* Ref #3: add AI use policy

* Clarifies allowable AI tools

---------

Co-authored-by: Hilmar Lapp <hlapp@drycafe.net>
Copy link
Copy Markdown
Member

@annavik annavik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested it out, looking good! 👌 Just suggesting some code improvements, but no blocker.

Co-authored-by: Anna Viklund <annamariaviklund@gmail.com>
@egrace479
Copy link
Copy Markdown
Member Author

@NetZissou, could you check that I translated all the colors to variables correctly in fb6e7b9?

Thanks!

@egrace479 egrace479 requested a review from NetZissou October 21, 2025 16:03
Copy link
Copy Markdown

@NetZissou NetZissou left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Checked all color variables. Looks good!

@egrace479 egrace479 merged commit 4091556 into main Oct 22, 2025
@egrace479 egrace479 deleted the ux-colors branch October 22, 2025 20:53
egrace479 added a commit to Imageomics/Collaborative-distributed-science-guide that referenced this pull request Feb 18, 2026
Pull from ABC-Guide [PR 7](ABC-Center/ABC-guide#7)

* Redefine light and dark color schemes to match ABC colors

* Set dark-mode specific URL colors

Co-authored-by: Anna Viklund <annamariaviklund@gmail.com>

* Align hover color to accent for light and dark modes

* Define variables for all ABC colors for improved readability

Co-authored-by: Anna Viklund <annamariaviklund@gmail.com>

---------

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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

design UX or presentation needs attention

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Set website colors to match ABC

3 participants