Re: [SOGo] CSS files - 2

[To Ja]

Yes you are right.
I now browsed through SOGo github repository and found a folder with SCSS
files
https://github.com/inverse-inc/sogo/tree/master/UI/WebServerResources/scss
which I guess are used to build the theme.
Please share here on the list if you have any findings regarding how to
create a custom theme.
I did not have time yet to go through it and it is a totally new thing for
me

On Tue, Jan 10, 2017 at 4:48 PM, Peter  wrote:

> Hi, To
>
> Thanks for your answer.
> I am sure that Angular does nothing with these files as they are
> released/pushed with another code.
> But I am sure that there is a tool which generates these files.
>
> If I see theme-default.css, there is one interesting line:
>
> md-radio-group.md-default-theme .md-checked.md-primary .md-ink-ripple,
> md-radio-group .md-checked.md-primary .md-ink-ripple{color:'{{warn-
> color-0.26}}'}
>
> So, this is an auto-generated file, and 'warn-color-0.26' is defined
> elsewhere normally, but it was forgotten, compiling the release I'm using...
>
> ;)
> Peter
>
>
> On 10/01/2017 16:21, To Ja (goa.ra...@gmail.com) wrote:
>
> Hi Peter.
> I'm fairly new to SOGo, so I can't guarantee that what I write is 100%
> correct.
> However looking at the sources on github
> https://github.com/inverse-inc/sogo/tree/master/UI/WebServerResources/css
> I see that these css files are not compiled in any way.
> You can even review today's commit which was done directly in *.css files.
> Having said that I assume that theme modification requires modification of
> those css files.
> As you stated - there is also Common.js and palettes defined in that file.
> Which require separate modification. I assume that this file is used for
> inline css injection by angular engine.
> When it comes to the tool which I use - nothing more than Firefox built in
> "Inspect element" function, which is very helpful in all that css-related
> work.
>
>
> On Tue, Jan 10, 2017 at 3:35 PM, Peter  wrote:
>
>> Hello,
>>
>> Sorry to re-post, but maybe this message passed non seen near Christmas,
>> I'm still trying to get it working but without success...
>>
>> I'm trying to customize the theme of SOGo 3.2.4.
>> I added a new palette to Common.js and defined it as primaryPalette in
>> the default theme. I changed accentPalette as well.
>> Some colors are changed, but not the all ones. After some digging, i
>> found two files - theme-default.css and styles.css with plenty of colors
>> defined inside, these colors are used by SOGo. Probably, these files are
>> auto-generated. How should I modify the files to be in accord with the
>> default theme, defined in Common.js? What tool should be used?
>>
>> Best regards,
>> Peter TKATCHENKO
>>
>> --
>> users@sogo.nu
>> https://inverse.ca/sogo/lists
>>
>
> --
> users@sogo.nu
> https://inverse.ca/sogo/lists
>
>
> --
> users@sogo.nu
> https://inverse.ca/sogo/lists
>
-- 
users@sogo.nu
https://inverse.ca/sogo/lists

Re: [SOGo] CSS files - 2

[Peter]

Hi, To

Thanks for your answer.
I am sure that Angular does nothing with these files as they are 
released/pushed with another code.

But I am sure that there is a tool which generates these files.

If I see theme-default.css, there is one interesting line:

md-radio-group.md-default-theme .md-checked.md-primary .md-ink-ripple, 
md-radio-group .md-checked.md-primary 
.md-ink-ripple{color:'{{warn-color-0.26}}'}


So, this is an auto-generated file, and 'warn-color-0.26' is defined 
elsewhere normally, but it was forgotten, compiling the release I'm using...


;)
Peter


On 10/01/2017 16:21, To Ja (goa.ra...@gmail.com) wrote:

Hi Peter.
I'm fairly new to SOGo, so I can't guarantee that what I write is 100% 
correct.

However looking at the sources on github
https://github.com/inverse-inc/sogo/tree/master/UI/WebServerResources/css
I see that these css files are not compiled in any way.
You can even review today's commit which was done directly in *.css files.
Having said that I assume that theme modification requires 
modification of those css files.
As you stated - there is also Common.js and palettes defined in that 
file. Which require separate modification. I assume that this file is 
used for inline css injection by angular engine.
When it comes to the tool which I use - nothing more than Firefox 
built in "Inspect element" function, which is very helpful in all that 
css-related work.



