How can we switch the theme in Ionic App from Lighter version to darker version ?

Question

I have two CSS file generated, One for lighter Version and other for darker Version. So please let me know how can i maintain two theme for same App?

Any idea how c

Answer 1

Working plunker

You can easily toggle between CSS files.

index.html:

1. set your ng-app on the HTML tag:

2. dynamically set your style:

app.js: define your default style in run:

$rootScope.style = "css/style.css";

controllers.js: add your toggle style logic:

//All available styles
$scope.styles = [
  {
    name: "Default",
    url: "style.css"
  },
  {
    name: "Dark",
    url: "dark-style.css"
  }
];

/**
 * Change the style.
 * @param style The selected style.
 */
$scope.changeStyle = function(style){
  $rootScope.style = "css/" + style.url;
};

view.html: attach the related HTML:

  

    Style