SOLR-8090: Make text elements in the UI darker for better contrast and readability

This commit is contained in:
Cassandra Targett 2018-02-15 09:31:07 -06:00
parent 4fb7e3d02c
commit a0c0fb89b2
16 changed files with 69 additions and 76 deletions

View File

@ -288,6 +288,8 @@ Other Changes
* SOLR-3089: RequestBuilder now exposes isDistrib() method. Using this, plugins can know whether a request is
distributed. (Rok Rejc, Frank Wesemann, Abhishek Kumar Singh, Mikhail Khludnev via Ishan Chattopadhyaya)
* SOLR-8090: Make text elements in the UI darker for better contrast and readability (Cassandra Targett)
================== 7.2.1 ==================
Consult the LUCENE_CHANGES.txt file for additional, low level, changes in this release.

View File

@ -70,7 +70,7 @@ limitations under the License.
{
background-image: url( ../../img/ico/question-white.png );
background-position: 0 50%;
color: #c0c0c0;
color: #4D4D4D;
margin-left: 5px;
padding-left: 21px;
}
@ -116,7 +116,7 @@ limitations under the License.
{
background-image: url( ../../img/ico/ui-check-box-uncheck.png );
background-position: 0 50%;
color: #999;
color: #4D4D4D;
display: block;
padding-left: 21px;
}
@ -233,7 +233,7 @@ limitations under the License.
#content #analysis #analysis-result td.part.analyzer abbr
{
color: #c0c0c0;
color: #4D4D4D;
}
#content #analysis #analysis-result td.part.legend .holder,
@ -246,7 +246,7 @@ limitations under the License.
#content #analysis #analysis-result td.part.legend td
{
color: #c0c0c0;
color: #4D4D4D;
}
#content #analysis #analysis-result td.part.legend .holder
@ -260,7 +260,7 @@ limitations under the License.
border-right: 0;
}
#content #analysis #analysis-result td.details
#content #analysis #analysis-result td.details
{
padding-left: 10px;
padding-right: 10px;

View File

@ -214,7 +214,7 @@ limitations under the License.
#content #cloud #file-content #data em
{
color: #c0c0c0;
color: #4d4d4d;
}
#content #cloud #file-content #prop
@ -331,13 +331,13 @@ limitations under the License.
{
color: #C43C35;
stroke: #C43C35;
font-style: italic;
font-style: italic;
}
#content #graph-content .node.recovery_failed text
{
fill: #C43C35;
font-style: italic;
font-style: italic;
}
#content #cloud #legend .down,
@ -359,13 +359,13 @@ limitations under the License.
{
color: #d5dd00;
stroke: #d5dd00;
font-style: italic;
font-style: italic;
}
#content #graph-content .node.recovering text
{
fill: #d5dd00;
font-style: italic;
font-style: italic;
}
#content #cloud #legend .active,
@ -433,4 +433,4 @@ limitations under the License.
#content #graph-content .link.shard-inactive
{
stroke: #e9e9e9;
}
}

View File

@ -68,7 +68,7 @@ limitations under the License.
{
background-image: url( ../../img/ico/information-white.png );
background-position: 22% 1px;
color: #c0c0c0;
color: #4D4D4D;
}
#content #collections .actions form .error
@ -367,4 +367,4 @@ limitations under the License.
#content #collections #shard-data {
float: left;
width: 65%;
}
}

View File

@ -342,7 +342,7 @@ ul
.header-message p
{
color: #c0c0c0;
color: #4D4D4D;
padding-top: 0;
}
@ -587,12 +587,12 @@ pre.syntax .tex .formula
opacity: 0.5;
}
#content .tree li,
#content .tree li,
#content .tree ins
{
background-color: transparent;
background-image: url( ../../img/tree.png );
background-repeat: no-repeat;
background-repeat: no-repeat;
}
#content .tree li
@ -717,7 +717,7 @@ pre.syntax .tex .formula
box-shadow: 1px 1px 0 #f0f0f0;
-moz-box-shadow: 1px 1px 0 #f0f0f0;
-webkit-box-shadow: 1px 1px 0 #f0f0f0;
color: #c0c0c0;
color: #4D4D4D;
display: block;
overflow: hidden;
padding: 5px;
@ -765,4 +765,3 @@ pre.syntax .tex .formula
.other-ui-link a.ul {
text-decoration: underline;
}

