Jump to content

Recommended Posts

PenkethBoy
Posted

Thanks

452201113_Annotation2020-09-17025810.jpg.aae12ad0f2a3834483f160a8cab0e9f1.jpg

might have overdone the font size a tad :)

Posted

Thank you -

1470582260_EmbyCSSforSettingspage3.thumb.jpg.f282ee0a268bf65fb748d612d6c54dae.jpg

PenkethBoy
Posted

@arrbee99

/* --- Hide Beta Message in Dashboard --- */
.betaInfoBanner {display: none}

:)

 

  • Like 1
Posted

Merci. Most civilised of you.

  • Like 1
  • 2 weeks later...
Alexwerilles
Posted
On 9/14/2020 at 2:31 PM, Happy2Play said:

Something like this.


p.appInfo {display: none;}

 

it seems that after the last update, this no longer works

Happy2Play
Posted (edited)
10 minutes ago, Alexwerilles said:

it seems that after the last update, this no longer works

I have no issue with it on 4.5.0.50 or 4.6.0.1.  This would suggest you have broken code in your custom css box.

Edited by Happy2Play
Alexwerilles
Posted
11 minutes ago, Happy2Play said:

I have no issue with it on 4.5.0.50 or 4.6.0.1.  This would suggest you have broken code in your custom css box.

but I haven't changed anything, it's the same as before. Even the "trailers" tab also reappeared, and the image background of the login screen no longer appears (ignore the *** in the url)

This is my css:

 

html:root {
    --theme-primary-color: red;
    --theme-accent-text-color: red;
    --theme-primary-color-lightened: red;
    --theme-icon-focus-background: rgba(255, 0, 0, 0.2);
}

.custombg {
    background: url('https:***.jpg');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 100vh;
    position: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}

/ *Remover o nome Emby Web dá pagina de configurações do usuário* /
p.appInfo {display: none;}

div.mainDrawer-docked h3:nth-child(8) {display: none;}

div.dynamicRoutes a:nth-child(-n+3) {display: none !important;}

.btnHeaderPremiere { display: none ! important; }

a.navMenuOption-selected {
    background-color: rgba(255,0,0,.2)!important;
    color: red;
}

a.emby-tab-button-active {color: red;}

input.emby-checkbox:checked+span:before {
    border-color: red;
    background-color: red;
}

a.button-link {color: red;}

input.emby-input:focus, .emby-textarea:focus {border-color: red;}

button.button-submit:not(.emby-button-tv), button.button-submit:not(.emby-button-tv):focus {background: red;}
button.emby-button {outline-color: red;}

}

div.dynamicRoutes h3:nth-child(7) {display: none;} /*Remove "Emby Web header" on User icon screen*/

div.dynamicRoutes h3:nth-child(9) {display: none;} /*Remove "Emby Web header" on User icon screen*/

div.mainDrawer.scrollY.scrollY-mini.mainDrawer-open-full.mainDrawer-docked h3:nth-child(8) {display: none;}

/*Remove Links e informações do vídeo*/
div.linksSection, div.audioVideoMediaInfo {display: none;}

/*Remove selecionador de vídeo(não aplicado quando tem mais de uma versão de vídeo*/
div.selectVideoContainer {display: none;}

progress.playbackProgress::-webkit-progress-value, progress.playbackProgress::-moz-progress-bar {background-color:red;}

/*Remove opções Exibir e Tela Inicio da página de ajustes (perfil)*/
div.mainDrawer-docked a:nth-child(-n+3) {display: none !important;}

/ * Ocultar upload da câmera * /
[ data - collectiontype = "boxsets" ], [ data - id = "165db2549e77c71dacef0e83a95cc5de" ] { display : none ! importante }

/ *Remover o nome Emby Web dá pagina de configurações, do usuário* /
p.appInfo {display: none;}

/ *Remove My Media* /
div.section0 div.sectionTitleContainer {display: none;}

/ * Remove tab Trailers* /
body > div.skinHeader.focuscontainer-x.skinHeader-withBackground.headroom > div > div.headerMiddle.sectionTabs > div > div > button:nth-child(3) = Movies Trailers tab

Happy2Play
Posted (edited)
12 minutes ago, Alexwerilles said:

but I haven't changed anything, it's the same as before. Even the "trailers" tab also reappeared, and the image background of the login screen no longer appears (ignore the *** in the url)