On Tue, Jan 10, 2017 at 3:35 PM, Peter > wrote:


Hello,

Sorry to re-post, but maybe this message passed non seen near
Christmas, I'm still trying to get it working but without success...

I'm trying to customize the theme of SOGo 3.2.4.
I added a new palette to Common.js and defined it as
primaryPalette in the default theme. I changed accentPalette as well.
Some colors are changed, but not the all ones. After some digging,
i found two files - theme-default.css and styles.css with plenty
of colors defined inside, these colors are used by SOGo. Probably,
these files are auto-generated. How should I modify the files to
be in accord with the default theme, defined in Common.js? What
tool should be used?

Best regards,
Peter TKATCHENKO

-- 
users@sogo.nu 

https://inverse.ca/sogo/lists


--
users@sogo.nu
https://inverse.ca/sogo/lists


--
users@sogo.nu
https://inverse.ca/sogo/lists

Re: [SOGo] CSS files - 2

[To Ja]

Hi Peter.
I'm fairly new to SOGo, so I can't guarantee that what I write is 100%
correct.
However looking at the sources on github
https://github.com/inverse-inc/sogo/tree/master/UI/WebServerResources/css
I see that these css files are not compiled in any way.
You can even review today's commit which was done directly in *.css files.
Having said that I assume that theme modification requires modification of
those css files.
As you stated - there is also Common.js and palettes defined in that file.
Which require separate modification. I assume that this file is used for
inline css injection by angular engine.
When it comes to the tool which I use - nothing more than Firefox built in
"Inspect element" function, which is very helpful in all that css-related
work.


On Tue, Jan 10, 2017 at 3:35 PM, Peter  wrote:

> Hello,
>
> Sorry to re-post, but maybe this message passed non seen near Christmas,
> I'm still trying to get it working but without success...
>
> I'm trying to customize the theme of SOGo 3.2.4.
> I added a new palette to Common.js and defined it as primaryPalette in the
> default theme. I changed accentPalette as well.
> Some colors are changed, but not the all ones. After some digging, i found
> two files - theme-default.css and styles.css with plenty of colors defined
> inside, these colors are used by SOGo. Probably, these files are
> auto-generated. How should I modify the files to be in accord with the
> default theme, defined in Common.js? What tool should be used?
>
> Best regards,
> Peter TKATCHENKO
>
> --
> users@sogo.nu
> https://inverse.ca/sogo/lists
>
-- 
users@sogo.nu
https://inverse.ca/sogo/lists

[SOGo] CSS files - 2

[Peter]

Hello,

Sorry to re-post, but maybe this message passed non seen near Christmas, 
I'm still trying to get it working but without success...


I'm trying to customize the theme of SOGo 3.2.4.
I added a new palette to Common.js and defined it as primaryPalette in 
the default theme. I changed accentPalette as well.
Some colors are changed, but not the all ones. After some digging, i 
found two files - theme-default.css and styles.css with plenty of colors 
defined inside, these colors are used by SOGo. Probably, these files are 
auto-generated. How should I modify the files to be in accord with the 
default theme, defined in Common.js? What tool should be used?


Best regards,
Peter TKATCHENKO

--
users@sogo.nu
https://inverse.ca/sogo/lists

[SOGo] CSS files

[Peter]

Hello,

I'm trying to customize the theme of SOGo 3.2.4.
I added a new palette to Common.js and defined it as primaryPalette in 
the default theme. I changed accentPalette as well.
Some colors are changed, but not the all ones. After some digging, i 
found two files - theme-default.css and styles.css with plenty of colors 
defined inside, these colors are used by SOGo. Probably, these files are 
auto-generated. How should I modify the files to be in accord with the 
default theme, defined in Common.js? What tool should be used?


Best regards,
Peter TKATCHENKO


--
users@sogo.nu
https://inverse.ca/sogo/lists