@@ -2,16 +2,16 @@ $core-login-page-background-color: $white !default;
22$core-login-page-text-color : $text-color !default ;
33$core-login-button-outline : false !default ;
44$core-login-loading-color : false !default ;
5- $core-login-item-inner- background-color : $white !default ;
6- $core-login-item-background -color : $white !default ;
5+ $core-login-input- item-background-color : $core-login-page-background-color !default ;
6+ $core-login-input- item-text -color : $core-login-page-text-color !default ;
77
88// Dark.
99$core-dark-login-page-background-color : $black !default ;
1010$core-dark-login-page-text-color : $core-dark-text-color !default ;
11- $core-dark-login-item-inner-background-color : $core-dark-login-page-background-color !default ;
12- $core-dark-login-item-background-color : $core-dark-login-page-background-color !default ;
1311$core-dark-login-button-outline : $core-login-button-outline !default ;
1412$core-dark-login-loading-color : $core-dark-text-color !default ;
13+ $core-dark-input-login-item-background-color : $core-dark-login-page-background-color !default ;
14+ $core-dark-input-login-item-text-color : $core-dark-login-page-text-color !default ;
1515
1616ion-app .app-root page-core-login-credentials ,
1717ion-app .app-root page-core-login-reconnect ,
@@ -26,6 +26,13 @@ ion-app.app-root page-core-login-site {
2626 }
2727 }
2828
29+ .item p , .item h2 , .item h3 , .list .item.core-oauth-icon .label , .text-input {
30+ color : $core-login-page-text-color ;
31+ @include darkmode () {
32+ color : $core-dark-login-page-text-color ;
33+ }
34+ }
35+
2936 img {
3037 max-width : 100% ;
3138 }
@@ -78,6 +85,22 @@ ion-app.app-root page-core-login-site {
7885 margin-bottom : 20px ;
7986 }
8087
88+
89+ .core-login-form .item ,
90+ .core-login-form .item-inner {
91+ background-color : $core-login-input-item-background-color ;
92+ @include darkmode () {
93+ background-color : $core-dark-input-login-item-background-color ;
94+ }
95+
96+ p , input {
97+ color : $core-login-input-item-text-color ;
98+ @include darkmode () {
99+ color : $core-dark-input-login-item-text-color ;
100+ }
101+ }
102+ }
103+
81104 ion-list .core-login-forgotten-password {
82105 margin-top : 0 ;
83106 margin-bottom : 0 ;
@@ -89,6 +112,8 @@ ion-app.app-root page-core-login-site {
89112 @include darkmode () {
90113 background : transparent ;
91114 }
115+
116+ color : $core-login-page-text-color ;
92117 }
93118 }
94119
0 commit comments