Adds simple channel backgrounds relating to each channels color scheme
Channel Backgrounds for iPlayer by lucky
Details
Authorlucky
LicenseNo License
Categorybbc
Created
Updated
Size6.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Channel Backgrounds for iPlayer
@version 20240723.09.55
@namespace https://codeberg.org/Vanilla
@description Adds simple channel backgrounds relating to each channels color scheme
@author Lucky
==/UserStyle== */
@-moz-document domain("bbc.co.uk") {
.channel-wrap {
background-image: linear-gradient(rgba(12,16,28,0) 180px, #000 400px);
}
.channel-panel-item__link__subtitle{
color: #fff;
}
.gel-layout__item{
color: #fff;
}
.hero-header{
background-color: #000;
}
.schedule-item--live{
background-color: #2022247d
}
.channel-panel-item__time-info::after {
background-color: #fff;
}
}
@-moz-document url("https://www.bbc.co.uk/iplayer/guide") {
.channel-wrap {
background-color: #E8504B;
}
.guide{
background-color: #E8504B;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/bbcone"), url-prefix("https://www.bbc.co.uk/iplayer/live/bbcone"), url-prefix("https://www.bbc.co.uk/iplayer/guide/bbcone") {
.channel-wrap {
background-color: #E8504B;
}
.guide{
background-color: #E8504B;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/bbctwo"), url-prefix("https://www.bbc.co.uk/iplayer/live/bbctwo"), url-prefix("https://www.bbc.co.uk/iplayer/guide/bbctwo") {
.channel-wrap {
background-color: #10A88D;
}
.guide{
background-color: #10A88D;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/tv/radio1"), url-prefix("https://www.bbc.co.uk/iplayer/live/radio1") {
.channel-wrap {
background-color: #fff;
}
.channel-panel-item__link__title{
color: #000;
}
.channel-panel-item__link__subtitle{
color: #000;
}
.channel-panel-item__time-info__label{
color: #000;
}
.channel-panel-item__time-info__time{
color: #000;
}
.lnk__icon{
filter: invert(100%);
}
.channel-panel-item__content__ctas__cta{
color: #000;
}
.lnk__label--right{
color: #000;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/tv/bbcthree"), url-prefix("https://www.bbc.co.uk/iplayer/guide/bbcthree") {
.channel-wrap {
background-color: #89FF00;
}
.channel-panel-item__link__title{
color: #000;
}
.channel-panel-item__link__subtitle{
color: #000;
}
.channel-panel-item__time-info__label{
color: #000;
}
.channel-panel-item__time-info__time{
color: #000;
}
.lnk__icon{
filter: invert(100%);
}
.channel-panel-item__content__ctas__cta{
color: #000;
}
.lnk__label--right{
color: #000;
}
.guide{
background-color: #89FF00;
}
.channel-panel-item__link__subtitle{
color: #000;
}
.gel-layout__item{
color: #000;
}
.list-content-item__sublabel{
color: #000;
}
.list-content-item__subtitle{
color: #000;
}
.list-content-item__title{
color: #000;
}
.list-content-item__cta{
color: #000;
}
.channel-panel-item__time-info__separator{
color: #000;
}
.schedule-item--live{
background-color: #ffffff7a;
}
.typo--buzzar{
color: #fff;
}
.hero-header__title{
color: #fff;
}
.channel-panel-item__time-info::after {
background-color: #000;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/iplayer/live/bbcthree") {
.channel-panel-item__link__subtitle{
color: #fff;
}
.channel-panel-item__link__title{
color: #fff;
}
.channel-panel-item__time-info .channel-panel-item__time-info__label{
color: #fff;
}
.channel-panel-item__time-info__separator{
color: #fff;
}
.channel-panel-item__time-info__time{
color: #fff;
}
.channel-wrap {
background-color: #89FF00;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/bbcfour"), url-prefix("https://www.bbc.co.uk/iplayer/live/bbcfour"), url-prefix("https://www.bbc.co.uk/iplayer/guide/bbcfour") {
.channel-wrap {
background-color: #7831EB;
}
.guide{
background-color: #7831EB;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/tv/cbbc"), url-prefix("https://www.bbc.co.uk/iplayer/live/cbbc"), url-prefix("https://www.bbc.co.uk/iplayer/guide/cbbc") {
.channel-wrap {
background-color: #4023E0;
}
.guide{
background-color: #4023E0;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/tv/cbeebies"), url-prefix("https://www.bbc.co.uk/iplayer/live/cbeebies"), url-prefix("https://www.bbc.co.uk/iplayer/guide/cbeebies") {
.channel-wrap {
background-color: #1079EB;
}
.guide{
background-color: #1079EB;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/tv/bbcscotland"), url-prefix("https://www.bbc.co.uk/iplayer/live/bbcscotland"), url-prefix("https://www.bbc.co.uk/iplayer/guide/bbcscotland") {
.channel-wrap {
background-color: #3C53FA;
}
.guide{
background-color: #3C53FA;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/tv/bbcnews"), url-prefix("https://www.bbc.co.uk/iplayer/live/bbcnews"), url-prefix("https://www.bbc.co.uk/iplayer/guide/bbcnews") {
.channel-wrap {
background-color: #EB0000;
}
.guide{
background-color: #EB0000;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/tv/bbcparliament"), url-prefix("https://www.bbc.co.uk/iplayer/live/bbcparliament"), url-prefix("https://www.bbc.co.uk/iplayer/guide/bbcparliament") {
.channel-wrap {
background-color: #EB0000;
}
.guide{
background-color: #EB0000;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/tv/bbcalba"), url-prefix("https://www.bbc.co.uk/iplayer/live/bbcalba"), url-prefix("https://www.bbc.co.uk/iplayer/guide/bbcalba") {
.channel-wrap {
background-color: #0096DC;
}
.guide{
background-color: #0096DC;
}
}
@-moz-document url-prefix("https://www.bbc.co.uk/tv/s4c"), url-prefix("https://www.bbc.co.uk/iplayer/live/s4c"), url-prefix("https://www.bbc.co.uk/iplayer/guide/s4c") {
.channel-wrap {
background-color: #128D9C;
}
.guide{
background-color: #128D9C;
}
}