View File

@ -68,7 +68,7 @@ limitations under the License.
{
background-image: url( ../../img/ico/information-white.png );
background-position: 22% 1px;
color: #c0c0c0;
color: #4D4D4D;
}
#content #cores .actions form .error

View File

@ -125,7 +125,7 @@ limitations under the License.
{
background-image: url( ../../img/ico/ui-check-box-uncheck.png );
background-position: 0 50%;
color: #c0c0c0;
color: #4D4D4D;
display: block;
padding-left: 21px;
}
@ -156,7 +156,7 @@ limitations under the License.
#content #dataimport #current_state .last_update
{
color: #c0c0c0;
color: #4D4D4D;
font-size: 11px;
}
@ -322,7 +322,7 @@ limitations under the License.
#content #dataimport #config h2 a.debug_mode
{
background-image: url( ../../img/ico/hammer.png );
color: #c0c0c0;
color: #4D4D4D;
}
#content #dataimport #config.debug_mode h2 a.debug_mode
@ -365,6 +365,6 @@ limitations under the License.
#content #dataimport #debug_response em
{
color: #c0c0c0;
color: #4D4D4D;
font-style: normal;
}

View File

@ -19,7 +19,7 @@ limitations under the License.
#content #index .bar-desc
{
color: #c0c0c0;
color: #4D4D4D;
font-weight: normal;
margin-left: 10px;
white-space: pre;
@ -58,7 +58,7 @@ limitations under the License.
#content #index .bar-holder .bar-max.val
{
border-color: #f0f0f0;
color: #d6d6d6;
color: #8D8D8D;
}
#content #index .bar-holder .bar-total.bar
@ -69,7 +69,7 @@ limitations under the License.
#content #index .bar-holder .bar-total.val
{
border-color: #c0c0c0;
color: #c0c0c0;
color: #4D4D4D;
}
#content #index .bar-holder .bar-used.bar
@ -144,7 +144,7 @@ limitations under the License.
#content #index .data li dd.odd
{
color: #999;
background-color: #f0f0f0;
}
#content #index .data dt span
@ -203,7 +203,7 @@ limitations under the License.
#content #index #system .content .no-info
{
color: #c0c0c0;
color: #4D4D4D;
display: none;
font-style: italic;
}

View File

@ -20,7 +20,7 @@ limitations under the License.
#content #java-properties .loader
{
background-position: 0 50%;
padding-left: 21px;
padding-left: 21px;
}
#content #java-properties li
@ -45,8 +45,3 @@ limitations under the License.
float: right;
width: 70%
}
#content #java-properties li dd.odd
{
color: #999;
}

View File

@ -55,7 +55,7 @@ limitations under the License.
{
background-position: 0 50%;
float: left;
color: #8D8D8D;
color: #4D4D4D;
width: 45%;
}
@ -68,7 +68,7 @@ limitations under the License.
{
background-image: url( ../../img/ico/ui-check-box-uncheck.png );
background-position: 0 50%;
color: #8D8D8D;
color: #4D4D4D;
display: block;
padding-left: 21px;
}
@ -177,7 +177,7 @@ limitations under the License.
#content #logging #viewer tfoot td
{
color: #8D8D8D;
color: #4D4D4D;
}
#content #logging .jstree > li

View File