This is my css:

 

html:root {
    --theme-primary-color: red;
    --theme-accent-text-color: red;
    --theme-primary-color-lightened: red;
    --theme-icon-focus-background: rgba(255, 0, 0, 0.2);
}

.custombg {
    background: url('https:***.jpg');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 100vh;
    position: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}

/ *Remover o nome Emby Web dá pagina de configurações do usuário* /
p.appInfo {display: none;}

div.mainDrawer-docked h3:nth-child(8) {display: none;}

div.dynamicRoutes a:nth-child(-n+3) {display: none !important;}

.btnHeaderPremiere { display: none ! important; }

a.navMenuOption-selected {
    background-color: rgba(255,0,0,.2)!important;
    color: red;
}

a.emby-tab-button-active {color: red;}

input.emby-checkbox:checked+span:before {
    border-color: red;
    background-color: red;
}

a.button-link {color: red;}

input.emby-input:focus, .emby-textarea:focus {border-color: red;}

button.button-submit:not(.emby-button-tv), button.button-submit:not(.emby-button-tv):focus {background: red;}
button.emby-button {outline-color: red;}

}

div.dynamicRoutes h3:nth-child(7) {display: none;} /*Remove "Emby Web header" on User icon screen*/

div.dynamicRoutes h3:nth-child(9) {display: none;} /*Remove "Emby Web header" on User icon screen*/

div.mainDrawer.scrollY.scrollY-mini.mainDrawer-open-full.mainDrawer-docked h3:nth-child(8) {display: none;}

/*Remove Links e informações do vídeo*/
div.linksSection, div.audioVideoMediaInfo {display: none;}

/*Remove selecionador de vídeo(não aplicado quando tem mais de uma versão de vídeo*/
div.selectVideoContainer {display: none;}

progress.playbackProgress::-webkit-progress-value, progress.playbackProgress::-moz-progress-bar {background-color:red;}

/*Remove opções Exibir e Tela Inicio da página de ajustes (perfil)*/
div.mainDrawer-docked a:nth-child(-n+3) {display: none !important;}

/ * Ocultar upload da câmera * /
[ data - collectiontype = "boxsets" ], [ data - id = "165db2549e77c71dacef0e83a95cc5de" ] { display : none ! importante }

/ *Remover o nome Emby Web dá pagina de configurações, do usuário* /
p.appInfo {display: none;}

/ *Remove My Media* /
div.section0 div.sectionTitleContainer {display: none;}

/ * Remove tab Trailers* /
body > div.skinHeader.focuscontainer-x.skinHeader-withBackground.headroom > div > div.headerMiddle.sectionTabs > div > div > button:nth-child(3) = Movies Trailers tab

Your comment broke the code, remove the space.

/ *Remover o nome Emby Web dá pagina de configurações do usuário* /

to 

/*Remover o nome Emby Web dá pagina de configurações do usuário*/

Don't know if it is a copy and paste issue or a translation issue, but look at all your comments.

Plus last line is incomplete.

Edited by Happy2Play
Alexwerilles
Posted
7 minutes ago, Happy2Play said:

Your comment broke the code, remove the space.


/ *Remover o nome Emby Web dá pagina de configurações do usuário* /

to 

/*Remover o nome Emby Web dá pagina de configurações do usuário*/

Don't know if it is a copy and paste issue or a translation issue, but look at all your comments.

in the custom css box it's normal, without errors. That was just a mistake by the translator when he came here.

As I said, I didn’t change anything, it’s the same as before

Alexwerilles
Posted
8 minutes ago, Happy2Play said:

Your comment broke the code, remove the space.


/ *Remover o nome Emby Web dá pagina de configurações do usuário* /

to 

/*Remover o nome Emby Web dá pagina de configurações do usuário*/

Plus last line is incomplete.

'/ * Remove tab Trailers* / ' 

?

I copied from a topic here in the forum

Happy2Play
Posted
Just now, Alexwerilles said:

in the custom css box it's normal, without errors. That was just a mistake by the translator when he came here.

As I said, I didn’t change anything, it’s the same as before

Removing the spaces your code works on 4.5.0.50 and 4.6.0.1 for me.  Have you tested removing all code and only applying this?

p.appInfo {display: none;}

 

Happy2Play
Posted
2 minutes ago, Alexwerilles said:

