https://github.com/nceas/metacatui-themes
Themes for MetacatUI repositories
https://github.com/nceas/metacatui-themes
Last synced: 3 months ago
JSON representation
Themes for MetacatUI repositories
- Host: GitHub
- URL: https://github.com/nceas/metacatui-themes
- Owner: NCEAS
- Created: 2023-01-20T16:55:38.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-25T19:05:43.000Z (3 months ago)
- Last Synced: 2025-02-25T20:20:16.762Z (3 months ago)
- Language: CSS
- Size: 23.5 MB
- Stars: 1
- Watchers: 5
- Forks: 1
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MetacatUI themes
This repository contains files for public themes for [MetacatUI](https://nceas.github.io/metacatui/), mainly themes created for [DataONE Plus Hosted Repositories](https://www.dataone.org/hosted-repo/).
Themes distributed with MetacatUI can be found [here](https://github.com/NCEAS/metacatui/tree/main/src/js/themes).
For detailed instructions on how to create a custom theme, see the [MetacatUI Themes docs](https://nceas.github.io/metacatui/install/configuration/index.html)
## 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
bash scripts/mk-theme.sh YOUR-THEME-NAME-HERE
```
2. 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.)
3. 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.
4. 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`:
```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.