Color schemes in Liferay Theme

liferay-look-and-feel.xml :-  In this file we have to mention the color scheme details ,In color-scheme tags we have to mention the color-scheme details .In below example i mentioned sampleGreen and sampleBlue to color-schemes

    <theme id="sample" name="sample" >
        <settings>
            <setting key="my-setting" value="my-value" />
        </settings>
        <color-scheme id="sampleGreen" name="sampleGreen">
            <css-class>sampleGreen</css-class> //css file should be with this name
            <color-scheme-images-path>${images-path}/color_schemes/${css-class}
               </color-scheme-images-path>// images path from where we have to add images
        </color-scheme>
       
        <color-scheme id="sampleBlue" name="sampleBlue">
            <css-class>sampleBlue</css-class>
            <color-scheme-images-path>${images-path}/color_schemes/${css-class}</color-scheme-images-path>
        </color-scheme>
    </theme>

css file Path :-       _diffs/css/color_schemes/
In this path we have to create our css files for above example we have to create css file with the name as follows
                         sampleGreen.css
                         sampleBlue.css  

images folder Path :-       _diffs/images/color_schemes/
 In this path we have to create our images folder above example we have to create images folder with the name as follows
                         sampleBlue
                         sampleGreen
In this folder we have to save the images which we are using for color schemes.

Hope this is Help for you.

If you have any type of Querries you can write a comments.