The problem is that we cannot use velocity in the Flamingo Theme's advanced
section, so we cannot write @import "$xwiki.getSkinFile('advanced.less')";

So this means we need to go to the file where all the LESS files get
imported. This means "less/style.less.vm". There you need to add your
custom .less file, in our case I've called it "advanced.less", do it by
writing '@import "advanced";' at the end of the import list. Now be
careful, since you are overwriting this file, if you are going to make an
upgrade, you need to backport the official changes of this file to your
custom skin.

Now you need to add the advanced.less file to your skin. Add it in the
overrides section, having the /less folder prefix, since there we expect
all LESS files to be present.

In order to be easier to follow I've created a screenshot of a very small
change I've made (the body text should be colored blue), see
http://design.xwiki.org/xwiki/bin/download/Proposal/ColorThemeforFlamingo/advancedLess.png

So in conclusion you need to add 2 overrides to your skin (I've made my
changes to XWiki.DefaultSkin in order to test), for "less/advanced.less"
(where you will have your code) and "less/style.less.vm" (where you need to
copy the standard content of that file from the flamingo folder in your
file system + add the import to your custom less). The changes you will
have in advanced.less will be applied globally to your skin, independent of
the current Flamingo Theme.

Hope this helps,
Caty


On Mon, Sep 26, 2016 at 5:00 PM, Gerritjan Koekkoek <gerrit...@cdlsworld.org
> wrote:

> What would be the notation in the advanced box
>
>
> I now have:
>
> @import('custom.less')
>
>
> And I added custom.less as attachment to my skin-page.
>
>
> But this gives me a compile error on the less...
>
>
> Gerritjan Koekkoek
> Vader van Rai Koekkoek (cdls) en voorzitter vereniging CdLS
> Visit our website<http://www.cdlsworld.org>
> Facebook<https://www.facebook.com/gerritjan.koekkoek>
> email<gerrit...@cdlsworld.org>
>
>
>
> ________________________________
> From: users <users-boun...@xwiki.org> on behalf of Ecaterina Moraru
> (Valica) <vali...@gmail.com>
> Sent: 26 September 2016 15:08:51
> To: XWiki Users
> Subject: Re: [xwiki-users] Flamingo color theme advanced Less
>
> You could attach your less files to the Skin page, especially since if you
> have advanced / big customizations is more the responsibility of the skin,
> rather than the color theme.
>
> Thanks,
> Caty
>
> On Mon, Sep 26, 2016 at 3:35 PM, Gerritjan Koekkoek <
> gerrit...@cdlsworld.org
> > wrote:
>
> > Our Advanced box in the flamingo color theme is getting pretty Big (But
> it
> > works !)
> >
> >
> > But would it be possible to attach less files to the color theme page and
> > adding something like
> >
> >
> > @import("....waihonabuttons.less") in the advanced box of the color
> theme?
> >
> >
> > What would I need in the .... part of the filename?
> >
> >
> > Gerritjan Koekkoek
> > Vader van Rai Koekkoek (cdls) en voorzitter vereniging CdLS
> > Visit our website<http://www.cdlsworld.org>
> > Facebook<https://www.facebook.com/gerritjan.koekkoek>
> > email<gerrit...@cdlsworld.org>
> >
> >
> >
> > _______________________________________________
> > users mailing list
> > users@xwiki.org
> > http://lists.xwiki.org/mailman/listinfo/users
> >
> _______________________________________________
> users mailing list
> users@xwiki.org
> http://lists.xwiki.org/mailman/listinfo/users
> _______________________________________________
> users mailing list
> users@xwiki.org
> http://lists.xwiki.org/mailman/listinfo/users
>
_______________________________________________
users mailing list
users@xwiki.org
http://lists.xwiki.org/mailman/listinfo/users

Reply via email to