From ee12f146d6215d5ba883c6374a27ed2788556cc4 Mon Sep 17 00:00:00 2001 From: Jonathan Desrosiers Date: Tue, 18 Dec 2018 22:10:37 +0000 Subject: [PATCH] Twenty Ten: Custom colors should override :visited link styles on blocks. Make sure the block editor custom colors in the theme also override the theme's `:visited` link styles. This prevents contrast issues, like in the button block -- when the background is dark, the purple `:visited` link can be difficult to read. Props laurelfulford. Merges [44188] into trunk. Fixes #45434. git-svn-id: https://develop.svn.wordpress.org/trunk@44299 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentyten/blocks.css | 30 ++++++++++++++-------- 1 file changed, 20 insertions(+), 10 deletions(-) diff --git a/src/wp-content/themes/twentyten/blocks.css b/src/wp-content/themes/twentyten/blocks.css index c09da9f426..25d08e9e1a 100644 --- a/src/wp-content/themes/twentyten/blocks.css +++ b/src/wp-content/themes/twentyten/blocks.css @@ -204,42 +204,52 @@ p.has-drop-cap:not(:focus)::first-letter { 6.0 Blocks - Colors --------------------------------------------------------------*/ -.has-blue-color { +.has-blue-color, +.has-blue-color:visited { color: #0066cc; } -.has-blue-background-color { +.has-blue-background-color, +.has-blue-background-color:visited { background-color: #0066cc; } -.has-black-color { +.has-black-color, +.has-black-color:visited { color: #000; } -.has-black-background-color { +.has-black-background-color, +.has-black-background-color:visited { background-color: #000; } -.has-medium-gray-color { +.has-medium-gray-color, +.has-medium-gray-color:visited { color: #666; } -.has-medium-gray-background-color { +.has-medium-gray-background-color, +.has-medium-gray-background-color:visited { background-color: #666; } -.has-light-gray-color { +.has-light-gray-color, +.has-light-gray-color:visited { color: #f1f1f1; } -.has-light-gray-background-color { +.has-light-gray-background-color, +.has-light-gray-background-color:visited { background-color: #f1f1f1; } -.has-white-color { +.has-white-color, +.has-white-color:visited { color: #fff; } -.has-white-background-color { +.has-white-background-color, +.has-white-background-color:visited { background-color: #fff; }