0

Discussion topic: A Dark Theme on Sky Website

Reply
This message was authored by spannernick1 This message was authored by: spannernick1

A Dark Theme on Sky Website

How about a dark theme for the websites and that, the white gives me a headache after looking at it for a while...?

Reply

All Replies

This message was authored by Annie+UK This message was authored by: Annie+UK

Re: A Dark Theme on Sky Website

Posted by a Superuser, not a Sky employee. Find out more

Use the Stylus addon/extension on Chrome, Firefox etc...

 

 

/* ==UserStyle==
@name           sky.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Dark mode
@author         Annie UK
==/UserStyle== */
@-moz-document domain("sky.com") {
    :root {
        --black: black;
        --blue: lightblue;
        --blue2: dodgerblue;
        --corn: cornflowerblue;
        --pink: deeppink;
        --pink2: hotpink;
        --green: darkgreen;
        --orange: darkorange;
        --gold: goldenrod;
        --grey: grey;
        --light: #eee;
        --dark: #333;
        --white: white;

        background-color: black;
        color-scheme: dark only !important;
    }

    /* Dark mode ====================================================================== */
    /* Invert ALL colours */
    iframe,
    :root,
    html {
        filter: invert(1) hue-rotate(180deg) !important;
    }

    body,
    :root {
        background-color: #f5f5f5;
    }

    .lia-forum-topic-page-solution-link,
    .lia-component-solution-link {
        font-size: 80%;
    }

    .mce-colorbutton-grid {
        background-color: black !important
    }

    .lia-tinymce-html {
        scrollbar-color: hotpink black !important;
    }

    .lia-quilt-column-common-header .BreadCrumb {
        background-image: none !important;
        background-color: #0000ff;
    }

    .lia-paging-full .lia-link-disabled,
    .lia-paging-full-pages .lia-paging-page-ellipsis > .lia-link-disabled {
        background-color: transparent !important;
    }

    .lia-paging-full-pages li > .lia-link-disabled {
        background-color: pink !important;
    }

    /* Inverts ALL colours for items that look wierd */
    .c-hero,
    .hero-image,
    .lia-unicode-emoji,
    .lia-notifications-messages-aggregate,
    .lia-user-rank-icon,
    .UserName,
    .lia-emoticons-emoji,
    .lia-unicode-emoji,
    .lia-link-navigation.lia-page-link.lia-user-name-link,
    .prgBarComPnts,
    .prgBarLinkCon,
    .lia-video-brightcove-player-container svg,
    img,
    iframe,
    video,
    div.vjs-poster,
    #arjb_divider,
    #arjb_divider1,
    #arjb_divider2,
    #arjb_divider3,
    div[aria-label="Breadcrumb"] {
        filter: brightness(75%) invert(1) hue-rotate(180deg) !important;
    }
    a {
        text-underline-position: under !important;
    }

    .page-link {
        font-weight: 400 !important;
        color: var(--grey) !important;
        filter: brightness(80%) !important;
    }

    .lia-message-unread > .page-link {
        color: var(--orange) !important;
        filter: brightness(80%) !important;
    }

    .lia-notifications-messages-aggregate {
        border-color: var(--grey) !important;
    }

    .triangletop::before {
        background-color: yellow !important;
        color: #888 !important;
    }
    .lia-user-avatar-message {
        background-color: var(--black) !important;
        border: 0 !important;
    }

    #skycommunity {
        background-color: var(--light) !important;
        padding: 0 !important;
        margin-right: 0 !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 {
        background: #ddd !important;
    }
    .lia-quilt-user-slide-out-menu .lia-users-current-user-profile-card .lia-users-profile-card-login,
    .lia-quilt-user-slide-out-menu .lia-users-current-user-profile-card .lia-users-profile-card-rank {
        color: var(--dark) !important;
    }

    .lia-new-message-count {
        font-size: 215% !important;
        color: orange !important;
    }

    .lia-message-read,
    .lia-message-unread {
        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;
    }

    #grid > .lia-list-wide > tbody > .lia-row-odd,
    #grid > .lia-list-wide > tbody > .lia-row-even {
        border: 1px solid #aaa;
    }

    h2.board-title > a {
        color: var(--corn) !important;
    }

    .kdnLOy {
        color: black;
    }

    ::selection {
        background-color: #3399FF !important;
        color: white !important;
        background-image: none !important;
        background-clip: unset !important;
        -webkit-background-clip: unset !important;
        -webkit-text-fill-color: white !important;
    }

    .lia-action-reply {
        background-color: #ffffff !important;
        border-color: #2385d0 !important;
        color: #fff !important;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19' role='img'%3E%3Ctitle%3EReply icon%3C/title%3E%3Cpath fill='%230073c5' fill-rule='evenodd' d='M9.838 1.259l-8.56 6.114c-.898.642-1.107 1.89-.465 2.79.129.18.286.336.465.464L13 19v-6h3.5c4.57 0 8.447 1.925 9.89 6 .387-1.096.61-2.271.61-3.5C27 9.701 22.299 5 16.5 5H13V2.886c0-1.104-.895-2-2-2-.417 0-.823.13-1.162.373zM11 2.886V7h5.5c4.005 0 7.371 2.784 8.267 6.519C22.628 11.895 19.784 11 16.5 11H11V15.113L2.441 9'/%3E%3C/svg%3E") !important;
    }


    .lia-action-reply:hover {
        background-color: #73add8 !important;
        border-color: #73add8 !important;
        color: #fff !important;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19' role='img'%3E%3Ctitle%3EReply icon%3C/title%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M9.838 1.259l-8.56 6.114c-.898.642-1.107 1.89-.465 2.79.129.18.286.336.465.464L13 19v-6h3.5c4.57 0 8.447 1.925 9.89 6 .387-1.096.61-2.271.61-3.5C27 9.701 22.299 5 16.5 5H13V2.886c0-1.104-.895-2-2-2-.417 0-.823.13-1.162.373zM11 2.886V7h5.5c4.005 0 7.371 2.784 8.267 6.519C22.628 11.895 19.784 11 16.5 11H11V15.113L2.441 9'/%3E%3C/svg%3E") !important;
    }
    /* Reply button and Mark answer buttons hover states */
    /* .lia-action-reply:hover, */
    .lia-link-ticket-post-action:hover,
    .lia-reply-action-link:hover {
        background-color: #73add8 !important;
        border-color: #73add8 !important;
        color: #fff !important;
    }

    /* Disabled thums up - stop hover changing button */
    .kudos-link.lia-link-disabled:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' viewBox='0 0 24 23' role='img'%3E%3Ctitle%3ELike icon%3C/title%3E%3Cpath fill='%230073c5' fill-rule='evenodd' d='M17.84 21.137l-7.008-.049c-.183-.001-.358-.036-.521-.102-.876-.36-1.548-.588-2.062-.734v-.027l.001-.004v-9.43c1.486-1.757 3.16-3.965 3.164-7.513.001-.68.197-1.007.618-1.028.23 0 .824.011 1.338 1.187.598 1.366.505 4.06.397 4.979-.1.86.438 1.651 1.493 1.651h6.488l-.632 1.788h-3.973c-.177 0-.322.061-.436.182-.24.257-.203.993-.071 1.318h3.951l-.529 1.5h-2.915c-.177 0-.322.061-.436.182-.24.257-.203.993-.071 1.318h2.892l-.53 1.5h-1.855c-.177 0-.322.061-.436.182-.24.257-.203.994-.071 1.318h1.833l-.629 1.782zm-15.59-.841h4.5v-9.3h-4.5v9.3zM21.762 8.567H15.26s.375-3.696-.516-5.731C13.854.8 12.451.75 12.025.75c-.425 0-2.109.254-2.11 2.527C9.91 6.172 8.636 7.99 7.29 9.6c-.169-.065-.35-.104-.541-.104h-4.5c-.829 0-1.5.671-1.5 1.5v9.225c0 .87.704 1.575 1.574 1.575h4.352c.277 0 .534-.078.76-.204.764.174 1.73.546 2.306.781.343.141.71.212 1.08.215l7.008.049h.01c.636 0 1.204-.401 1.416-1.002l3.975-11.264c.193-.931-.518-1.804-1.469-1.804z'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        width: 56px !important;
    }
}

 

I am Neurodivergent Sky+HD  LG NanoCell TV  Xbox
My F•A•Qs: Sky GlassSky StreamSky GoSky Plus
Reply

Was this discussion not helpful?

No problem. Browse or search to find help, or start a new discussion on Community.

Start a new discussion

On average, new discussions are replied to by our users within 7 hours

New Discussion