Skip to content

Channel Backgrounds for iPlayer by lucky

Screenshot of Channel Backgrounds for iPlayer
Write a review Install Get Stylus

Details

Authorlucky

LicenseNo License

Categorybbc

Created

Updated

Code size6.3 kB

Code checksum2b3ecf57

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Adds simple channel backgrounds relating to each channels color scheme

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;
}
}

Reviews

No reviews yet.