sergiotarxz
/
Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
This commit is contained in:
Jonathan Desrosiers 2018-12-18 22:10:37 +00:00
parent 2e50e8753e
commit ee12f146d6
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/wp-content/themes/twentyten/blocks.css
View File

@ -204,42 +204,52 @@ p.has-drop-cap:not(:focus)::first-letter {
6.0 Blocks - Colors 6.0 Blocks - Colors
--------------------------------------------------------------*/ --------------------------------------------------------------*/
.has-blue-color { .has-blue-color,
.has-blue-color:visited {
color: #0066cc; color: #0066cc;
} }
.has-blue-background-color { .has-blue-background-color,
.has-blue-background-color:visited {
background-color: #0066cc; background-color: #0066cc;
} }
.has-black-color { .has-black-color,
.has-black-color:visited {
color: #000; color: #000;
} }
.has-black-background-color { .has-black-background-color,
.has-black-background-color:visited {
background-color: #000; background-color: #000;
} }
.has-medium-gray-color { .has-medium-gray-color,
.has-medium-gray-color:visited {
color: #666; color: #666;
} }
.has-medium-gray-background-color { .has-medium-gray-background-color,
.has-medium-gray-background-color:visited {
background-color: #666; background-color: #666;
} }
.has-light-gray-color { .has-light-gray-color,
.has-light-gray-color:visited {
color: #f1f1f1; color: #f1f1f1;
} }
.has-light-gray-background-color { .has-light-gray-background-color,
.has-light-gray-background-color:visited {
background-color: #f1f1f1; background-color: #f1f1f1;
} }
.has-white-color { .has-white-color,
.has-white-color:visited {
color: #fff; color: #fff;
} }
.has-white-background-color { .has-white-background-color,
.has-white-background-color:visited {
background-color: #fff; background-color: #fff;
} }