Liferay color-scheme doesn't work

<?xml version="1.0"?>
<!DOCTYPE look-and-feel PUBLIC
"-//Liferay//DTD Look and Feel 6.1.0//EN"
"http://www.liferay.com/dtd/liferay-look-and-feel_6_1_0.dtd">
<look-and-feel>
<compatibility>
<version>6.1.0+</version>
</compatibility>
<theme id="Sample" name="Sample">
<settings>
<setting key="header-type" value="detailed"></setting>
<setting key="my-greeting" value="This is Tina's greeeeeeeeeeting!"></setting>
<setting configurable="true" key="portlet-setup-show-borders-default"
type="checkbox" value="false" />
</settings>
<color-scheme name="Pink" id="01">
<css-class>pink</css-class>
<color-scheme-images-path>
${images-path}/color_schemes/${css-class}
</color-scheme-images-path>
</color-scheme>
<color-scheme name="Green" id="02">
<css-class>green</css-class>
</color-scheme>
</theme>

</look-and-feel>

When we configure color-scheme in our portlet, if it doesn't work, the problem is the DOCTYPE, because of the dtd version. It needs to be compatible with Liferay version. And also the <compatibilty> needs to match the dtd file.