Hi all,
it seems the the input elements have attributes hard-coded in
/usr/lib64/GNUstep/SOGo/WebServerResources/css/icons.css
How is this file generated?
Best regards
Alex
On Mon, 2023-01-23 at 19:56 +0100, Alexander Vogt wrote:
> Hi,
>
> I am trying to configure SOGo to use a color theme with a dark accent
> color. I am following the FAQ entry from
> https://www.sogo.nu/support/faq/how-to-change-the-color-theme.html
> However, while this is working fine once logged in, the login page
> itself persistently uses a black font on the accented login form. This
> makes it very difficult to read.
>
> TLDR: What is required to make SOGo use the accent/primary font color
> on the login page/form?
>
> The steps I tried:
> 1. Set SOGoUIxDebugEnabled = YES;
> 2. Create a new /usr/lib64/GNUstep/SOGo/WebServerResources/js/theme-
> custom.js with the content:
>
> (function() {
> 'use strict';
>
> angular.module('SOGo.Common')
> .config(configure)
>
> /**
> * @ngInject
> */
> configure.$inject = ['$mdThemingProvider'];
> function configure($mdThemingProvider) {
> $mdThemingProvider.definePalette('linexus', {
> '50': 'f0e2ea',
> '100': 'd9b6c9',
> '200': 'c085a6',
> '300': 'a75482',
> '400': '942f67',
> '500': '810a4c',
> '600': '790945',
> '700': '6e073c',
> '800': '640533',
> '900': '510324',
> 'A100': 'ff84ad',
> 'A200': 'ff518c',
> 'A400': 'ff1e6a',
> 'A700': 'ff0459',
> 'contrastDefaultColor': 'light',
> 'contrastDarkColors': [ '50', '100', '200', 'A100', 'A200' ],
> 'contrastLightColors': [ '300', '400', '500', '600', '700',
> '800', '900', 'A400', 'A700' ]
> });
>
> $mdThemingProvider.theme('default')
> .primaryPalette('linexus', {
> 'default': '400', // background color of top toolbars
> 'hue-1': '400',
> 'hue-2': '500',// background color of sidebar toolbar
> 'hue-3': 'A100'
> })
> .accentPalette('linexus', {
> 'default': '500', // background color of fab buttons
> 'hue-1': '200',// background color of center list toolbar
> 'hue-2': '200',
> 'hue-3': 'A100'
> })
> .backgroundPalette('grey');
>
> $mdThemingProvider.generateThemesOnDemand(false);
> }
> })();
>
> 3. SOGoUIAdditionalJSFiles = (js/theme-custom.js);
> 4. Grep the CSS from a JS console and put it into
> /usr/lib64/GNUstep/SOGo/WebServerResources/css/theme-default.css
> 5. Set SOGoUIxDebugEnabled = NO;
> (Service restarts happened between most steps)
>
> The last two steps are not essential to reproduce the issue. I also
> tried to then manipulate the CSS file but gave up once I realized that
> SOGo is creating that programmatically.
> The result is visible on https://mail.linexus.de/SOGo
> Essentially, SOGo is using a dark font color on the login form on the
> login page (and for the FROM field in the new mail dialog). Almost
> everywhere else the specified theme is used correctly. For example, the
> sidebar toolbar and the fab buttons use a light font color.
> Interestingly, the "remember username" switch on the login page does
> correctly use a light color.
>
> Am I missing something? How can I tell SOGo to use the (light) font
> color as specified in the AngularJS theme for the login form on the
> login page?
>
> Thanks and best regards
> Alex