🌙 Dark mode

[jackyzha0]

'nuff said

const theme = {
  colors: {
    background: '#111111',
    codeHighlight: '#ffffff08',
    border: '#565656',
    text: '#faf9f5',
    error: '#ee1111',
  },
}

AC:

• [ ] Add toggle to switch themes
• [ ] Persist option to local storage

[Siddhant-K-code]

I can work on this!

[Siddhant-K-code]

I saw there is a lot of usage of colors on diff pages, we can add it all under once in app.js ??

This May Help

[jackyzha0]

ctrl-v actually uses styled-components under the hood and we use a Theme Provider! Code here: https://github.com/jackyzha0/ctrl-v/tree/master/frontend/src/theme

Probably just a toggle to switch the themes in here. Will add a colour palette soon

[jackyzha0]

ctrl-v actually uses styled-components under the hood and we use a Theme Provider! Code here: https://github.com/jackyzha0/ctrl-v/tree/master/frontend/src/theme

Probably just a toggle to switch the themes in here. Will add a colour palette soon

updated

[Siddhant-K-code]

It is looking this with new color pallete:

will try to add a toggle, localStorage, and will try to send PR asap

[jackyzha0]

It is looking this with new color pallete:

will try to add a toggle, localStorage, and will try to send PR asap

any possibility we can change the default theme of the editor to be atom dark when dark mode toggle is turned on too?

[Siddhant-K-code]

Yes, and I was also thinking of providing options at the top right of the editor for various themes :)