DSpace 7 UI Customization: Enable New Custom Theme

By

Otuoma Sanya

Prerequisites

Step 1: Copy custom theme and rename to a different name

Step 2: Register the new theme as shown below in angular.json

Step 3: Update eager-theme.module.ts to use your new theme as shown below

Step 4: Activate the new theme in config/config.[dev/prod].yml as shown below

Step 5: Re/start the application by running yarn start:dev for the changes to take effect.

NOTE: Changes in i18n can be updated with yarn merge-i18n -s src/themes/[theme-name]/assets/i18n

For dspace 8/9, i18n changes can be updated with

npm run merge-i18n -- -s src/themes/[theme-name]/assets/i18n

, , ,

About The Author

Otuoma Sanya

A pragmatic Systems Librarian with deep hands-on experience in deploying and customizing open-source scholarly communication platforms such as DSpace, Open Journal Systems (OJS) and Koha – backed by a strong command of Python Django, PHP, Angular web framework and the Linux Operating System. Otuoma helps academic and research institutions build sustainable, secure and user-friendly digital infrastructure to support their research function. Whether it’s writing Angular components for repository front-ends, automating repetitive tasks using python scripts, managing proxy access to subscribed electronic resources or optimizing content discoverability, Otuoma gets under the hood and makes it work! (Generated by OpenAI’s GPT-4)

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Posts

×

Hello!

Select one of our contacts below to chat on WhatsApp

× How can I help you?