[wp-trac] [WordPress Trac] #56604: Dark blue closing cross over the black background in plugins page

[WordPress Trac]

#56604: Dark blue closing cross over the black background in plugins page
-------------------------+-------------------------------------------------
 Reporter:  dperonne     |       Owner:  (none)
     Type:  defect       |      Status:  new
  (bug)                  |
 Priority:  normal       |   Milestone:  Awaiting Review
Component:  Plugins      |     Version:
 Severity:  normal       |  Resolution:
 Keywords:               |     Focuses:  ui, accessibility, css,
                         |  administration
-------------------------+-------------------------------------------------
Changes (by sabernhardt):

 * focuses:  ui => ui, accessibility, css, administration
 * type:  enhancement => defect (bug)
 * severity:  trivial => normal
 * version:  trunk =>


Comment:

 Hi and thanks for the report!

 The hover/focus blue does not have enough contrast against the dark
 background.

 {{{
 .plugin-details-modal #TB_closeWindowButton:hover,
 .plugin-details-modal #TB_closeWindowButton:focus {
   color: #135e96;
   outline: none;
   box-shadow: none;
 }
 }}}

 One option is replacing the color change with a light outline and editing
 the button width (the icon would still be the light gray):

 {{{
 .plugin-details-modal #TB_closeWindowButton {
   padding-right: 3px;
   width: 32px;
   right: -34px;
 }
 .plugin-details-modal #TB_closeWindowButton:hover,
 .plugin-details-modal #TB_closeWindowButton:focus {
   outline: 2px solid #f0f0f1;
   outline-offset: -2px;
 }
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/56604#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform