3 files changed, 28 insertions, 14 deletions
diff --git a/app/src/main/assets/core/_colors.scss b/app/src/main/assets/core/_colors.scss
index 456cce17..718c1e62 100644
--- a/app/src/main/assets/core/_colors.scss
+++ b/app/src/main/assets/core/_colors.scss
@@ -1,4 +1,11 @@
+$transparent: transparent !default;
+
+//Keep above as first line so partials aren't compiled
+
+//$text: #f0f;
+//$background: #f00;
+//$background2: rgba(#ff0, 0.1);
+
 $text: #fff !default;
 $background: #000 !default;
-$background2: #111 !default;
-$transparent: transparent !default;
+$background2: rgba(lighten($background, 10%), 0.1) !default;
diff --git a/app/src/main/assets/core/login.compact.css b/app/src/main/assets/core/login.compact.css
index d0aa315e..4a99bbf3 100644
--- a/app/src/main/assets/core/login.compact.css
+++ b/app/src/main/assets/core/login.compact.css
@@ -1,23 +1,25 @@
 [data-sigil="m_login_upsell"] { display: none !important; }
 
-body, #root, #header, .aclb, ._55wo, ._1upc, input { background: #000 !important; }
+body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r { background: #f00 !important; }
 
-button::before, ._56be::before, .btnS, .touch::before { background: #111 !important; }
+button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before, ._5xo2, ._5u5a::before { background: rgba(255, 51, 51, 0.1) !important; }
 
 ._56bf, .touch .btn { border-radius: 0 !important; border: 0 !important; }
 
+.touch ._56bt { text-shadow: none !important; }
+
 .touch .btnS { box-shadow: none !important; }
 
-input, ._43mh, .touch .btn, a, .fcg, button, ._52j9 { color: #fff !important; }
+input, ._43mh, .touch .btn, a, .fcg, button, ._52j9, ._52jb, h1, h2, h3, h4, h5, h6 { color: #f0f !important; }
 
-::-webkit-input-placeholder { color: #fff !important; }
+::-webkit-input-placeholder { color: #f0f !important; }
 
-:-moz-placeholder { color: #fff !important; }
+:-moz-placeholder { color: #f0f !important; }
 
-::-moz-placeholder { color: #fff !important; }
+::-moz-placeholder { color: #f0f !important; }
 
-:-ms-input-placeholder { color: #fff !important; }
+:-ms-input-placeholder { color: #f0f !important; }
 
-._43mh::before, ._43mh::after { background: #fff !important; }
+._43mh::before, ._43mh::after { background: #f0f !important; }
 
-._1rrd { border: 1px solid #fff !important; color: #fff !important; }
+._1rrd { border: 1px solid #f0f !important; color: #f0f !important; }
diff --git a/app/src/main/assets/core/login.scss b/app/src/main/assets/core/login.scss
index 427640fc..00627838 100644
--- a/app/src/main/assets/core/login.scss
+++ b/app/src/main/assets/core/login.scss
@@ -6,11 +6,12 @@
   display: none !important;
 }
 
-body, #root, #header, .aclb, ._55wo, ._1upc, input {
+body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r {
   background: $background !important;
 }
 
-button::before, ._56be::before, .btnS, .touch::before {
+button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before,
+._5xo2, ._5u5a::before {
   background: $background2 !important;
 }
 
@@ -19,11 +20,15 @@ button::before, ._56be::before, .btnS, .touch::before {
   border: 0 !important;
 }
 
+.touch ._56bt {
+  text-shadow: none !important;
+}
+
 .touch .btnS {
   box-shadow: none !important;
 }
 
-input, ._43mh, .touch .btn, a, .fcg, button, ._52j9 {
+input, ._43mh, .touch .btn, a, .fcg, button, ._52j9, ._52jb, h1, h2, h3, h4, h5, h6 {
   color: $text !important;
 }