wpcom-colors.php 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  1. <?php
  2. /* Custom Colors: Photos */
  3. //#fff White content background color
  4. add_color_rule( 'bg', '#fff', array(
  5. //No contrast
  6. array( 'body', 'background-color' ), //body background
  7. array( '.infinite-container', 'background-color' ), //infinite footer background
  8. ) );
  9. //Red main accent, used for links, headings, and buttons
  10. add_color_rule( 'link', '#d63031', array(
  11. //No contrast
  12. array( 'mark,
  13. ins,
  14. .nav-links .arrow a:hover,
  15. .widget_blog_subscription input[type="submit"]:active,
  16. .widget_blog_subscription input[type="submit"]:focus,
  17. .widget_blog_subscription input[type="submit"]:hover,
  18. .milestone-widget .milestone-header,
  19. .site-main .post-no-thumbnail,
  20. div#jp-relatedposts div.jp-relatedposts-post-nothumbs a.jp-relatedposts-post-a,
  21. .comment-reply-link:focus,
  22. .comment-reply-link:hover,
  23. .comment-form .submit:focus,
  24. .comment-form .submit:hover,
  25. .bypostauthor > .comment-body .fn,
  26. #infinite-handle span button:focus,
  27. #infinite-handle span button:hover', 'background-color' ),
  28. array( 'blockquote', 'border-color' ),
  29. //Needs contrast against bg (content background color)
  30. array( 'a,
  31. a:visited,
  32. .required,
  33. .nav-links a:hover,
  34. .nav-links a:active,
  35. .screen-reader-text:focus,
  36. .widget_blog_subscription input[type="submit"],
  37. .comment-reply-link,
  38. .comment-form .submit,
  39. .main-navigation .menu-toggle span', 'color', 'bg'),
  40. //Needs contrast against #fff (white header background color)
  41. array( '.main-navigation a,
  42. .main-navigation .menu-toggle span', 'color', '#fff'),
  43. //Needs contrast against #f0f0f0 (grey content background color)
  44. array( '#infinite-handle span button', 'color', '#f0f0f0' ),
  45. //Needs contrast against #fff (white header background color)
  46. array( '.main-navigation .icon,
  47. .main-navigation .menu-toggle .icon', 'fill', '#fff' ),
  48. //Needs contrast against bg (content background color)
  49. array( '.site-main .post-no-thumbnail:focus,
  50. .site-main .post-no-thumbnail:hover', 'background-color', '-1' ),
  51. //Needs contrast against #f0f0f0 (grey content background color)
  52. array( '.main-navigation .menu-toggle:hover .icon, .nav-links .icon, .comment-reply-link .icon', 'fill', '#f0f0f0' ),
  53. ),
  54. __( 'Links and Buttons' ) );
  55. add_color_rule( 'extra', '#ffffff', array(
  56. //Contrast against red background (txt)
  57. array( '.nav-links a:hover .icon', 'fill', 'link' ),
  58. ) );
  59. add_color_rule( 'fg1', '#606060', array(
  60. //Contrast against #fff (white content background color)
  61. array( 'button:active,
  62. button:focus,
  63. input[type="button"]:active,
  64. input[type="button"]:focus,
  65. input[type="reset"]:active,
  66. input[type="reset"]:focus,
  67. input[type="submit"]:active,
  68. input[type="submit"]:focus,
  69. input[type="text"]:focus,
  70. input[type="email"]:focus,
  71. input[type="url"]:focus,
  72. input[type="password"]:focus,
  73. input[type="search"]:focus,
  74. input[type="number"]:focus,
  75. input[type="tel"]:focus,
  76. input[type="range"]:focus,
  77. input[type="date"]:focus,
  78. input[type="month"]:focus,
  79. input[type="week"]:focus,
  80. input[type="time"]:focus,
  81. input[type="datetime"]:focus,
  82. input[type="datetime-local"]:focus,
  83. input[type="color"]:focus,
  84. textarea:focus', 'border-color' ),
  85. //Needs contrast against bg
  86. array( '.nav-links .nav-meta,
  87. .entry-footer,
  88. .entry-footer span a,
  89. .page-links,
  90. .comment-meta,
  91. .comment-meta a,
  92. .comment-body .comment-edit-link,
  93. .wp-caption-text,
  94. .gallery-caption', 'color', 'bg' ),
  95. //Needs contrast against #fff (white header background color)
  96. array( '.site-footer .container,
  97. .site-footer a,
  98. .site-description', 'color', '#fff' ),
  99. //Needs contrast against #f0f0f0 (grey background color)
  100. array( '.search-form .search-submit .icon', 'fill', '#f0f0f0' ),
  101. ) );
  102. add_color_rule( 'fg2', '#dcdcdc', array(
  103. //Contrast against bg (content background color)
  104. array( 'table,
  105. th,
  106. td,
  107. button,
  108. input[type="button"],
  109. input[type="reset"],
  110. input[type="submit"],
  111. input[type="text"],
  112. input[type="email"],
  113. input[type="url"],
  114. input[type="password"],
  115. input[type="search"],
  116. input[type="number"],
  117. input[type="tel"],
  118. input[type="range"],
  119. input[type="date"],
  120. input[type="month"],
  121. input[type="week"],
  122. input[type="time"],
  123. input[type="datetime"],
  124. input[type="datetime-local"],
  125. input[type="color"],
  126. textarea,
  127. select,
  128. .main-navigation .menu-toggle,
  129. .nav-links .current,
  130. .page-links,
  131. .entry-footer,
  132. .comments-area,
  133. .nav-links,
  134. .widget-area,
  135. .search-form .search-field', 'border-color', 'bg', 5 ),
  136. //Contrast against bg (content background color)
  137. array( '.widget ul, .widget li', 'border-color', 'bg', 1 ),
  138. ) );
  139. add_color_rule( 'txt', '#111', array(
  140. //Contrast against bg (content background color)
  141. array( 'h1,
  142. h2,
  143. h3,
  144. h4,
  145. h5,
  146. h6,
  147. body,
  148. .entry-title,
  149. .page-title,
  150. .nav-links a,
  151. a:hover,
  152. a:focus,
  153. a:active,
  154. .main-navigation .current_page_item > a,
  155. .main-navigation .current-menu-item > a,
  156. .main-navigation .current-menu-parent > a', 'color', 'bg' ),
  157. //Contrast against #fff (white background color)
  158. array( '.site-title a,
  159. .main-navigation a:hover,
  160. .main-navigation a:focus,
  161. .main-navigation a:active,
  162. button,
  163. input,
  164. select,
  165. optgroup,
  166. textarea,
  167. input[type="text"]:focus,
  168. input[type="email"]:focus,
  169. input[type="url"]:focus,
  170. input[type="password"]:focus,
  171. input[type="search"]:focus,
  172. input[type="number"]:focus,
  173. input[type="tel"]:focus,
  174. input[type="range"]:focus,
  175. input[type="date"]:focus,
  176. input[type="month"]:focus,
  177. input[type="week"]:focus,
  178. input[type="time"]:focus,
  179. input[type="datetime"]:focus,
  180. input[type="datetime-local"]:focus,
  181. input[type="color"]:focus,
  182. textarea:focus', 'color', '#fff' ),
  183. array( '.main-navigation .current_page_item > a .icon,
  184. .main-navigation .current-menu-item > a .icon,
  185. .main-navigation .current-menu-parent > a .icon', 'fill', 'bg' ),
  186. array( 'blockquote *', 'color', '#f0f0f0' ),
  187. ),
  188. __( 'Headings' ) );