Skip to content

Instantly share code, notes, and snippets.

@kathrynwp
Created August 29, 2017 16:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kathrynwp/5355d806703e96fd53064f3be0c4b4a0 to your computer and use it in GitHub Desktop.
Save kathrynwp/5355d806703e96fd53064f3be0c4b4a0 to your computer and use it in GitHub Desktop.
Harmonic grey-on-black colour palette
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
color: #ffffff;
}
mark, ins {
color: #ffffff;
}
a.button:hover {
color: #ffffff;
}
#mobile-link {
color: #ffffff;
}
#infinite-handle span:hover {
color: #ffffff;
}
blockquote, .more-projects {
color: #999999;
}
.widget {
color: #999999;
}
.reply a {
color: #999999;
}
.reply a {
border-color: #999999;
}
.widget h1, .widget h2 {
color: #999999;
}
.tagcloud a:hover, .entry-meta .tags-links a:hover, .wp_widget_tag_cloud a:hover {
color: #999999;
}
.tagcloud a:hover, .entry-meta .tags-links a:hover, .wp_widget_tag_cloud a:hover {
border-color: #999999;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
color: #999999;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
border-color: #999999;
}
.entry-header, .page-title {
border-color: #999999;
}
.entry-header, .page-title {
border-color: rgba(153, 153, 153, 0.2);
}
blockquote {
border-color: #cccccc;
}
blockquote {
border-color: rgba(204, 204, 204, 0.3);
}
th, td, table {
border-color: #eeeeee;
}
th, td, table {
border-color: rgba(238, 238, 238, 0.3);
}
pre {
background-color: #eeeeee;
}
pre {
background-color: rgba(238, 238, 238, 0.2);
}
#colophon {
background-color: #111111;
}
.more-projects {
border-color: #333333;
}
.more-projects {
border-color: rgba(51, 51, 51, 0.2);
}
.paging-navigation a, .post-navigation a {
border-color: #7c7c7c;
}
.paging-navigation a, .post-navigation a {
color: #7c7c7c;
}
h1 a {
color: #7c7c7c;
}
.page-template-templatesportfolio-page-php h1 a, .post-type-archive-jetpack-portfolio h1 a, body.archive[class*="jetpack-portfolio"] h1 a {
color: #222222;
}
#comments {
border-color: #222222;
}
#comments {
border-color: rgba(34, 34, 34, 0.3);
}
.paging-navigation a:hover, .post-navigation a:hover {
background-color: #222222;
}
.paging-navigation a:hover, .post-navigation a:hover {
background-color: rgba(34, 34, 34, 0.5);
}
.paging-navigation a:hover, .post-navigation a:hover {
border-color: #222222;
}
.paging-navigation a:hover, .post-navigation a:hover {
border-color: rgba(34, 34, 34, 0.01);
}
body {
background-color: #000000;
}
body.page-template-templatesportfolio-page-php, body.post-type-archive-jetpack-portfolio, body.archive[class*="jetpack-portfolio"] {
background-color: #000000;
}
body {
color: #7c7c7c;
}
button {
color: #7c7c7c;
}
input {
color: #7c7c7c;
}
select {
color: #7c7c7c;
}
textarea {
color: #7c7c7c;
}
mark, ins {
background-color: #0e3a4b;
}
a.button:hover {
background-color: #0e3a4b;
}
a.button:hover {
border-color: #0e3a4b;
}
#infinite-handle span:hover {
background-color: #0e3a4b;
}
#infinite-handle span:hover {
border-color: #0e3a4b;
}
a {
color: #1187ba;
}
.reply a:hover {
color: #1187ba;
}
.reply a:hover {
border-color: #1187ba;
}
h1 a:hover {
color: #1187ba;
}
a:hover, .posted-on a {
color: #116082;
}
.entry-meta a:hover {
color: #1187ba;
}
.tagcloud a, .entry-meta .tags-links a, .wp_widget_tag_cloud a {
color: #1187ba;
}
.tagcloud a, .entry-meta .tags-links a, .wp_widget_tag_cloud a {
border-color: #1187ba;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background-color: #0e3a4b;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border-color: #0e3a4b;
}
page-template-templatesportfolio-page-php h1 a:hover, .post-type-archive-jetpack-portfolio h1 a:hover, body.archive[class*="jetpack-portfolio"] h1 a:hover {
color: #0e3a4b;
}
input, select, textarea {
color: #0e3a4b;
}
#mobile-link {
background-color: #0e3a4b;
}
.main-navigation li.current_page_item a:hover {
color: #118fc5;
}
.social-links ul li a:hover::before {
color: #118fc5;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
color: #0e3a4b;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment