fix theme of unlock settings with password

js/modules/signal.js

@@ -107,18 +107,12 @@ const {
   MessageDetail,
 } = require('../../ts/components/conversation/MessageDetail');
 const { Quote } = require('../../ts/components/conversation/Quote');
-const {
-  ResetSessionNotification,
-} = require('../../ts/components/conversation/ResetSessionNotification');
 const {
   TimerNotification,
 } = require('../../ts/components/conversation/TimerNotification');
 const {
   TypingBubble,
 } = require('../../ts/components/conversation/TypingBubble');
-const {
-  VerificationNotification,
-} = require('../../ts/components/conversation/VerificationNotification');
 
 // State
 const { createLeftPane } = require('../../ts/state/roots/createLeftPane');
@@ -297,13 +291,11 @@ exports.setup = (options = {}) => {
     MessageBody,
     MessageDetail,
     Quote,
-    ResetSessionNotification,
     TimerNotification,
     Types: {
       Message: MediaGalleryMessage,
     },
     TypingBubble,
-    VerificationNotification,
   };
 
   const Roots = {

js/views/conversation_view.js

@@ -12,7 +12,7 @@
 */
 
 // eslint-disable-next-line func-names
-(function () {
+(function() {
   'use strict';
 
   window.Whisper = window.Whisper || {};

js/views/message_view.js

@@ -42,19 +42,6 @@
       this.onUnload();
     },
     getRenderInfo() {
-      const { Components } = window.Signal;
-
-      if (this.model.propsForVerificationNotification) {
-        return {
-          Component: Components.VerificationNotification,
-          props: this.model.propsForVerificationNotification,
-        };
-      } else if (this.model.isSessionRestoration()) {
-        return {
-          Component: Components.ResetSessionNotification,
-          props: this.model.getPropsForResetSessionNotification(),
-        };
-      }
       return null;
     },
     render() {

stylesheets/_session.scss

@@ -1121,7 +1121,10 @@ label {
       max-width: 90%;
       width: 600px;
 
-      background-color: $session-shade-4;
+      @include themify($themes) {
+        background: themed('composeViewBackground');
+        color: themed('textColor');
+      }
       border: 1px solid $session-shade-8;
       border-radius: 5px;
 
@@ -1132,8 +1135,10 @@ label {
 
       input {
         width: 100%;
-        color: $session-color-white;
+        @include themify($themes) {
-        background-color: $session-shade-7;
+          background: themed('inputBackground');
+          color: themed('textColor');
+        }
         padding: $session-margin-xs $session-margin-md;
         margin-bottom: $session-margin-lg;
         outline: none;

ts/components/conversation/VerificationNotification.tsx

@@ -13,14 +13,19 @@ interface Contact {
 }
 
 type Props = {
+  // tslint:disable: react-unused-props-and-state
   type: 'markVerified' | 'markNotVerified';
   isLocal: boolean;
   contact: Contact;
 };
 
 export const VerificationNotification = (props: Props) => {
+  const { type } = props;
+  const suffix =
+    type === 'markVerified' ? 'mark-verified' : 'mark-not-verified';
+
   const getStringId = () => {
-    const { isLocal, type } = props;
+    const { isLocal } = props;
 
     switch (type) {
       case 'markVerified':
@@ -60,10 +65,6 @@ export const VerificationNotification = (props: Props) => {
     );
   };
 
-  const { type } = props;
-  const suffix =
-    type === 'markVerified' ? 'mark-verified' : 'mark-not-verified';
-
   return (
     <div className="module-verification-notification">
       <div className={`module-verification-notification__icon--${suffix}`} />

ts/window.d.ts

@@ -12,7 +12,7 @@ import { LibTextsecure } from '../libtextsecure';
 import { ConversationType } from '../js/modules/data';
 import { RecoveryPhraseUtil } from '../libloki/modules/mnemonic';
 import { ConfirmationDialogParams } from '../background';
-import { } from 'styled-components/cssprop';
+import {} from 'styled-components/cssprop';
 
 import { ConversationControllerType } from '../js/ConversationController';
 import { any } from 'underscore';