diff --git a/wp-admin/css/colors-classic.dev.css b/wp-admin/css/colors-classic.dev.css index ee757c6ba2..a9d162304b 100644 --- a/wp-admin/css/colors-classic.dev.css +++ b/wp-admin/css/colors-classic.dev.css @@ -2056,20 +2056,35 @@ body.press-this ul.category-tabs li.tabs a { color: #333; } +.view-switch #view-switch-list, +.view-switch #view-switch-excerpt { + background-color: transparent; + background-image: url('../images/list.png'); + background-repeat: no-repeat; +} + .view-switch #view-switch-list { - background: transparent url(../images/list.png) no-repeat 0 0; + background-position: 0 0; } .view-switch .current #view-switch-list { - background: transparent url(../images/list.png) no-repeat -40px 0; + background-position: -40px 0; } .view-switch #view-switch-excerpt { - background: transparent url(../images/list.png) no-repeat -20px 0; + background-position: -20px 0; } .view-switch .current #view-switch-excerpt { - background: transparent url(../images/list.png) no-repeat -60px 0; + background-position: -60px 0; +} + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { + .view-switch #view-switch-list, + .view-switch #view-switch-excerpt { + background-image: url('../images/list-2x.png'); + background-size: 80px 20px; + } } #header-logo { diff --git a/wp-admin/css/colors-fresh.dev.css b/wp-admin/css/colors-fresh.dev.css index 1d9332e673..b18fefb4e4 100644 --- a/wp-admin/css/colors-fresh.dev.css +++ b/wp-admin/css/colors-fresh.dev.css @@ -1672,20 +1672,35 @@ body.press-this ul.category-tabs li.tabs a { color: #333; } +.view-switch #view-switch-list, +.view-switch #view-switch-excerpt { + background-color: transparent; + background-image: url('../images/list.png'); + background-repeat: no-repeat; +} + .view-switch #view-switch-list { - background: transparent url(../images/list.png) no-repeat 0 0; + background-position: 0 0; } .view-switch .current #view-switch-list { - background: transparent url(../images/list.png) no-repeat -40px 0; + background-position: -40px 0; } .view-switch #view-switch-excerpt { - background: transparent url(../images/list.png) no-repeat -20px 0; + background-position: -20px 0; } .view-switch .current #view-switch-excerpt { - background: transparent url(../images/list.png) no-repeat -60px 0; + background-position: -60px 0; +} + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { + .view-switch #view-switch-list, + .view-switch #view-switch-excerpt { + background-image: url('../images/list-2x.png'); + background-size: 80px 20px; + } } #header-logo { diff --git a/wp-admin/images/list-2x.png b/wp-admin/images/list-2x.png new file mode 100644 index 0000000000..27a67b8699 Binary files /dev/null and b/wp-admin/images/list-2x.png differ