MetacatUI Themes ----------------- All the default models, collections, views, routers, and templates required to run a default Metacat UI are in the 'js/' directory. The "default" theme is included in the 'js/themes/' directory and is used to style the default resources with CSS and images. Additional themes (e.g., "knb") provide alternative resources for items that will override the default theme. Each theme is a subdirectory in 'js/themes' named to match the theme name and mimics the structure of the default resources in 'js/'. To switch themes: -Edit the top-level 'loader.js' file and specify the name of the theme to use. That's it! Required items for a theme: 'js/themes//config.js' 'js/themes//css/metacatui.css' 'js/themes//img/favicon-32.png' About CSS: Each theme uses a 'js/themes//css/metacatui.css' file that is pulled in during the initial application loading. A copy of the default can be used and modified as needed. To override html templates (or any other resource, like a Model or View): -Copy the resource into the same child location, but in the new theme subdirectory. -Edit that resource as needed. -Add an entry to the theme's config.js file specifying that new resource. Example (using navbar): -Copy 'js/templates/navbar.html' to 'js/themes//templates/navbar.html' -Edit 'js/themes//config.js' to include: 'templates/navbar.html' : 'themes/' + MetacatUI.theme + '/templates/navbar.html',