Add CSS for dark and black schemes for the login form

diff --git a/view/theme/frio/scheme/black.css b/view/theme/frio/scheme/black.css
index 561f708a81b312951bdea12833b84a650dcbe7d2..3fdad1dd582a50fea57f21bfe709baa1c5c8cc2e 100644 (file)
--- a/view/theme/frio/scheme/black.css
+++ b/view/theme/frio/scheme/black.css
@@ -259,6 +259,30 @@ input[type="submit"],
        color: #f2dede;
 }
 
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+       .mod-home.is-not-singleuser .login-form > #login-form,
+       .mod-home.is-not-singleuser .login-form > #login-extra-links,
+       .mod-login #content #login-form {
+               background-color: $background_color;
+       }
+
+       .mod-home.is-not-singleuser .login-form > #login-form label,
+       .mod-login #content #login-form label {
+               color: $font_color;
+       }
+
+       .mod-home.is-not-singleuser .login-form::before,
+       .mod-login #content #login-form::before {
+               background-color: rgba(0, 0, 0, 0.2);
+       }
+
+       .mod-home.is-not-singleuser .login-form::after,
+       .mod-login #content #login-form::after {
+               background-color: rgba(0, 0, 0, 0.3);
+       }
+}
+
 @media (min-width: 768px) {
        .wall-item-container .wall-item-links,
        .wall-item-container .wall-item-actions button > a {

diff --git a/view/theme/frio/scheme/dark.css b/view/theme/frio/scheme/dark.css
index 434681c5587a3e49e33eece3020e7c9f3b999631..eedb28f756c7d40e716809b450898984c218cd2c 100644 (file)
--- a/view/theme/frio/scheme/dark.css
+++ b/view/theme/frio/scheme/dark.css
@@ -248,6 +248,30 @@ input[type="submit"],
        color: #f2dede;
 }
 
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+       .mod-home.is-not-singleuser .login-form > #login-form,
+       .mod-home.is-not-singleuser .login-form > #login-extra-links,
+       .mod-login #content #login-form {
+               background-color: $background_color;
+       }
+
+       .mod-home.is-not-singleuser .login-form > #login-form label,
+       .mod-login #content #login-form label {
+               color: $font_color;
+       }
+
+       .mod-home.is-not-singleuser .login-form::before,
+       .mod-login #content #login-form::before {
+               background-color: rgba(7, 34, 48, 0.25);
+       }
+
+       .mod-home.is-not-singleuser .login-form::after,
+       .mod-login #content #login-form::after {
+               background-color: rgba(7, 34, 48, 0.35);
+       }
+}
+
 @media (min-width: 768px) {
        .wall-item-container .wall-item-links,
        .wall-item-container .wall-item-actions button > a {