Apollo Template

UI Components for React
Post Reply
Posts: 2
Joined: 06 Jul 2018, 21:50

09 Feb 2023, 05:00

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.

Posts: 9
Joined: 06 Sep 2022, 08:31

09 Feb 2023, 10:38

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
Ulaş Turan
PrimeReact Developer
Github profile: https://github.com/ulasturann

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest