John Davidson

Message:

I am a beginner in TYPO3 and I am currently integrating a template that can be used in multisite.

And now, I have to set up a color variable system that will allow different sites to have their color. For example I have to change the color of my navbar, currently I have a color defined by my css file.

I know that I must create constants in my constants.ts file which will be editable in the constant editor in the template tab
But I don't know how to go about it at all, can you give me some advice please? thank you

---

My Answer:
To set up a color variable system for your multisite template in TYPO3, you can follow these steps:

1. Define the color variables in your constants.ts file:
In your constants.ts file, you can define the color variables using the following syntax:

plugin.tx_myextension {
colors {
navbar = #ff0000
// Add more color variables as needed
}
}


2. Use the color variables in your CSS file:
In your CSS file, you can use the color variables by referencing them like this:

.navbar {
background-color: {$plugin.tx_myextension.colors.navbar};
}


3. Edit the color variables in the constant editor:
In the TYPO3 backend, go to the Template module and select your template. In the Constant Editor, you will see the color variables that you defined in your constants.ts file. You can edit the color values here for each site.

4. Apply the color variables in your template:
Wherever you want to use the color variables in your template, you can use TypoScript to output the values like this:

By following these steps, you can set up a color variable system for your multisite template in TYPO3 and allow different sites to have their own color schemes.