Look & Feel Configuration: Style Requirements

[jpradocueva]

In the current oma-knowledge-base website, we need to update the following configuration properties:

• [x] Top Menus: font type and size
• [x] General content font type and size
• [x] H1 to H7 font type and size
• [x] Primary, secondary colors
• [x] URL font type and color; URL behavior
• [x] Code font type and color
• [x] Remove underline for H1-H7
• [x] Update site and components to support dark theme
• [ ] Add font-weight //problem adding weight to H1-H7
• [x] Add font color // problem with adding colors
• [x] Add loading indicator <NuxtLoadingIndicator /> (add to app.vue before <NuxtPage />)
• [x] Add previous/next page
• [x] Add ToC
• [ ] Add copy button to block-code
• [ ] Add pointer highlight as shown in issue
• Any other look & feel style that we need to configure for each prospective customer

We can start identifying where on how to modify it and then expose these styling via a configuration file and properties.

[FroudeDescartes]

PR related to this issue PR related to dark mode PR related to loading indicator PR related to previous/next page button

[jpradocueva]

@FroudeDescartes, I have been looking for options regarding what look and feel to manipulate. I want to check with you what you think. This document font-family-examples-3.html contains options to manipulate the style of few elements, e.g. code, body, menus, etc. We could create nice effects by combining font weights like light (300), regular (400), or bold (700), as suggested in the file. Please check the attached file and think about what it will take to have this level of control exposed in the app.config.ts file.

[FroudeDescartes]

PR related to the following issues