/metacatui-themes

Themes for MetacatUI repositories

Primary LanguageCSS

MetacatUI themes

This repository contains files for public themes for MetacatUI, mainly themes created for DataONE Plus Hosted Repositories.

Themes distributed with MetacatUI can be found here.

For detailed instructions on how to create a custom theme, see the MetacatUI Themes docs

Adding a new theme to this repo

  1. Use the mk-theme.sh script to copy of the src/theme-boilerplate directory and rename it for your new theme:
bash scripts/mk-theme.sh YOUR-THEME-NAME-HERE

  1. Edit the repo src/new-theme/js/themes/new-theme/config.js file to reflect the MetacatUI behavior that the new repo wants (access policy default, editing controls, admin group id, repository name, etc.)

  2. Edit the HTML templates in src/new-theme/js/themes/new-theme/templates and CSS in src/new-theme/js/themes/new-theme/css to create the look and feel for the repo.

  3. For hosted repositories: Add the new repo's urn:node identifier to the dataoneHostedRepos list in the source MetacatUI AppModel. For example, this is what it will look like in metacatui/src/js/models/AppModel.js:

      dataoneHostedRepos: ["urn:node:KNB", "urn:node:ARCTIC", "urn:node:CA_OPC", "urn:node:ESS_DIVE", "urn:node:CERP_SFWMD", "urn:node:Your-New-Theme"],

Make sure that change is pushed to the MetacatUI code base and deployed.