'/ * Remove tab Trailers* / ' 

?

I copied from a topic here in the forum

It is incomplete as you are not telling it to do anything, but trying to remove the trailers tab on Movies will also remove the Upcoming tab on TV Shows as they are both the third child element.  Without page ids you can not use css to remove those header elements.

Alexwerilles
Posted
5 minutes ago, Happy2Play said:

Removing the spaces your code works on 4.5.0.50 and 4.6.0.1 for me.  Have you tested removing all code and only applying this?


p.appInfo {display: none;}

 

Yeah, it just worked.

I will reapply the codes, one at a time, until I discover the problem.

  • 3 weeks later...
Emby Tower
Posted (edited)

How can I change the color of the green progress bar during a scan? And the switch in the library setttings for "advanced settings"?

 

 

Edited by Emby Tower
PenkethBoy
Posted

which one?

did you try searching for it?

Emby Tower
Posted
Just now, PenkethBoy said:

which one?

did you try searching for it?

I've tried to find something in the forum ...

 

I'm talking about the green bar if the library scan is running, visible on the dashboard and inside the library overview.

PenkethBoy
Posted

there are three i think

dashboard

dashboard>library

and scheduled tasks

all IIRC require a different css to change the colour

Emby Tower
Posted

Then I'm talking about dashboard and dashboard-library ...

PenkethBoy
Posted

have you tried reading this thread all the way through!

Happy2Play
Posted
27 minutes ago, Emby Tower said:

Then I'm talking about dashboard and dashboard-library ...

/* Google Progress Bars */
progress::-webkit-progress-value {
  background: #0C57D6 !important; }

/* Firefox Progress Bars */
progress::-moz-progress-bar {
  background: #0C57D6 !important; }

https://emby.media/community/index.php?/topic/75856-need-help-with-css-for-slider-color/&do=findComment&comment=769209

Haven't verified other code though as things have changed over time.

  • Like 1
Alexwerilles
Posted
On 8/29/2020 at 4:01 PM, Happy2Play said:

That is not the same location.  One is on the user settings page that is a docked drawer menu.


div.mainDrawer.scrollY.scrollY-mini.mainDrawer-open-full.mainDrawer-docked h3:nth-child(8) {display: none;}

 

Hi

it seems that it no longer works with the last update

Happy2Play
Posted
29 minutes ago, Alexwerilles said:

Hi

it seems that it no longer works with the last update

div[title="Emby Web"] #expandButton {display: none;}

 

Posted
On 8/28/2020 at 4:02 AM, Alexwerilles said:

I use Debian. Unfortunately I don't know how to do that :(

Here a small Script to change the Colors on Debian after every Update.

Many thanks to Happy2Play for the tip, which can be done by script

#!/bin/sh

find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/\:green/\:#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#52b54b/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#2bc253/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#54f054/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#5EC157/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#009F00/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#00B32C/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/rgba(82,181,75/rgba(12,87,214/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/rgba(82, 181, 75/rgba(12, 87, 214/g' {} \;

cp -a /usr/local/bin/emby-change-color/logowhite.png /opt/emby-server/system/dashboard-ui/modules/themes/logowhite.png

service emby-server restart

 

  • Like 1
Alexwerilles
Posted
4 hours ago, Magulan said:

Here a small Script to change the Colors on Debian after every Update.

Many thanks to Happy2Play for the tip, which can be done by script


#!/bin/sh

find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/\:green/\:#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#52b54b/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#2bc253/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#54f054/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#5EC157/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#009F00/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/#00B32C/#0C57D6/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/rgba(82,181,75/rgba(12,87,214/g' {} \;
find /opt/emby-server/system/dashboard-ui -iregex '.*\.\(css\|js\|json\|html\|txt\)' -exec sed -i -e 's/rgba(82, 181, 75/rgba(12, 87, 214/g' {} \;

cp -a /usr/local/bin/emby-change-color/logowhite.png /opt/emby-server/system/dashboard-ui/modules/themes/logowhite.png

service emby-server restart

 

Thank you!

Alexwerilles
Posted (edited)

Does anyone know how I can change the color of the browser address bar, on my phone? The bar turns green when Emby starts. I wanted to make it red or black

 

 

WhatsApp Image 2020-10-22 at 16.09.26.jpeg

Edited by Alexwerilles

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...