Apollo Template

[tvle83]

I bought the basic license for the Apollo template because I like next.js so it's perfect.

I installed node_modules and am trying to configure it to have a horizontal menu and dark theme.

Code: Select all

const [layoutConfig, setLayoutConfig] = useState({
        ripple: true,
        inputStyle: 'filled',
        menuMode: 'horizontal',
        menuTheme: 'colorScheme',
        colorScheme: 'dark',
        theme: 'blue',
        scale: 14
    });

Even though I set these based on the documentation it doesn't use these values at all. it still is light theme with blue color whatever is the default.

I cannot determine the reason to recommend a fix.

[ulasturan]

Hello @tvle83,

We are aware of the initial theme issue. Currently, you can set the link element in the _document.js file to your desired theme and color scheme like below;

To set the theme as "dark" initially by _document.js;

Code: Select all

<link id="theme-link" href={`${contextPath}/theme/theme-dark/indigo/theme.css`} rel="stylesheet"></link>

Additionally, we are working towards changing the structure of PrimeReact API(primeract/api) to make the initial theme setting process easier.

Ulaş Turan
PrimeReact Core Developer
Github: https://www.github.com/ulasturann