stakwork / sphinx-tribes-frontend

Frontend for sphinx tribes and bounties. The bounty platform that pays out in bitcoin. Sign up with Sphinx Chat, complete a bounty, and earn bitcoin! Go to our website for available bounties.
https://community.sphinx.chat/bounties
12 stars 42 forks source link

Update color of tags to be visible #116

Closed Fog3211 closed 8 months ago

Fog3211 commented 8 months ago

Describe the bug The colors of certain tags are not prominent enough, making the text difficult to read.

To Reproduce Steps to reproduce the behavior:

  1. Click Post a Bounty Button
  2. Go to Step2
  3. Select Elastic search Tag

image image

Expected behavior The color of this tag should have a contrast with the background color.

Desktop (please complete the following information):

Acceptance Criteria

The configuration of tagStyle is in this file https://github.com/stakwork/sphinx-tribes-frontend/blob/master/src/people/utils/languageLabelStyle.ts#L105

ecurrencyhodler commented 8 months ago

Okay can you also search for all colors and include that into the scope of this ticket? I'll create a bounty for you.

ecurrencyhodler commented 8 months ago

Here you go: https://community.sphinx.chat/bounty/1370

Fog3211 commented 8 months ago

Okay can you also search for all colors and include that into the scope of this ticket? I'll create a bounty for you. of course, this is the list of those tag colors image

Fog3211 commented 8 months ago

@ecurrencyhodler Do you have a specific color preference, or should I let GPT generate a similar one? How about this?

image

{
    label: 'Elastic search',
    border: '1px solid rgba(255, 204, 0, 0.1)',
    background: 'rgba(255, 204, 0, 0.1)',
    color: '#FFCC00'
  }
ecurrencyhodler commented 8 months ago

LGTM!