Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Fruity theme color variations for survey - LimeSurvey5

  • kszadkowski
  • kszadkowski's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 8 months ago #224912 by kszadkowski
I have installed the LS5 and am customizing it. Fruity theme suits me, but rather than green color I prefer something darker. The "Bay of many" variation is perfect. Unfortunately, I can only set it up for an administrator. For survey, there is still a green color (buttons, some text, etc.) - hex #328637.

Using the theme editor, I made a copy of Fruity and searched the CSS files for "color" or "328637" instances - unfortunately it failed.

How can I change the "main" color of Fruity Theme for survey from green to some other? Which file should I look for this in?
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 8 months ago #224913 by Joffm
Why didn't you answer the questions?
Now we do not know which exact version you are using.

Well, where did you select the variation?
If you set it in "Configuration / Global" you change the colors of the admin theme.

But I do not see an issue if I select a variation in the "Theme options"
Here set to "Purple tentacle"
 

Colors:
As LimeSurvey is based on bootstrap the colors are mainly taken from there.
E.g. the color of the "Next" button is the color of the bootstrap class "btn-primary".
To overwrite this I advice to investigate the page with a webdevelopment tool (included in each browser).
Then set your desired colors in "custom.css"
Here a small part of one of my extended themes
Code:
.progress-bar {
    background-color: #90A4AE;
 }
.question-container {
    border: 1px solid #263238;
    border-radius: 5px;
}
.question-title-container, .question-valid-container {
    background-color: #90A4AE;
    color: #fff;
    border-left: 20px solid #C18D00;
}
.question-title-container {
    border-radius: 5px 5px 0px 0px;
}    
.answer-container {
    background-color: #fff;
    border-radius: 0px 0px 5px 5px; 
    padding-top:1.2em;
    padding-bottom:1.2em;
}
.question-help-container {
    border-top: 1px solid #B0BEC5;
}
.btn-primary {
    background-color: #90A4AE;
    border-color: #95A5A6;
}
.btn-primary:hover {
    background-color: #78909C;
    border-color: #2C3E50;
}
 
.btn-primary:active, 
.btn-primary.active {
    background-color: #1A242F;
    border-color: #161F29;
}

 
 

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
Moderators: tpartnerholch

Lime-years ahead

Online-surveys for every purse and purpose