@@ -615,7 +615,7 @@
- Register
+Register a new account
diff --git a/js/views/standalone_registration_view.js b/js/views/standalone_registration_view.js
index 44a98181d..248091681 100644
--- a/js/views/standalone_registration_view.js
+++ b/js/views/standalone_registration_view.js
@@ -10,7 +10,7 @@
Whisper.StandaloneRegistrationView = Whisper.View.extend({
templateName: 'standalone',
- className: 'full-screen-flow',
+ className: 'full-screen-flow standalone-fullscreen',
initialize() {
this.accountManager = getAccountManager();
diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index 402a60786..49aad94e2 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -800,7 +800,22 @@ textarea {
}
}
+.standalone-fullscreen {
+ background: $color-dark-85;
+}
+
#standalone {
+ color: $color-dark-05;
+ height: auto;
+
+ ::-webkit-scrollbar-track {
+ background: $color-dark-85;
+ }
+
+ ::-webkit-scrollbar-thumb {
+ border: 2px solid $color-dark-85;
+ }
+
.step-body {
width: 80%;
min-width: 100px;
@@ -808,12 +823,12 @@ textarea {
}
.section-toggle {
- background: $color-gray-05;
+ background: $color-dark-75;
}
.section-content {
padding: 1em 0;
- background-color: $color-gray-02;
+ background-color: $color-dark-72;
}
#status {
@@ -834,10 +849,21 @@ textarea {
}
}
+ input {
+ border: 1px solid $color-light-60;
+ color: $color-dark-05;
+ background-color: $color-gray-95;
+
+ &:focus {
+ outline: solid 1px $blue;
+ }
+ }
+
#mnemonic-display {
margin: 8px;
margin-top: 0;
font-size: 16px;
+ font-style: italic;
}
}
diff --git a/stylesheets/_variables.scss b/stylesheets/_variables.scss
index 3d0ba7ba7..a07d35b5b 100644
--- a/stylesheets/_variables.scss
+++ b/stylesheets/_variables.scss
@@ -114,6 +114,7 @@ $color-dark-30: #a8a9aa;
$color-dark-55: #88898c;
$color-dark-60: #797a7c;
$color-dark-70: #414347;
+$color-dark-72: #31343c;
$color-dark-75: #292c33;
$color-dark-85: #1a1c20;
$color-dark-90: #121417;