Please help us help you and fill where relevant:
Your LimeSurvey version: 6.11.0+250303
Own server or LimeSurvey hosting: Own Server (Ubuntu/Apache)
Survey theme/template: Extended_fruity
==================
How do I create own Theme options that are called by the "custom.css"?

I understand how I can edit the design but not how I can add own Theme options for the user creating the survey.
For example: Next to the Background color options i a colorpicker where you can enter the Button Color (Extended_fruity_Colors.png). The Button Color is then called by the custom.css.

Currently, I can hard code it in the "custom.css" but not make it variable for the user.

My thoughts behind this: The persons who create the survey can't and shouldn't touch the theme code. If one person want reds and the other blue buttons, I need to create a new theme for them. It's easier if each person can set their own color in the theme options in the survey.

Only on config.xml : github.com/LimeSurvey/LimeSurvey/blob/41...nilla/config.xml#L62
You need to update current, sometime need to reset theme (unsure here)

I have seriously changed all options. This is done in twig-files. Please see:  LimeSurvey 6 theme | Respondage

Tammo

tammo wrote:

I have seriously changed all option. This is done in twig-files. Please see:  LimeSurvey 6 theme | Respondage
 

With 5X : yes, we can need to update twig files, gitlab.com/SondagesPro/SurveyThemes/skel...tions?ref_type=heads
But with 6 : I really think we can use only options XML part. gitlab.com/SondagesPro/SurveyThemes/skel...l?ref_type=heads#L41

If there are lacks of option : mantis

For everyone who is interested, how I did it:
First of all "LS" does not stands for LimeSurvey but the company I work at.

I edited the xml file for my extended theme  
This will add a ThemeOption.
Here I added <ls_btnColor> will be the input type (button, colorpicker, text) decides in which category, the option will be displayed  will be the Displayed name for the option

then added this part to the layout_global.twig in the theme editor
i also did it in the layout_survey_list.twig because the surveylist dosn't use the layout_global.twig
 

now i can use the css variables in the custom.css:
 

Thanks for sharing.