Emoji picker should have KodaDot colors

[vikiival]

Is your feature request related to a problem? Please describe.
As a user, I want to have an emoji picker in the KodaDot colors

Current emoji picker is gray background and white borders

Describe the solution you'd like
I want the emoji picker to be black and it should have pink borders

Describe alternatives you've considered
Just edit the CSS variables for the emoji picker

[bluesky199566]

.emoji-picker {
  --ep-color-bg: #000 !important;
  --ep-color-border: #db2980 !important;
}

By adding this code in line 152 of Appreciation.vue, I was able to make the colors of emoji-picker like that.

[vikiival]

Hey @monstar1995,
thanks for the comment!

Can you make a PR please ?

By the was also the input's background should be black I have missed that.
Also I would change the active color (green to pink)

[bluesky199566]

@vikiival I've created PR.
#588

[roiLeo]

I've seen on component page that there is already a 'dark' prop that we can use.

You can still overide css after that

--ep-color-bg: #191B1A;
--ep-color-sbg: #212221;
--ep-color-border: #3E3D42;
--ep-color-text: #f0f0f0;
--ep-color-active: #009688;