Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

What should the colors be? #6

Open
marlitas opened this issue Sep 8, 2024 · 3 comments
Open

What should the colors be? #6

marlitas opened this issue Sep 8, 2024 · 3 comments

Comments

@marlitas
Copy link
Contributor

marlitas commented Sep 8, 2024

The mockups in the Number Pairs design doc do not have a consistent background colors for accordion boxes or the main background color for some screens. What would we like the following colors to be?

  • Intro Screen
    • Accordion Boxes Background Color
  • Ten Screen
    • Accordion Boxes Background Color
  • Twenty Screen
    • Screen Background Color
    • Accordion Boxes Background Color
  • Sum Screen
    • Accordion Boxes Background Color
@catherinecarter
Copy link

COLORS! (finally)

In the order of the Color Console IDs

Code ID Color (hex)
numberPairs.accordionBoxBackground #EBEBEA
numberPairs.attributeLeftAddend #FFEE8C
numberPairs.attributeRightAddend #A5B3EE
numberPairs.attributeSum #87D9B0
numberPairs.introBackground #FFFAF1
numberPairs.kittenPanelBackground #FFFFFF (50%)
numberPairs.locationLeftAddend #F9FFA8
numberPairs.locationRightAddend #A8D4FF
numberPairs.locationSum #74E2AB
numberPairs.numberBondAccordionBoxBackground #F8F8FD
numberPairs.numberLineBackground #FFFFFF
numberPairs.numberLineLeftAddend #EFCCF0
numberPairs.numberLineRightAddend #83B8EC
numberPairs.numberLineSum #9E9EFF
numberPairs.numberLineThumbNode #FD8FFF
numberPairs.sumBackground #FFFAF1
numberPairs.tenBackground #FFFAF1
numberPairs.twentyBackground #FFFAF1
numberPairs.wireBaseColor #C7C7C7
numberPairs.wireHighlightColor #F2F2F2

I'd like for the beads to be the same color as the attribute-based colors for leftAddend, rightAddend, and sum (currently, they're tied to the Number Line). That way, the number line really stands out as unique.

I'll export new bead .svgs soon after I post this with the colors to reinforce this.

Thanks!

@catherinecarter catherinecarter changed the title What should the background colors be? What should the colors be? Jan 17, 2025
marlitas added a commit that referenced this issue Feb 25, 2025
@marlitas
Copy link
Contributor Author

Done above. @catherinecarter over to you for review. This is not urgent and can wait until the sim is in dev testing.

@catherinecarter
Copy link

Well, you did exactly what I said to do. I noticed, though, that I made issue #102 after this issue, so the bead colors will need change. My bad!

So the:

  • yellow bead addend will need to be: #FFEE8C
  • blue bead addend will need to be: #A5B3EE
  • the sum will need to be: #87D9B0

I think this matches the kitten representation, too. Sorry for the confusion. The other colors look good, and the number line colors are intentionally different.

Thanks, @marlitas!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants