Colores botón switch

static/css/app.css

@@ -159,11 +159,12 @@ button{
 }
 
 .input-box {
-    background: #222f3d;
+    background: #dddddd;
     margin: 10px 0;
     height: 30px;
     display: flex;
     border-radius: 5px;
+    
 }
 
 .input-box textarea,
@@ -192,7 +193,7 @@ button{
     background-color: #ddd;
     background-repeat: no-repeat;
     background-position: center;
-    border-left: solid 1px #555;
+    /* border-left: solid 1px #555; */
 }
 .input-box .input-send {
     background-image: url(/static/img/send.png);

static/css/switch.css

@@ -18,7 +18,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: #ccc;
+  background-color: #a1a1a1;
   -webkit-transition: .4s;
   transition: .4s;
 }
@@ -36,17 +36,18 @@
 }
 
 input:checked+.slider {
-  background-color: #2196F3;
+  background-color: #f28150;
 }
 
 input:focus+.slider {
-  box-shadow: 0 0 1px #2196F3;
+  box-shadow: 0 0 1px #f28150;
 }
 
 input:checked+.slider:before {
   -webkit-transform: translateX(23px);
   -ms-transform: translateX(23px);
   transform: translateX(23px);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 5.5);
 }
 
 .slider.round {
@@ -55,4 +56,14 @@ input:checked+.slider:before {
 
 .slider.round:before {
   border-radius: 50%;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 5.5);
+}
+
+.switch, textarea:disabled {
+  background: #8b8b8b;
+}
+
+.slider,
+textarea:disabled {
+  background-color: #8b8b8b !important;
 }