amorfo77/sogo
1
0 Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-10-11 23:07:12 +00:00
Code Issues Projects Releases Wiki Activity

fix(UI): Make the login page honor the color theme

Browse Source 
partial solution by specifying the theme and accent color manually

Fixes #5687 (partially)
This commit is contained in:
Alex Vogt committed 2023-01-31 19:43:42 +01:00
1 parent ba0d4a51c0
commit 607bc08c92
1 file changed
+17 -17
Download Patch File Download Diff File Expand all files Collapse all files
UI/Templates/MainUI/SOGoRootPage.wox
+17 -17
View File
@@ -43,24 +43,24 @@
</var:if> </var:if>
<div ng-if="!app.loginState"> <div ng-if="!app.loginState">
<md-input-container class="md-block"> <md-input-container class="md-block">
<label><var:string label:value="Username"/></label> <label class="md-default-theme md-accent md-bg"><var:string label:value="Username"/></label>
<md-icon>person</md-icon> <md-icon class="material-icons md-default-theme md-accent md-bg">person</md-icon>
<input autocorrect="off" autocapitalize="off" type="text" ng-model="app.creds.username" ng-required="true" ng-change="app.usernameChanged()" ng-blur="app.retrievePasswordRecoveryEnabled()" /> <input class="md-default-theme md-accent md-bg" autocorrect="off" autocapitalize="off" type="text" ng-model="app.creds.username" ng-required="true" ng-change="app.usernameChanged()" ng-blur="app.retrievePasswordRecoveryEnabled()" />
</md-input-container> </md-input-container>
<md-input-container class="md-block"> <md-input-container class="md-block">
<label><var:string label:value="Password"/></label> <label class="md-default-theme md-accent md-bg"><var:string label:value="Password"/></label>
<md-icon>email</md-icon> <md-icon class="material-icons md-default-theme md-accent md-bg">email</md-icon>
<input id="passwordField" type="password" ng-model="app.creds.password" ng-required="true"/> <input class="md-default-theme md-accent md-bg" id="passwordField" type="password" ng-model="app.creds.password" ng-required="true"/>
<md-icon id="password-visibility-icon" ng-click="app.changePasswordVisibility()">visibility</md-icon> <md-icon class="material-icons md-default-theme md-accent md-bg" id="password-visibility-icon" ng-click="app.changePasswordVisibility()">visibility</md-icon>
</md-input-container> </md-input-container>
<!-- LANGUAGES SELECT --> <!-- LANGUAGES SELECT -->
<div layout="row" layout-align="start end"> <div layout="row" layout-align="start end">
<md-icon>language</md-icon> <md-icon class="material-icons md-default-theme md-accent md-bg">language</md-icon>
<md-input-container class="md-flex"> <md-input-container class="md-default-theme md-accent md-bg md-flex">
<label><var:string label:value="choose"/></label> <label class="md-default-theme md-accent md-bg"><var:string label:value="choose"/></label>
<md-select ng-model="app.creds.language" <md-select md-container-class="md-default-theme md-accent md-bg" ng-model="app.creds.language"
var:placeholder="localizedLanguage" var:placeholder="localizedLanguage"
ng-change="app.changeLanguage($event)"> ng-change="app.changeLanguage($event)">
<var:foreach list="languages" item="item"> <var:foreach list="languages" item="item">
@@ -75,7 +75,7 @@
<!-- DOMAINS SELECT --> <!-- DOMAINS SELECT -->
<var:if condition="hasLoginDomains"> <var:if condition="hasLoginDomains">
<div layout="row" layout-align="start end"> <div layout="row" layout-align="start end">
<md-icon>domain</md-icon> <md-icon class="material-icons md-default-theme md-accent md-bg">domain</md-icon>
<md-input-container class="md-flex"> <md-input-container class="md-flex">
<md-select class="md-flex" ng-model="app.creds.domain" label:placeholder="choose" ng-change="app.retrievePasswordRecoveryEnabled()"> <md-select class="md-flex" ng-model="app.creds.domain" label:placeholder="choose" ng-change="app.retrievePasswordRecoveryEnabled()">
<var:foreach list="loginDomains" item="item"> <var:foreach list="loginDomains" item="item">
@@ -109,7 +109,7 @@
<md-button class="md-icon-button" <md-button class="md-icon-button"
label:aria-label="About" label:aria-label="About"
ng-click="app.showAbout()"> ng-click="app.showAbout()">
<md-icon>info</md-icon> <md-icon class="material-icons md-default-theme md-accent md-bg">info</md-icon>
</md-button> </md-button>
<div> <div>
<md-button class="md-fab md-accent md-hue-2" type="submit" <md-button class="md-fab md-accent md-hue-2" type="submit"
@@ -146,7 +146,7 @@
<div flex="80" flex-sm="50" flex-gt-sm="40"> <div flex="80" flex-sm="50" flex-gt-sm="40">
<md-input-container class="md-block"> <md-input-container class="md-block">
<label><var:string label:value="Verification Code"/></label> <label><var:string label:value="Verification Code"/></label>
<md-icon>lock</md-icon> <md-icon class="material-icons md-default-theme md-accent md-bg">lock</md-icon>
<input type="text" <input type="text"
ng-pattern="app.verificationCodePattern" ng-pattern="app.verificationCodePattern"
ng-model="app.creds.verificationCode" ng-model="app.creds.verificationCode"
@@ -159,14 +159,14 @@
label:aria-label="Cancel" label:aria-label="Cancel"
ng-click="app.restoreLogin()" ng-click="app.restoreLogin()"
sg-ripple-click="loginContent"> sg-ripple-click="loginContent">
<md-icon>arrow_backward</md-icon> <md-icon class="material-icons md-default-theme md-accent md-bg">arrow_backward</md-icon>
</md-button> </md-button>
<md-button class="md-fab md-accent md-hue-2" type="submit" <md-button class="md-fab md-accent md-hue-2" type="submit"
label:aria-label="Connect" label:aria-label="Connect"
ng-if="app.loginState == 'totpcode'" ng-if="app.loginState == 'totpcode'"
ng-disabled="loginForm.$invalid" ng-disabled="loginForm.$invalid"
ng-click="app.login()"> ng-click="app.login()">
<md-icon>arrow_forward</md-icon> <md-icon class="material-icons md-default-theme md-accent md-bg">arrow_forward</md-icon>
</md-button> </md-button>
</div> </div>
</div> </div>
@@ -180,7 +180,7 @@
<var:string label:value="Welcome"/> {{app.cn}} <var:string label:value="Welcome"/> {{app.cn}}
</div> </div>
<div class="md-padding" layout="row" layout-align="start center"> <div class="md-padding" layout="row" layout-align="start center">
<md-icon>priority_high</md-icon> <md-icon class="material-icons md-default-theme md-accent md-bg">priority_high</md-icon>
<div class="md-padding"> <div class="md-padding">
<var:string label:value="Two-factor authentication has been disabled. Visit the Preferences module to restore two-factor authentication and reconfigure your TOTP application."/> <var:string label:value="Two-factor authentication has been disabled. Visit the Preferences module to restore two-factor authentication and reconfigure your TOTP application."/>
</div> </div>