AGentooCat/i2p.i2p
1
0
Fork 0
forked from I2P_Developers/i2p.i2p
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve appearance of textareas and inputs when the text inside is highlighed, on the i2ptunnel dark theme

Browse Source
This commit is contained in:
hankhill19580
2020-06-26 22:08:16 +00:00
parent 39f3e3a92c
commit aadc9a13aa
1 changed files with 9 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
installer/resources/themes/i2ptunnel/dark/i2ptunnel.css
View File

@@ -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 {