Cireson Portal Themer BETA Release!
Until we officially launch the Cireson Portal Themer please use this thread as a means of support and place to provide feedback.
You can access* the Cireson Portal Themer at:
*Currently works best on Chrome and is not compatible with IE 11
Just two remarks :
- I often have an error when I let some colors as automatically generated
- For status colors, is-it linked to IR or SR status ? Indeed, the work item status field always stay blue. Never change to red if cancelled or error.
@PIERRE-LOUIS_DURRIS Thanks for the feedback. Could you provide a bit more detail on the error you're receiving from the colors? We'll double-check on the status colors; we could have missed something there.
@Clayton_Farr : I haven't been able to reproduce the error but when I was downloading the CSS, there was only one line talking about wrong colors code. I might come from a bad use of the apps.
1. Seems like some kind of preview is a popular request, for the intern you could inject the contents of the output into the the custom.css via the chrome developer tools -> Sources to get an instant preview.
2. This is currently not explicitly available in the themer, but will take note. You can always still accomplish this via custom.css overwrite rules
3. This is coming see my note to PIERRE-LOUIS.
In general that should work. Here are the normal and 'dark' colors inverted, via the Themer, on the Cireson Portal –
I suspect there may be places where certain color combinations could cause usability issues (illegible text, etc.) The primary thing I'd shoot for is to have reasonable contrast between the the two colors (whether lightness or hue). If you find specific places that are an issue when implementing this, let us know and we can see if we have the right levers in place in the Themer to reconcile this.
To invert the normal / dark brand colors in the Themer, I'd recommend doing this –
Hope this helps.
- Place your darker brand color's hex value in the 'Brand Color' input
- This should automatically add a darker version in the 'Brand Color – Dark Variation' input (if the 'Create automatically' checkbox is selected).
- Next, deselect the 'Create automatically' checkbox
- Manually update this 'Dark Variation' color to be either a lighter version of your brand color (this will look best), or opt to put in a different, contrasting color / hue.
Hi I've tried creating a theme today where the only things I have changed have been the brand colour the link colour, and the Drawer Icon size (from 23 up to 64 pixels) Ive left everything else default or "Create automatically" for the colour variations. The resultant custom.them.min.css file contains no css but instead has this error:
error evaluating function `lighten` The first argument to lighten must be a color (did you forgot commas?) index: 22252
Am I doing something wrong?
i have tried using the themer, and the output seems to be a bit bloated (1mb etc). Could be quite lslow to download this when connecting to the site for the first time.
Because of this I have decided not to use it.
i would hope this can be reduced to 150kb max in the future.
To help with this, could we select the sections of the themer we want to include or exclude from the css, rather than assuming we want to configure all of the settings?
You're right. Currently the custom CSS is definitely heavier than we'd like. Our first approach, to get the Themer usable has been to recompile all of the Portal's CSS with any customizations you've added.
This both creates a big file and requires users to download redundant CSS - which makes it workable but does put a load burden on first time and in-frequent portal visitors. Ideally, we'll ultimately be able to allow you to customize the original, compiled CSS which would solve both problems.
As we work toward the ideal, I like the idea of only compiling things related to what you've updated. The trick will be targeting all of the bits, and only the bits, related to the tweaked variables. We'll keep an eye out to how we could possibly do this along the way. Thanks!
As a suggestion, the CSS file produced has no end of line characters and being only 2 very long lines is difficult to read, could the generated CSS be formatted to be more readable?
You can simply use a tool to unminify the css if you wish, just google unminify css.
I do agree with some of the comments made as well, particularly the preview of what gets changed, and the ability to upload and alter existing CSS.
Thank you very much for providing this tool!
The only properties I was changing were 3 colours!
I have also noticed an issue when trying to use the site in Firefox. All the Text properties show as invalid values, yet they are the default values, that show without issue in other browsers.