In one of my projects I wanted to use some React with UI. I was trying ant design before but this time I picked according to google the world’s most popular React UI framework:
So after I successfully compiled interpreted language cause apparently that’s what we do Today I got this screen:
Cool I have something but white / grey / blue is not an option I want it black. I started from documentation about themes and I modified simple example by using
on top of my layout with
And it was blue / white and grey, well not so dark to me.
So I started reading more documentation about palette and colors and after about 2 hours digging in code and setting all colors to black.
I got something like that ( yes it’s black image ).
Not black again and I started reading about components and theme. I couldn’t find any simple example on both stack overflow and github repositories that would explain how it happened and how to override those styles.
About hour later after digging in code and looking at example of overriding component styles
and by looking into chrome debugger and element styles.
I figured it out that override is simple if you just look into styles inside browser developer toolbar and look for component name and style name you want to override
And all is black again. At the end here is simple black and white look:
Code is available on my github repository. You just need to
then just open
in browser or just look here. Enjoy !