From aadc9a13aa4db9e70706e45de5e3ca0d455ccb59 Mon Sep 17 00:00:00 2001
From: hankhill19580 <hankhill19580@gmail.com>
Date: Fri, 26 Jun 2020 22:08:16 +0000
Subject: [PATCH] improve appearance of textareas and inputs when the text
 inside is highlighed, on the i2ptunnel dark theme

---
 .../themes/i2ptunnel/dark/i2ptunnel.css       | 28 ++++++-------------
 1 file changed, 9 insertions(+), 19 deletions(-)

diff --git a/installer/resources/themes/i2ptunnel/dark/i2ptunnel.css b/installer/resources/themes/i2ptunnel/dark/i2ptunnel.css
index a17cf8c3a4..4dbf1893f7 100644
--- a/installer/resources/themes/i2ptunnel/dark/i2ptunnel.css
+++ b/installer/resources/themes/i2ptunnel/dark/i2ptunnel.css
@@ -484,7 +484,7 @@ textarea:focus {
 
 textarea#statusMessages, textarea#statusMessages:active, textarea#statusMessages:focus {
      background: #000;
-     /*background: linear-gradient(to bottom, #000 0%, #010 100%) !important;*/
+     background: linear-gradient(to bottom, #000 0%, #010 100%) !important;
      box-shadow: inset 0 0 3px 3px #000 !important;
      margin: 0;
      border: 0;
@@ -507,7 +507,6 @@ _:-ms-lang(x), textarea#statusMessages, textarea#statusMessages:active, textarea
      border: 1px solid #433e47;
      padding: 4px;
      font: 8.5pt "Droid Sans Mono", "Noto Mono", "Lucida Console", "DejaVu Sans Mono", monospace;
-     background: #fff;
      color: #333;
      border-radius: 2px;
      box-shadow: inset 2px 2px 1px #ccc;
@@ -544,7 +543,7 @@ input, select, button, a {
 }
 
 input {
-     background-color: #020;
+     background-color: #1f1a24;
      color: #e6e6e7;
      margin: 0 2px 0 2px;
      font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Lucida Grande", Helvetica, sans-serif;
@@ -569,14 +568,12 @@ input[type="checkbox"], input[type="radio"] {
      margin: 0;
      background: none;
      filter: invert(100%) sepia(100%);
-     /* hue-rotate(70deg) saturate(200%); colorize radios and checkboxes */
 }
 
 input[type="checkbox"]:hover, input[type="radio"]:hover,
 input[type="checkbox"]:focus, input[type="radio"]:focus  {
      outline: none;
      filter: invert(100%) sepia(100%);
-     /* hue-rotate(70deg) saturate(200%) drop-shadow(0 0 3px #da736b);*/
 }
 
 label {
@@ -588,8 +585,6 @@ input[type="password"] {
 }
 
 input[type="text"], input[type="password"], textarea, textarea[readonly="readonly"]:focus  {
-     background: #000;
-     /*background: linear-gradient(to bottom, #000 0%, #010 100%);*/
      box-shadow: inset 0 0 3px 3px #000;
      filter: none;
      color: #e6e6e7;
@@ -601,14 +596,12 @@ textarea[readonly="readonly"]:focus {
 
 input[type="text"]:focus, input[type="password"]:focus {
      color: #e6e6e7;
-     background: #000;
      filter: drop-shadow(0 0 1px #880);
      transition: ease filter 0.3s 0s;
 }
 
 input[readonly="readonly"]:focus {
      filter: none;
-     /*background: linear-gradient(to bottom, #000 0%, #010 100%) !important;*/
 }
 
 a.control, input.control {
@@ -624,7 +617,6 @@ a.control, input.control {
      font-size: 8pt;
      font-weight: bold;
      background: #1F1A24;
-     /*background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;*/
      color: #494 !important;
      border: 1px solid #8b8;
      border-bottom: 1px solid #171;
@@ -642,8 +634,6 @@ a.control, input.control {
 
 .control:link {
      color: #e6e6e7 !important;
-     /*background: #000 !important;
-     background: linear-gradient(to bottom, #020 0%, #000 20%, #000 80%, #010 100%) !important;*/
 }
 
 .control:hover {
@@ -965,19 +955,21 @@ input.tunnelName, input.tunnelDescriptionText, #userAgents {
 }
 
 .username {
-     background: url(/themes/console/images/buttons/user.png) 3px center no-repeat, linear-gradient(to bottom, #000 0%, #010 100%) !important;
+     background: #1f1a24 url(/themes/console/images/buttons/user.png) 3px center no-repeat !important;
+     /*, linear-gradient(to bottom, #000 0%, #010 100%) !important;*/
 }
 
 .password {
-     background: url(/themes/console/images/buttons/password.png) 3px center no-repeat, linear-gradient(to bottom, #000 0%, #010 100%) !important;
+     background: #1f1a24 url(/themes/console/images/buttons/password.png) 3px center no-repeat !important;
+     /* linear-gradient(to bottom, #000 0%, #010 100%) !important;*/
 }
 
 .username:focus {
-     background: #000 url(/themes/console/images/buttons/user.png) 3px center no-repeat !important;
+     background: url(/themes/console/images/buttons/user.png) 3px center no-repeat !important;
 }
 
 .password:focus {
-     background: #000 url(/themes/console/images/buttons/password.png) 3px center no-repeat !important;
+     background: url(/themes/console/images/buttons/password.png) 3px center no-repeat !important;
 }
 
 .proxyList {
@@ -1259,10 +1251,8 @@ input[type="text"] + label {
      -ms-user-select: all;
      user-select: all;
      border: 1px solid #494;
-     background: #000;
-     background: linear-gradient(to bottom, #000 0%, #010 100%);
      border-radius: 2px;
-     box-shadow: inset 0 0 0 1px #000;
+     box-shadow: inset 0 0 3px 3px #000;
 }
 
 .displayText:hover, .displayText:focus {
-- 
GitLab