@ -71,7 +71,7 @@ limitations under the License.
#core-selector #has-no-cores span,
#collection-selector #has-no-collections span
{
color: #c0c0c0;
color: #8D8D8D;
display: block;
}
@ -220,7 +220,6 @@ limitations under the License.
{
background-position: 7px 50%;
border-bottom: 1px solid #f0f0f0;
color: #bbb;
margin-left: 15px;
padding-left: 26px;
}
@ -243,7 +242,7 @@ limitations under the License.
{
background-color: #d0d0d0;
border-color: #d0d0d0;
color: #333;
color: #FFF;
}
#menu #index.global p a { background-image: url( ../../img/ico/dashboard.png ); }
@ -267,7 +266,7 @@ limitations under the License.
.sub-menu .ping.error a
{
background-color: #ffcccc;
background-image: url( ../../img/ico/system-monitor--exclamation.png );
border-color: #ffcccc;

View File

@ -34,7 +34,7 @@ limitations under the License.
#content #plugins #navigation .PLUGINCHANGES a { background-image: url( ../../img/ico/eye.png ); }
#content #plugins #navigation .RELOAD a { background-image: url( ../../img/ico/arrow-circle.png ); }
#content #plugins #navigation .NOTE { margin-top: 20px; }
#content #plugins #navigation .NOTE p { color: #c0c0c0; font-style: italic; }
#content #plugins #navigation .NOTE p { color: #4D4D4D; font-style: italic; }
#content #plugins #navigation a

View File

@ -126,7 +126,7 @@ limitations under the License.
#content #replication #progress #eta .info
{
color: #c0c0c0;
color: #4D4D4D;
height: 30px;
line-height: 30px;
padding-top: 0;
@ -135,7 +135,7 @@ limitations under the License.
#content #replication #progress #speed
{
color: #c0c0c0;
color: #4D4D4D;
position: absolute;
right: 100px;
top: 0;
@ -143,7 +143,7 @@ limitations under the License.
#content #replication #progress #bar #done
{
background-color: #c0c0c0;
background-color: #4D4D4D;
box-shadow: 5px 5px 10px #c0c0c0;
-moz-box-shadow: 5px 5px 10px #c0c0c0;
-webkit-box-shadow: 5px 5px 10px #c0c0c0;
@ -206,7 +206,7 @@ limitations under the License.
#content #replication #current-file .progress
{
color: #c0c0c0;
color: #4D4D4D;
margin-left: 20px;
}
@ -273,7 +273,7 @@ limitations under the License.
#content #replication #iterations .iterations a span
{
background-position: 0 50%;
color: #c0c0c0;
color: #4D4D4D;
padding-left: 21px;
}
@ -307,7 +307,7 @@ limitations under the License.
#content #replication #details table thead th
{
color: #c0c0c0;
color: #4D4D4D;
}
#content #replication #details table thead th,
@ -440,7 +440,7 @@ limitations under the License.
#content #replication .timer p .approx
{
color: #c0c0c0;
color: #4D4D4D;
margin-right: 1px;
}
@ -451,7 +451,7 @@ limitations under the License.
#content #replication .timer small
{
color: #c0c0c0;
color: #4D4D4D;
}
#content #replication #navigation button

View File

@ -20,7 +20,7 @@ limitations under the License.
#content #schema .loader
{
background-position: 0 50%;
padding-left: 21px;
padding-left: 21px;
}
#content #schema.loaded
@ -76,7 +76,7 @@ limitations under the License.
#content #schema #related dl dt,
#content #schema #related dl dd a
{
color: #c0c0c0;
color: #4D4D4D;
}
#content #schema #related dl dt
@ -167,7 +167,7 @@ limitations under the License.
#content #schema #data #field .field-options .flags thead td
{
color: #c0c0c0;
color: #4D4D4D;
padding-right: 5px;
width: 100px;
}
@ -210,7 +210,7 @@ limitations under the License.
#content #schema #data #field .field-options .flags tbody .text
{
color: #c0c0c0;
color: #4D4D4D;
}
#content #schema #data #field .field-options .analyzer,
@ -305,7 +305,7 @@ limitations under the License.
#content #schema #data #field .field-options .analyzer ul p
{
color: #999;
color: #4D4D4D;
margin-right: 5px;
text-align: right;
width: 70px;
@ -320,7 +320,7 @@ limitations under the License.
{
background-image: url( ../../img/ico/document-list.png );
background-position: 0 50%;
color: #c0c0c0;
color: #4D4D4D;
padding-left: 21px;
}
@ -382,7 +382,7 @@ limitations under the License.
{
background-image: url( ../../img/ico/ui-check-box-uncheck.png );
background-position: 0 50%;
color: #c0c0c0;
color: #8D8D8D;
display: block;
margin-top: 10px;
padding-left: 21px;
@ -418,7 +418,7 @@ limitations under the License.
#content #schema #data #field .topterms-holder .head .max-holder
{
color: #c0c0c0;
color: #4D4D4D;
}
#content #schema #data #field .topterms-holder .head .max-holder:hover .max
@ -430,7 +430,7 @@ limitations under the License.
{
background-image: url( ../../img/ico/question-white.png );
background-position: 0 50%;
color: #c0c0c0;
color: #4D4D4D;
padding-left: 21px;
margin-left: 5px;
}
@ -724,4 +724,4 @@ limitations under the License.
#content #schema dd.similarity.ng-binding:hover::after {
opacity: 90;
bottom: -20px;
}
}

View File

@ -32,7 +32,7 @@ limitations under the License.
position: absolute;
right: 10px;
top: 10px;
width: 30px;
width: 30px;
}
#content #segments .reload.loader
@ -46,7 +46,7 @@ limitations under the License.
}
#content #segments #result
{
{
width: 77%;
}
@ -66,7 +66,7 @@ limitations under the License.
#content #segments .segments-holder li .tooltip {
display: none;
background: #C8C8C8;
background: #f0f0f0;
position: absolute;
z-index: 1000;
width:220px;
@ -80,15 +80,15 @@ limitations under the License.
#content #segments .segments-holder li .tooltip .label {
float: left;
width: 20%;
width: 20%;
opacity: 1;
}
#content #segments .segments-holder li:hover .tooltip {
display:block;
display:block;
}
#content #segments .segments-holder li dl,
#content #segments .segments-holder li dl,
#content #segments .segments-holder li dt {
padding-bottom: 1px;
padding-top: 1px;
@ -97,7 +97,7 @@ limitations under the License.
min-width: 1px;
}
#content #segments .segments-holder li dt {
color: #a0a0a0;
color: #4D4D4D;
left: -45px;
overflow: hidden;
position: absolute;
@ -117,13 +117,13 @@ limitations under the License.
}
#content #segments .segments-holder li dd div.deleted {
background-color: #808080;
padding-left: 5px;
background-color: #808080;
padding-left: 5px;
}
#content #segments .segments-holder li dd div.live {
background-color: #DDDDDD;
float: left;
float: left;
}
#content #segments .segments-holder li dd div.start {
@ -157,7 +157,7 @@ limitations under the License.
#content #segments #auto-refresh a {
background-image: url( ../../img/ico/ui-check-box-uncheck.png );
background-position: 0 50%;
color: #c0c0c0;
color: #4D4D4D;
display: block;
padding-left: 21px;
}
@ -170,4 +170,3 @@ limitations under the License.
#content #segments #auto-refresh a.on {
background-image: url( ../../img/ico/ui-check-box.png );
}

View File

@ -96,14 +96,14 @@ limitations under the License.
}
#content #threads #thread-dump tbody .stacktrace .name a span
{
{
background-image: url( ../../img/ico/chevron-small-expand.png );
background-position: 100% 50%;
padding-right: 21px;
}
#content #threads #thread-dump tbody .stacktrace.open .name a span
{
{
background-image: url( ../../img/ico/chevron-small.png );
}
@ -111,7 +111,7 @@ limitations under the License.
{
background-image: url( ../../img/ico/arrow-000-small.png );
background-position: 0 50%;
color: #c0c0c0;
color: #4D4D4D;
font-size: 11px;
margin-left: 21px;
padding-left: 21px;
@ -158,4 +158,3 @@ limitations under the License.
{
background-image: url( ../../img/ico/chevron-small.png );
}