New dark-grey theme for Ionic!

Anyone interested in a new dark theme for ionic? This is how the ionic conference app looks like with the switched theme.

I’ve just started work in it and maybe folks can extend it?

Github Repo:




Like it! Would be very nice to have somehting like this. Put it on Github?

1 Like

Sounds good, done - updated first post. My sass knowledge is zero, so I have no idea if this is the right way to do it

1 Like

I like the look of that!


Hey, the screenshot looks really promising.

Do you allow for a means of switching between a light theme (the ionic default) and a dark theme within a single app?

1 Like

Hi there, glad you like the theme! I’ve just defined an alternate sass file - the dynamic part of it is strictly speaking out of scope of the theme itself.

That being said, and I’m by no means an expert here, it looks like the only option to dynamically switch themes is to wrap each page template around css class names, which you then toggle, like here. I don’t want to enforce every component requiring a custom style name - that makes it laborious - and would like to explore an easier way.

I suppose there might be a better way if we dynamically switch the generated CSS (from the SASS files) during run-time in some sort of global scope. Do you have any ideas around this?