@mainColor : ~`templateColors.mainColor`; @buttonColor : ~`lessFix("lighten",templateColors.buttonColor, "2%")`; @buttonColorLight : ~`lessFix("lighten",templateColors.buttonColor, "8%")`; @buttonBorderColor : ~`lessFix("darken",templateColors.buttonColor, "6%")`; a.button, .buttons a, .buttons button, .submit button, a.button:visited, .buttons a:visited { border: 1px solid @buttonBorderColor; background: @buttonColor; background: -moz-linear-gradient(top, @buttonColorLight 0%, @buttonColor 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@buttonColorLight), color-stop(100%,@buttonColor)); background: -webkit-linear-gradient(top, @buttonColorLight 0%,@buttonColor 100%); background: -o-linear-gradient(top, @buttonColorLight 0%,@buttonColor 100%); background: -ms-linear-gradient(top, @buttonColorLight 0%,@buttonColor 100%); filter: e(%("progid:DXImageTransform.Microsoft.gradient( startColorstr='%d', endColorstr='%d',GradientType=0 )",@buttonColorLight,@buttonColor)); background: linear-gradient(top, @buttonColorLight 0%,@buttonColor 100%); } h1, h2, h3, h4, h5, h6, .colorizedContent { color: @mainColor; } .colorizedBorder { border: 2px solid @mainColor; }