By Kevin Morrison on Thursday, 03 July 2014
Posted in General Issues
Replies 3
Likes 0
Views 1.2K
Votes 0
Been reading up on the overrides and I know how they work. My question is, I am using a dark template so I am using the dark theme for EasySocial. Call me lazy but this question may help others less it has already been asked and I missed it?

We need to add the files we wish to override from the wireframe folder of the component theme into our templates html folder, as per the instructions but it does not say how to do this if we are using dark theme instead of the light theme. Looking at the folder structure for the wireframe theme all the modules for ES are there but in the dark folder there is config, images and styles. So are the dark styles found in the dark/styles/folder folder, or are the styles for dark found in the wireframe folder for both light and dark?

Sorry hope that makes sense, just need to know how to setup the overrides for the dark theme. I am assuming because the theme says wireframe, it is in fact controlling styles for both, is that a correct assumption?
Hello Kevin,

As long as you are overriding the styles using template overrides, it always inherits from the wireframe theme. If you need to override from the dark theme, you probably just want to copy the less files from the dark theme's folder
·
Thursday, 03 July 2014 13:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Mark, is there a time table that you can share to know when we might see documentation for themes in the developer section? I really need to find the time to learn more about how LESS works... in my experience trying to find styles in a LESS file is a royal pain.
·
Thursday, 03 July 2014 23:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Kevin,

Hm, sorry but not really sure what time tables are you referring to here? Do you mean http://docs.stackideas.com/developers/themes/locations ? LESS is actually CSS on it's own. The only difference is that you could add in mixins and nest your css codes so you don't have to write lengthy css selectors.

For instance,


.blog .title span{
color: #000;
}


Could be written in LESS in this form,


.blog {
.title {
span {
color: #000;
}
}
}
·
Thursday, 03 July 2014 23:31
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post