Simple dark mode for kprofiles.com
kprofiles dark mode by kittymmeow
Details
Authorkittymmeow
LicenseNo License
Categorykprofiles
Created
Updated
Size3.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Developed alongside kprofiles annoyance reducer.
Note: Many kprofiles pages have styles haphazardly manually applied by editors that may not be compatible with this skin. I've done my best to override some common issues but unfortunately I cannot predict every case, and some pages may have sections that are hard to read.
Source code
/* ==UserStyle==
@name kprofiles dark mode
@version 20220522.01.21
@namespace userstyles.world/user/kittymmeow
@description Simple dark mode for kprofiles.com
@author kittymmeow
@license No License
==/UserStyle== */
@-moz-document domain("kprofiles.com") {
body {
background: #222;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a,
.meta-tags a,
.dem-graph,
.widget ul li a,
.widget .entry-title a,
.herald-author-name,
.entry-meta-wrapper .meta-item,
.entry-meta-wrapper .meta-item span,
.entry-meta-wrapper .meta-item a,
.herald-mod-actions a {
color: #eee;
}
span[style*="background-color"] {
color: #000;
padding: 0 0.25em;
border-radius: 3px;
}
button,
input {
color: #000;
}
span[style="color: #000000;"],
span[style="color: #000000"] {
color: #999!important;
}
.herald-site-content {
background: transparent;
}
a,
.widget a,
.recentcomments a,
.widget a:hover,
.herald-sticky-next a:hover,
.herald-sticky-prev a:hover,
.herald-mod-subnav a:hover,
.herald-mod-actions a:hover,
.herald-slider-controls div:hover,
.meta-tags a:hover,
.widget_tag_cloud a:hover,
.mks_autor_link_wrap a:hover,
.meks-instagram-follow-link a:hover,
.mks_themeforest_widget .mks_read_more a:hover,
.herald-read-more:hover,
.widget .entry-title a:hover,
li.herald-mega-menu .sub-menu .entry-title a:hover,
.entry-meta-wrapper .meta-item:hover a,
.entry-meta-wrapper .meta-item:hover a::before,
.entry-meta-wrapper .herald-share:hover > span,
.entry-meta-wrapper .herald-author-name:hover,
.entry-meta-wrapper .herald-author-twitter:hover,
.entry-meta-wrapper .herald-author-twitter:hover::before,
.herald-mod-actions a:hover,
.comment-body .edit-link a,
.herald-breadcrumbs a:hover,
.herald-pagination .page-numbers,
.herald-mod-subnav a,
.herald-mod-actions a,
.herald-slider-controls div,
.meta-tags a,
.widget.widget_tag_cloud a,
.herald-sidebar .mks_autor_link_wrap a,
.herald-sidebar .meks-instagram-follow-link a,
.mks_themeforest_widget .mks_read_more a,
.herald-read-more,
.wp-block-tag-cloud a {
color: #9675e5;
}
.herald-mod-head::after,
.herald-mod-title .herald-color,
.widget-title::after,
.widget-title span {
background: #444;
}
.herald-breadcrumbs {
border-color: #777;
}
.dem-fill {
background-color: #9675e5;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .4), transparent);
background-image: linear-gradient(left, rgba(0, 0, 0, .4), transparent);
}
.meta-tags a,
.widget_tag_cloud a,
.herald-share-meta::after,
.wp-block-tag-cloud a,
.herald-pagination .page-numbers:hover {
background: rgba(100, 100, 100, 0.2);
}
.wpvq-answer,
div#wpvq-final-score,
div#wpvq-final-personality,
div#wpvq-ask-before-results,
div#wpvq-forceToShare-before-results {
background: rgba(100, 100, 100, 0.3)
}
.wpvq-answer:hover {
background: #9675e5
}
}