Re: [SOGo] Theming SOGO
Francis, Thanks for providing those 2 links. Though they provide a whiff of the process what would be nice is a 1, 2, 3... step through the process of changing the background color. I am not an Angular dev (as most are not) and it would be of great assistance in effecting the color changes desired. Jay CompuMatter On 9/25/2017 9:20 AM, Francis Lachapelle (flachape...@inverse.ca) wrote: Hi Jay I've updated the documentation on how to define a new color theme: https://sogo.nu/files/docs/SOGoDevelopersGuide.html#_defining_an_alternate_color_theme And here's the associated commit where you can find the "theme.js" file: https://github.com/inverse-inc/sogo/commit/1e0b71bbda4ea3fe541813980173501992226684 Francis On Sep 13, 2017, at 2:36 PM, Jay Lepore (j...@compumatter.com) wrote: Hello, I am using Sogo 3.2.1 and was wondering if there was a way for me to control the colors used by Sogo ie; modify the bright green to something of our preference ? What sayeth the group ? Jay CompuMatter -- users@sogo.nu https://inverse.ca/sogo/lists
Re: [SOGo] Theming SOGO
Em 25/09/2017 09:09, Peter (pe...@reseaunance.com) escreveu: I could change the theme, modifying 3 files: - Common.js (see AngularJS docs about adding a new theme here) - theme-default.css - styles.css The task was really difficult as css files are not human-produced, probably one should better use the templates from SOGo sources to create new css files. The modifications must be done again after every update of SOGo. For css files - normally I just replace the new ones by my ones. Javascript file must be changed every time Angular is updated. ...but it works :) Up until the next upgrade, when your changes will be overwritten Regards, -- Marcio Merlone -- users@sogo.nu https://inverse.ca/sogo/lists
Re: [SOGo] Theming SOGO
Hi Jay I've updated the documentation on how to define a new color theme: https://sogo.nu/files/docs/SOGoDevelopersGuide.html#_defining_an_alternate_color_theme And here's the associated commit where you can find the "theme.js" file: https://github.com/inverse-inc/sogo/commit/1e0b71bbda4ea3fe541813980173501992226684 Francis > On Sep 13, 2017, at 2:36 PM, Jay Lepore (j...@compumatter.com) > wrote: > > Hello, > > I am using Sogo 3.2.1 and was wondering if there was a way for me to control > the colors used by Sogo ie; modify the bright green to something of our > preference ? > > What sayeth the group ? > > Jay > CompuMatter -- users@sogo.nu https://inverse.ca/sogo/lists
Re: [SOGo] Theming SOGO
Hello, I could change the theme, modifying 3 files: - Common.js (see AngularJS docs about adding a new theme here) - theme-default.css - styles.css The task was really difficult as css files are not human-produced, probably one should better use the templates from SOGo sources to create new css files. The modifications must be done again after every update of SOGo. For css files - normally I just replace the new ones by my ones. Javascript file must be changed every time Angular is updated. ...but it works :) Peter On 22/09/2017 19:49, Jay Lepore wrote: Thank you for this information. It has a value. Unfortunately because I am using Zentyal as a server UI it automatically generates sogo.conf and so would overwrite such custom .js insertions each time the Zentyal config was resaved. So unless someone else pulls a rabbit out of a hat, I will have to wait until Sogo comes out with a supported measure for instance a conf.d/mytheme.css option. Sincerely, Jay On 9/21/2017 11:55 PM, dan le bray (d...@univ-lehavre.fr) wrote: Hello, Le 21/09/2017 à 20:49, Marcio Merlone (marcio.merl...@a1.ind.br) a écrit : Em 13/09/2017 15:36, Jay Lepore (j...@compumatter.com) escreveu: I am using Sogo 3.2.1 and was wondering if there was a way for me to control the colors used by Sogo ie; modify the bright green to something of our preference ? What sayeth the group ? Hi, Sorry for not coming with a solution, I have the same question. I have checked the FAQ (1), followed the instructions and nothing changed: mkdir -p ~sogo/GNUstep/SOGo/WebServerResources/css/ cp /usr/lib/GNUstep/SOGo/WebServerResources/css/theme-default.css ~sogo/GNUstep/SOGo/WebServerResources/css/ vi ~sogo/GNUstep/SOGo/WebServerResources/css/theme-default.css mkdir ~sogo/GNUstep/SOGo/WebServerResources/js/ cp /usr/lib/GNUstep/SOGo/WebServerResources/js/Common.js ~sogo/GNUstep/SOGo/WebServerResources/js/ vi ~sogo/GNUstep/SOGo/WebServerResources/js/Common.js It only mentions .wox files, but the color definitions are not there. If I edit the original files on their original locations then it obviously works, but I guess it will not survive an update. Other than that, no other information anywhere on internet on how to customize at least the colors. I managed to change the logos by using mod_rewrite on apache, but the colors are still an issue. Any hint? (1) https://sogo.nu/nc/support/faq/article/how-to-customize-the-html-2.html Thanks, best regards. We successfully managed to custom colors using a little JavaScript and a custom CSS files. At first, we made a copy of the default CSS (/usr/lib/GNUstep/SOGo/WebServerResources/css/theme-default.css) into a custom directory (/usr/lib/GNUstep/SOGo/WebServerResources/local/ulh.css) and set some modifications into it. Then we added a custom JS file which will load that CSS (/usr/lib/GNUstep/SOGo/WebServerResources/local/ulh.js). Finally, we added that JS to SOGo configuration file (/etc/sogo/sogo.conf): --- SOGoUIAdditionalJSFiles = ("local/ulh.js"); // this is an array, keep the parenthesis! --- After restarting SOGo, we do have custom colors loaded at runtime The JS file is: --- var ulhCss = "/SOGo.woa/WebServerResources/local/ulh.css"; var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = ulhCss; link.media = 'all'; head.appendChild(link); --- This may not the smartest way of doing color customizations but it's quite simple and easy ^^ -- users@sogo.nu https://inverse.ca/sogo/lists
Re: [SOGo] Theming SOGO
Thank you for this information. It has a value. Unfortunately because I am using Zentyal as a server UI it automatically generates sogo.conf and so would overwrite such custom .js insertions each time the Zentyal config was resaved. So unless someone else pulls a rabbit out of a hat, I will have to wait until Sogo comes out with a supported measure for instance a conf.d/mytheme.css option. Sincerely, Jay On 9/21/2017 11:55 PM, dan le bray (d...@univ-lehavre.fr) wrote: Hello, Le 21/09/2017 à 20:49, Marcio Merlone (marcio.merl...@a1.ind.br) a écrit : Em 13/09/2017 15:36, Jay Lepore (j...@compumatter.com) escreveu: I am using Sogo 3.2.1 and was wondering if there was a way for me to control the colors used by Sogo ie; modify the bright green to something of our preference ? What sayeth the group ? Hi, Sorry for not coming with a solution, I have the same question. I have checked the FAQ (1), followed the instructions and nothing changed: mkdir -p ~sogo/GNUstep/SOGo/WebServerResources/css/ cp /usr/lib/GNUstep/SOGo/WebServerResources/css/theme-default.css ~sogo/GNUstep/SOGo/WebServerResources/css/ vi ~sogo/GNUstep/SOGo/WebServerResources/css/theme-default.css mkdir ~sogo/GNUstep/SOGo/WebServerResources/js/ cp /usr/lib/GNUstep/SOGo/WebServerResources/js/Common.js ~sogo/GNUstep/SOGo/WebServerResources/js/ vi ~sogo/GNUstep/SOGo/WebServerResources/js/Common.js It only mentions .wox files, but the color definitions are not there. If I edit the original files on their original locations then it obviously works, but I guess it will not survive an update. Other than that, no other information anywhere on internet on how to customize at least the colors. I managed to change the logos by using mod_rewrite on apache, but the colors are still an issue. Any hint? (1) https://sogo.nu/nc/support/faq/article/how-to-customize-the-html-2.html Thanks, best regards. We successfully managed to custom colors using a little JavaScript and a custom CSS files. At first, we made a copy of the default CSS (/usr/lib/GNUstep/SOGo/WebServerResources/css/theme-default.css) into a custom directory (/usr/lib/GNUstep/SOGo/WebServerResources/local/ulh.css) and set some modifications into it. Then we added a custom JS file which will load that CSS (/usr/lib/GNUstep/SOGo/WebServerResources/local/ulh.js). Finally, we added that JS to SOGo configuration file (/etc/sogo/sogo.conf): --- SOGoUIAdditionalJSFiles = ("local/ulh.js"); // this is an array, keep the parenthesis! --- After restarting SOGo, we do have custom colors loaded at runtime The JS file is: --- var ulhCss = "/SOGo.woa/WebServerResources/local/ulh.css"; var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = ulhCss; link.media = 'all'; head.appendChild(link); --- This may not the smartest way of doing color customizations but it's quite simple and easy ^^ -- users@sogo.nu https://inverse.ca/sogo/lists
Re: [SOGo] Theming SOGO
Hello, Le 21/09/2017 à 20:49, Marcio Merlone (marcio.merl...@a1.ind.br) a écrit : > Em 13/09/2017 15:36, Jay Lepore (j...@compumatter.com) escreveu: >> I am using Sogo 3.2.1 and was wondering if there was a way for me to >> control the colors used by Sogo ie; modify the bright green to >> something of our preference ? >> What sayeth the group ? > Hi, > > Sorry for not coming with a solution, I have the same question. I have > checked the FAQ (1), followed the instructions and nothing changed: > > mkdir -p ~sogo/GNUstep/SOGo/WebServerResources/css/ > cp /usr/lib/GNUstep/SOGo/WebServerResources/css/theme-default.css > ~sogo/GNUstep/SOGo/WebServerResources/css/ > vi ~sogo/GNUstep/SOGo/WebServerResources/css/theme-default.css > > mkdir ~sogo/GNUstep/SOGo/WebServerResources/js/ > cp /usr/lib/GNUstep/SOGo/WebServerResources/js/Common.js > ~sogo/GNUstep/SOGo/WebServerResources/js/ > vi ~sogo/GNUstep/SOGo/WebServerResources/js/Common.js > > It only mentions .wox files, but the color definitions are not there. If > I edit the original files on their original locations then it obviously > works, but I guess it will not survive an update. Other than that, no > other information anywhere on internet on how to customize at least the > colors. I managed to change the logos by using mod_rewrite on apache, > but the colors are still an issue. > > Any hint? > > (1) https://sogo.nu/nc/support/faq/article/how-to-customize-the-html-2.html > > Thanks, best regards. We successfully managed to custom colors using a little JavaScript and a custom CSS files. At first, we made a copy of the default CSS (/usr/lib/GNUstep/SOGo/WebServerResources/css/theme-default.css) into a custom directory (/usr/lib/GNUstep/SOGo/WebServerResources/local/ulh.css) and set some modifications into it. Then we added a custom JS file which will load that CSS (/usr/lib/GNUstep/SOGo/WebServerResources/local/ulh.js). Finally, we added that JS to SOGo configuration file (/etc/sogo/sogo.conf): --- SOGoUIAdditionalJSFiles = ("local/ulh.js"); // this is an array, keep the parenthesis! --- After restarting SOGo, we do have custom colors loaded at runtime The JS file is: --- var ulhCss = "/SOGo.woa/WebServerResources/local/ulh.css"; var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = ulhCss; link.media = 'all'; head.appendChild(link); --- This may not the smartest way of doing color customizations but it's quite simple and easy ^^ -- Daniel Le Bray :: CRI :: Pôle Systèmes et Réseaux daniel.le-b...@univ-lehavre.fr / +33 02 32 74 42 94 Universite Le Havre Normandie 25 rue Philippe Lebon, BP1123, 76063 Le Havre Cedex -- users@sogo.nu https://inverse.ca/sogo/lists
Re: [SOGo] Theming SOGO
Em 13/09/2017 15:36, Jay Lepore (j...@compumatter.com) escreveu: I am using Sogo 3.2.1 and was wondering if there was a way for me to control the colors used by Sogo ie; modify the bright green to something of our preference ? What sayeth the group ? Hi, Sorry for not coming with a solution, I have the same question. I have checked the FAQ (1), followed the instructions and nothing changed: mkdir -p ~sogo/GNUstep/SOGo/WebServerResources/css/ cp /usr/lib/GNUstep/SOGo/WebServerResources/css/theme-default.css ~sogo/GNUstep/SOGo/WebServerResources/css/ vi ~sogo/GNUstep/SOGo/WebServerResources/css/theme-default.css mkdir ~sogo/GNUstep/SOGo/WebServerResources/js/ cp /usr/lib/GNUstep/SOGo/WebServerResources/js/Common.js ~sogo/GNUstep/SOGo/WebServerResources/js/ vi ~sogo/GNUstep/SOGo/WebServerResources/js/Common.js It only mentions .wox files, but the color definitions are not there. If I edit the original files on their original locations then it obviously works, but I guess it will not survive an update. Other than that, no other information anywhere on internet on how to customize at least the colors. I managed to change the logos by using mod_rewrite on apache, but the colors are still an issue. Any hint? (1) https://sogo.nu/nc/support/faq/article/how-to-customize-the-html-2.html Thanks, best regards. -- *Marcio Merlone* -- users@sogo.nu https://inverse.ca/sogo/lists
[SOGo] Theming SOGO
Hello, I am using Sogo 3.2.1 and was wondering if there was a way for me to control the colors used by Sogo ie; modify the bright green to something of our preference ? What sayeth the group ? Jay CompuMatter -- users@sogo.nu https://inverse.ca/sogo/lists