Jump to content

Color


Recommended Posts

  • 2 weeks later...
Alexwerilles
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

Link to post
Share on other sites
Happy2Play
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
Link to post
Share on other sites
Alexwerilles
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

Link to post
Share on other sites
Happy2Play
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
Link to post
Share on other sites
Alexwerilles
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

Link to post
Share on other sites
Alexwerilles
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

Link to post
Share on other sites
Happy2Play
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;}

 

Link to post
Share on other sites
Happy2Play
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.

Link to post
Share on other sites
Alexwerilles
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.

Link to post
Share on other sites
  • 3 weeks later...
Emby Tower

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
Link to post
Share on other sites
Emby Tower
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.

Link to post
Share on other sites
PenkethBoy

there are three i think

dashboard

dashboard>library

and scheduled tasks

all IIRC require a different css to change the colour

Link to post
Share on other sites
Happy2Play
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
Link to post
Share on other sites
Alexwerilles
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

Link to post
Share on other sites
Happy2Play
29 minutes ago, Alexwerilles said:

Hi

it seems that it no longer works with the last update

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

 

Link to post
Share on other sites
Magulan
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
Link to post
Share on other sites
Alexwerilles
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!

Link to post
Share on other sites
Alexwerilles

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
Link to post
Share on other sites

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...