wpcom-colors.php 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. <?php
  2. /* Custom Colors: Toujours */
  3. //Background
  4. add_color_rule( 'bg', '#eeeeee', array(
  5. array( 'body', 'background-color' ),
  6. array( '#page', 'border-color', '-1' ),
  7. ) );
  8. // Text
  9. add_color_rule( 'txt', '#333333', array(
  10. // Colour - contrast against white
  11. array( '.main-navigation a,
  12. #featured-post-trio article h2 a,
  13. .entry-title a,
  14. .nav-links .nav-title,
  15. .menu-toggle', 'color', '#ffffff', 4 ),
  16. // Background Colour - contrast against white
  17. array( 'pre,
  18. .blog #primary .format-quote,
  19. .archive #primary .format-quote,
  20. .single #primary .format-quote,
  21. #footer-widgets,
  22. #colophon', 'background-color', '#ffffff', 2 ),
  23. ),
  24. __( 'Navigation, Post Titles' ) );
  25. // Feature Blue
  26. add_color_rule( 'link', '#2590ec', array(
  27. // Colour - contrast against white
  28. array( 'a,
  29. .search-form.hover-button label:before,
  30. .main-navigation a:focus,
  31. .main-navigation a:hover,
  32. .widget #flickr_badge_uber_wrapper a:hover,
  33. .widget #flickr_badge_uber_wrapper a:link,
  34. .widget #flickr_badge_uber_wrapper a:active,
  35. .widget #flickr_badge_uber_wrapper a:visited,
  36. .site-title a,
  37. .slideshow .prev-slide:hover,
  38. .slideshow .next-slide:hover,
  39. #featured-post-trio article h2 a:hover,
  40. .entry-title a:hover,
  41. .blog #primary .format-aside .entry-title a:hover,
  42. .archive #primary .format-aside .entry-title a:hover,
  43. .blog #primary .format-audio .entry-title a:hover,
  44. .archive #primary .format-audio .entry-title a:hover,
  45. .blog #primary .format-image .entry-title a:hover,
  46. .archive #primary .format-image .entry-title a:hover,
  47. .blog #primary .format-link .entry-title a:hover,
  48. .archive #primary .format-image .entry-title a:hover,
  49. .comment-metadata .edit-link a,
  50. .reply a,
  51. .comment-navigation .nav-links a,
  52. .comment-respond #reply-title small,
  53. .error404 .widget_tag_cloud a:hover,
  54. #secondary .widget a:hover,
  55. #secondary .widget_tag_cloud a:hover,
  56. #secondary .wp_widget_tag_cloud a:hover', 'color', '#ffffff', 3 ),
  57. // Background colour - contrast against white
  58. array( 'button,
  59. input[type="button"],
  60. input[type="reset"],
  61. input[type="submit"],
  62. .featured-post,
  63. .page-links a:hover .page-links-num,
  64. .entry-audio .mejs-container,
  65. .entry-audio .mejs-container .mejs-controls,
  66. .entry-content .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current,
  67. .bypostauthor .avatar-container:before,
  68. #infinite-handle span button,
  69. .posts-navigation .nav-previous a,
  70. .posts-navigation .nav-next a', 'background-color', '#ffffff', 4 ),
  71. // Border colour - contrast against bg
  72. array( '.page-links a:hover .page-links-num', 'border-color', '#ffffff', 4 ),
  73. ),
  74. __( 'Links in Content, Site Title' ) );
  75. /* Extra CSS */
  76. function toujours_extra_css() { ?>
  77. #footer-widgets, #colophon {
  78. color: rgba( 255, 255, 255, 0.7 );
  79. }
  80. #colophon .jetpack-social-navigation li a,
  81. #footer-widgets h3,
  82. #colophon h3 {
  83. color: rgba( 255, 255, 255, 0.8 );
  84. }
  85. #footer-widgets a,
  86. #colophon a,
  87. #footer-widgets .widget #flickr_badge_uber_wrapper a:link,
  88. #footer-widgets .widget #flickr_badge_uber_wrapper a:active,
  89. #footer-widgets .widget #flickr_badge_uber_wrapper a:visited {
  90. color: rgba( 255, 255, 255, 0.8);
  91. }
  92. #footer-widgets a:hover,
  93. #colophon a:hover,
  94. #footer-widgets .widget #flickr_badge_uber_wrapper a:hover {
  95. color: rgba( 255, 255, 255, 1.0 );
  96. }
  97. #footer-widgets .widget_archive > ul,
  98. #footer-widgets .widget_archive li,
  99. #footer-widgets .widget_authors ul ul li,
  100. #footer-widgets .widget_categories > ul,
  101. #footer-widgets .widget_categories li,
  102. #footer-widgets .widget_goodreads div[class^="gr_custom_each_container"],
  103. #footer-widgets .widget_goodreads div[class^="gr_custom_container"],
  104. #footer-widgets .widget_jp_blogs_i_follow > ol,
  105. #footer-widgets .widget_jp_blogs_i_follow li,
  106. #footer-widgets .widget_jetpack_posts_i_like > ul,
  107. #footer-widgets .widget_jetpack_posts_i_like li,
  108. #footer-widgets .widget_links > ul,
  109. #footer-widgets .widget_links li,
  110. #footer-widgets .widget_meta > ul,
  111. #footer-widgets .widget_meta li,
  112. #footer-widgets .widget_nav_menu > ul,
  113. #footer-widgets .widget_nav_menu li,
  114. #footer-widgets .widget_pages > ul,
  115. #footer-widgets .widget_pages li,
  116. #footer-widgets .widget_recent_comments > ul,
  117. #footer-widgets .widget_recent_comments li,
  118. #footer-widgets .widget_recent_entries > ul,
  119. #footer-widgets .widget_recent_entries li,
  120. #footer-widgets .widget_rss > ul,
  121. #footer-widgets .widget_rss li,
  122. #footer-widgets .widget_rss_links > ul,
  123. #footer-widgets .widget_rss_links li,
  124. #footer-widgets .widget.top_rated #top_posts,
  125. #footer-widgets .widget.top_rated li,
  126. #footer-widgets .widget_top-clicks > ul,
  127. #footer-widgets .widget_top-clicks li,
  128. #footer-widgets .widget_top-posts > ul,
  129. #footer-widgets .widget_top-posts li,
  130. #footer-widgets hr {
  131. border-color: rgba( 255, 255, 255, 0.3 );
  132. }
  133. #footer-widgets .wrap {
  134. border-color: rgba( 255, 255, 255, 0.2 );
  135. }
  136. <?php
  137. }
  138. add_theme_support( 'custom_colors_extra_css', 'toujours_extra_css' );
  139. //Additional palettes
  140. add_color_palette( array(
  141. '#dddddd',
  142. '#222222',
  143. '#31bb8c',
  144. ), 'Featured 1' );
  145. add_color_palette( array(
  146. '#f0f0f0',
  147. '#666666',
  148. '#dd5466',
  149. ), 'Featured 2' );
  150. add_color_palette( array(
  151. '#a7c5c1',
  152. '#442d40',
  153. '#8e4883',
  154. ), 'Featured 3' );
  155. add_color_palette( array(
  156. '#e0d9d1',
  157. '#333333',
  158. '#cf2424',
  159. ), 'Featured 4' );
  160. add_color_palette( array(
  161. '#61475d',
  162. '#3c7683',
  163. '#31a7bb',
  164. ), 'Featured 5' );
  165. add_color_palette( array(
  166. '#a8a7a7',
  167. '#61475d',
  168. '#e8175d',
  169. ), 'Featured 6' );