wpcom-colors.php 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. <?php
  2. add_color_rule( 'bg', '#24282d', array(
  3. array(
  4. 'body', 'background-color'
  5. ),
  6. ), __( 'Background' ) );
  7. add_color_rule( 'link', '#e06d5e', array(
  8. // Background
  9. array(
  10. '::selection', 'background-color', '#ffffff', 2
  11. ),
  12. array(
  13. '::-moz-selection', 'background-color', '#ffffff', 2
  14. ),
  15. array(
  16. 'mark,
  17. ins,
  18. button:hover,
  19. button:focus,
  20. button:active,
  21. input[type="button"]:hover,
  22. input[type="button"]:focus,
  23. input[type="button"]:active,
  24. input[type="reset"]:hover,
  25. input[type="reset"]:focus,
  26. input[type="reset"]:active,
  27. input[type="submit"]:hover,
  28. input[type="submit"]:focus,
  29. input[type="submit"]:active,
  30. .main-navigation.toggled .menu-toggle,
  31. .main-navigation ul .genericon.genericon-collapse,
  32. .page-content .widget_tag_cloud a:hover,
  33. .page-content .widget_tag_cloud a:focus,
  34. .page-content .widget_tag_cloud a:active,
  35. .entry-thumbnail a,
  36. .entry-thumbnail a:before,
  37. .page-links .page-link,
  38. .portfolio-thumbnail a,
  39. .portfolio-thumbnail a:before,
  40. .gallery-icon a,
  41. .gallery-icon a:before,
  42. .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
  43. .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current', 'background-color', '#ffffff', 2
  44. ),
  45. // Color
  46. array(
  47. 'a,
  48. .site-main .comment-navigation a:hover,
  49. .site-main .comment-navigation a:focus,
  50. .site-main .comment-navigation a:active,
  51. .site-main .paging-navigation a:hover,
  52. .site-main .paging-navigation a:focus,
  53. .site-main .paging-navigation a:active,
  54. .site-main .post-navigation a:hover,
  55. .site-main .post-navigation a:focus,
  56. .site-main .post-navigation a:active,
  57. .main-navigation ul li a:hover,
  58. .main-navigation ul li a:focus,
  59. .main-navigation ul li a:active,
  60. .main-navigation ul .current_page_item > a,
  61. .main-navigation ul .current-menu-item > a,
  62. .menu-social li a:hover,
  63. .menu-social li a:focus,
  64. .menu-social li a:active,
  65. .widget-title a:hover,
  66. .widget-title a:focus,
  67. .widget-title a:active,
  68. .widgettitle a:hover,
  69. .widgettitle a:focus,
  70. .widgettitle a:active,
  71. .page-title a:hover,
  72. .page-title a:focus,
  73. .page-title a:active,
  74. .entry-title a:hover,
  75. .entry-title a:focus,
  76. .entry-title a:active,
  77. .more-link-wrapper .more-link:hover,
  78. .more-link-wrapper .more-link:focus,
  79. .more-link-wrapper .more-link:active,
  80. .site-main .portfolio-entry-title a:hover,
  81. .site-main .portfolio-entry-title a:focus,
  82. .site-main .portfolio-entry-title a:active,
  83. .comments-title a:hover,
  84. .comments-title a:focus,
  85. .comments-title a:active,
  86. .comment-reply-title a:hover,
  87. .comment-reply-title a:focus,
  88. .comment-reply-title a:active,
  89. .required,
  90. .site-main .contact-form label span,
  91. #infinite-handle span:hover,
  92. #infinite-handle span:focus,
  93. #infinite-handle span:active,
  94. .widgets-area button:hover,
  95. .widgets-area button:focus,
  96. .widgets-area button:active,
  97. .widgets-area input[type="button"]:hover,
  98. .widgets-area input[type="button"]:focus,
  99. .widgets-area input[type="button"]:active,
  100. .widgets-area input[type="reset"]:hover,
  101. .widgets-area input[type="reset"]:focus,
  102. .widgets-area input[type="reset"]:active,
  103. .widgets-area input[type="submit"]:hover,
  104. .widgets-area input[type="submit"]:focus,
  105. .widgets-area input[type="submit"]:active,
  106. .widget_akismet_widget .a-stats a:hover,
  107. .widget_akismet_widget .a-stats a:focus,
  108. .widget_akismet_widget .a-stats a:active,
  109. .widgets-area .widget_tag_cloud a:hover,
  110. .widgets-area .widget_tag_cloud a:focus,
  111. .widgets-area .widget_tag_cloud a:active', 'color', '#ffffff', 2
  112. ),
  113. array(
  114. '.widgets-area .widget-title a:hover,
  115. .widgets-area .widget-title a:focus,
  116. .widgets-area .widget-title a:active,
  117. .widgets-area .widgettitle a:hover,
  118. .widgets-area .widgettitle a:focus,
  119. .widgets-area .widgettitle a:active,
  120. .widgets-area a:hover,
  121. .widgets-area a:focus,
  122. .widgets-area a:active,
  123. .widget_goodreads div[class^="gr_custom_container"] a:hover,
  124. .widget_goodreads div[class^="gr_custom_container"] a:focus,
  125. .widget_goodreads div[class^="gr_custom_container"] a:active', 'color', '#464d4d', 2
  126. ),
  127. // Border
  128. array(
  129. 'button:hover,
  130. button:focus,
  131. button:active,
  132. input[type="button"]:hover,
  133. input[type="button"]:focus,
  134. input[type="button"]:active,
  135. input[type="reset"]:hover,
  136. input[type="reset"]:focus,
  137. input[type="reset"]:active,
  138. input[type="submit"]:hover,
  139. input[type="submit"]:focus,
  140. input[type="submit"]:active,
  141. .menu-social li a:hover,
  142. .menu-social li a:focus,
  143. .menu-social li a:active,
  144. .page-links .page-link', 'border-color', '#ffffff', 2
  145. ),
  146. array(
  147. '#secondary.hover:after', 'border-bottom-color', '#ffffff', 2
  148. ),
  149. array(
  150. 'blockquote', 'border-left-color', '#ffffff', 2
  151. ),
  152. array(
  153. '.rtl blockquote', 'border-right-color', '#ffffff', 2
  154. ),
  155. // Outline
  156. array(
  157. '.mejs-container .mejs-controls .mejs-button button:focus', 'outline-color', '#ffffff', 2
  158. ),
  159. ), __( 'Accent' ) );
  160. /* Extra CSS */
  161. function illustratr_extra_css() { ?>
  162. #comments #respond #comment-submit:hover,
  163. #comments #respond #comment-submit:focus,
  164. #comments #respond #comment-submit:active {
  165. background-color: #f1f2f3 !important;
  166. border-color: #f1f2f3 !important;
  167. color: #7f8d8c !important;
  168. }
  169. <?php
  170. }
  171. add_theme_support( 'custom_colors_extra_css', 'illustratr_extra_css' );
  172. /* Additional color palettes */
  173. add_color_palette( array(
  174. '#24282d',
  175. '',
  176. '#3fc380',
  177. '',
  178. '',
  179. ), 'Green' );
  180. add_color_palette( array(
  181. '#24282d',
  182. '',
  183. '#0f71b4',
  184. '',
  185. '',
  186. ), 'Blue' );
  187. add_color_palette( array(
  188. '#24282d',
  189. '',
  190. '#66ceff',
  191. '',
  192. '',
  193. ), 'Light Blue' );
  194. add_color_palette( array(
  195. '#24282d',
  196. '',
  197. '#f47a20',
  198. '',
  199. '',
  200. ), 'Orange' );
  201. add_color_palette( array(
  202. '#24282d',
  203. '',
  204. '#ea4c89',
  205. '',
  206. '',
  207. ), 'Magenta' );
  208. add_color_palette( array(
  209. '#24282d',
  210. '',
  211. '#6567a5',
  212. '',
  213. '',
  214. ), 'Purple' );