@LGUser
Been busy the last month migrating to a new Linux distribution and moving from Chromium to Firefox and have had to find new add-ons to get things working again 🙂 I've not been monitoring this form at all during this time thus the late reply
I use Stylus as that has an addon/extension for Firefox and Chrome/Chromium
Latest code here
/* ==UserStyle==
@name Sky Help Foums - Dark Mode
@author Annie UK
@description `Dark Mode for Sky Help Forums`
@version 20220203.1.0
==/UserStyle== */
:root {
--black: black;
--blue: #0073c5;
--corn: cornflowerblue;
--pink: deeppink;
--green: darkgreen;
--orange: darkorange;
--gold: goldenrod;
--grey: grey;
--light: #eee;
--dark: #333;
}
/* Dark mode ====================================================================== */
:root,
.mce-colorbutton-grid {
filter: invert(1) hue-rotate(180deg) !important;
}
/*html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Quicksand, Helvetica, Arial, sans-serif !important;
font-weight: 400 !important;
}*/
a {
text-underline-position: under !important;
}
.lia-unicode-emoji,
.lia-notifications-messages-aggregate,
.lia-tinymce-html,
.lia-user-rank-icon,
.UserName,
.hero-image,
.lia-emoticons-emoji,
.lia-unicode-emoji,
.lia-link-navigation.lia-page-link.lia-user-name-link,
.lia-video-brightcove-player-container svg,
img,
iframe,
.video-player {
filter: brightness(90%) invert(1) hue-rotate(180deg) !important;
}
.page-link {
color: var(--orange) !important;
filter: brightness(80%) !important;
}
.lia-notifications-messages-aggregate {
border-color: var(--grey) !important;
}
.lia-user-avatar-message {
background-color: var(--black) !important;
border: 0 !important;
}
#skycommunity {
background-color: var(--light) !important;
padding: 0 !important;
margin-right: .5em !important;
}
span[itemprop="name"] {
color: var(--blue) !important;
}
span[aria-current="page"] {
color: var(--dark) !important;
}
.lia-breadcrumb-node.crumb::before {
color: var(--corn) !important;
}
h2,
.lia-thread-subject,
.BoardList {
color: var(--green) !important;
}
.lia-users-current-user-profile-card,
.prgBar,
.lia-breadcrumb,
.lia-breadcrumb-forum,
.lia-component-common-widget-breadcrumb,
.breadcrumb {
background: #ddd !important;
color: var(--dark) !important;
}
.lia-new-message-count {
font-size: 200% !important;
color: var(--gold) !important;
}
.lia-message-read,
.lia-message-unread {
color: var(--blue) !important;
}
.lia-panel-heading-bar-title {
color: var(--blue) !important;
}
.image-console-link::before,
.video-console-link::before {
color: var(--blue) !important;
}
.lia-quilt-column-alley .lia-quilt-column-alley-single {
background-color: #eee !important;
}
h2.board-title > a#link_14,
h2.board-title > a#link_26 {
color: var(--pink) !important;
font-size: 90% !important;
}
h2.board-title > a#link_17,
h2.board-title > a#link_20,
h2.board-title > a#link_23 {
color: var(--corn) !important;
font-size: 90% !important;
}
/* Remove unwanted stuff ====================================================================== */
.lia-message-stats-count::before {
display: none !important;
}
.UserAvatar > img,
table,
tr,
td,
li,
span,
div {
box-shadow: none !important;
}
#skycommunity::before {
background-image: none !important;
}
.solution,
.staffPost,
.oraclePost {
border: 0 !important;
}
.lia-list-row::after,
.lia-list-standard-inline::before {
display: none !important;
}
Annie ( Please Note: I am Neurodivergent )Hardware: Sky+HD Services: Sky Go Extra (via Xbox Series X) • Box sets • Sky Cinema • Sky Sport Complete • Sky Multiscreen • HD Basic
