feat: use different colors on text selection/highlight dark/light mode

[yaroslavhoretskyi]

Light Mode (old):

(new)

Dark Mode:

[MandyMeindersma]

I would love to see the opacity change, like so:

[yaroslavhoretskyi]

I love it, I'll add it!

[MandyMeindersma]

Oh sorry @yaroslavhoretskyi I wasn't talking about the colour.

I was talking about the opacity. Like how the "G"s aren't cut off, you know what I mean?

My guess is that you would have to use a rgb(#,#,#,0.5) method to get it to work but maybe ask around tonight to see if someone else has a better idea.

[dgmouris]

Sorry I updated this branch while I was reading it!

[arashsheyda]

I think it's easier to use tailwind syntax here, for example:

::selection: {
	@apply bg-[#d4b5d4] dark:bg-primary
}

[yaroslavhoretskyi]

Thanks for your comment. I just realized that if we want to have different colors for different modes, we should use something like this.

::selection {
  @apply bg-secondary; // for light mode
}

.dark ::selection {
  @apply bg-primary;; // for dark mode
}

or if we want to use only one color for each mode, we can use your solution.
Let me know what you think about it.

[arashsheyda]

@yaroslavhoretskyi Ah yes you're right, thanks

[MandyMeindersma]

@yaroslavhoretskyi I wanted to check in to see if you still wanted to give tis a shot :)

If you have any questions, let me know :)

[yaroslavhoretskyi]

@MandyMeindersma, thanks for the ping, I just got lost in all the messages in my email.. I'd like to finish.

[MandyMeindersma]

Absolutely! No rush :)

[arashsheyda]

@yaroslavhoretskyi can you exclude the package.json from the PR? thanks

[MandyMeindersma]

Weird @yaroslavhoretskyi the package files are still showing for me.

It almost looks like the bot is kind of readding stuff since there is a change on that file. I wonder if there is a way to remove all your changes from the file?

Or honestly copy and paste your changes to another branch ahhaha

[MandyMeindersma]

#349

Sorry 😢

[MandyMeindersma]

Thank you so much @yaroslavhoretskyi !!!

Sorry there were bot issues! I have turned off the bot so that won't happen again!

Thank you so much for making the website better!

[MandyMeindersma]

@allcontributors add @yaroslavhoretskyi for code

[allcontributors]

@MandyMeindersma

@yaroslavhoretskyi already contributed before to code