userchrome.css

[OSH]

Dobra. Wkurzyłem się. Ostatnia aktualizacja rozwaliła mi całkowicie wygląd. Zainstalowałem starszą , konkretnie 91.0. Nie mogę zrozumieć jednej rzeczy. Dlaczego do diaska ten program ignoruje moje ustawienie kolorów w systemie? Mam ustawiony wysoki kontrast, ale niestandardowy, bo tło mam ciemnoniebieskie, a litery żółte. Tymczasem TB wyświetla mi ciemne tło i białe litery. na panelu listów oraz kont, a także w wielu innych miejscach (np. w książce adresowej, menu głównym itp.) A jest ustawione, żeby korzystał ze schematu systemowego. Doprowadzony do ostateczności zacząłem ręcznie zmieniać kolory i czcionki korzystając z userchrome.css, ale nigdzie nie mogę znaleźć pełnej rozpiski do tego, więc straciłem jakieś 6 godzin grzebiąc w Google i mozolnie wyszukując, które pojedyncze parametry odpowiadają za konkretne elementy. A i tak mi się nie udało ustawić wszystkiego, bo np. tło pola wyszukiwania wciąż ma kolor, jaki ustawił sobie Thunderbird (nieprawidłowo, bo powinno byc jak w systemie, czyli ciemnoniebieskie, a jest ciemnoszare). Zaczynam mieć dość. Ktoś mi powie, jak globalnie w CSS ustawić sobie kolory? Nie opcjami, bo tych elementów jest tyle, że mozna dostać szału, ustawiając to wszystko pojedynczo. Popatrzcie sobie:

Kod: Zaznacz cały

/* Frank edited file - you are good to go...*/

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
#threadTree treechildren::-moz-tree-cell-text(unread) {
-moz-appearance: none !important;
color: #E0E000 !important;
font-weight: bold !important;
font-family: Arial !important;
font-size: 18pt !important;
}
#threadTree treechildren::-moz-tree-cell-text(read) {
-moz-appearance: none !important;
color: #E0E000 !important;
font-weight: normal !important;
font-family: Arial !important;
font-size: 18pt !important;
}
#threadTree treechildren::-moz-tree-row {
height: 25pt !important;
}
:root {
  --mailpanel_background_color: #ffffff;
  --mailpanel_text_color: #000000;
}

/* mail list background */
:is(#folderTree, #threadTree) {
  background: var(--mailpanel_background_color) !important;
  color: var(--mailpanel_text_color) !important;
}

:root {
  --tab-min-height: 26px !important;
}

#titlebar-buttonbox .titlebar-button {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
#tabs-toolbar
{ background-color: #003264 !important; }

#mail-bar3
{ background-color: #003264 !important; }
/* Tabs */

.tab-background-start[selected="true"],
.tab-background-middle[selected="true"],
.tab-background-end[selected="true"]
{ background-color: yellow !important; }

.tab-background-start:not([selected="true"]),
.tab-background-middle:not([selected="true"]),
.tab-background-end:not([selected="true"])
{ background-color: lime !important; }

#quick-filter-bar-main-bar {
    background-color: #003264 !important;
}

#qfb-qs-textbox {
    background-color: #003264 !important;
color: #E0E000 !important;
    border: 0px solid transparent !important;
    font-size: 16pt !important;
    font-family: "Arial" !important;
}

tab{-moz-appearance: none !important;}
tab[selected="true"] {background-color: cyan !important;
color: yellow !important;}


Aha, używam Windows 10.

[krystian3w]

Tu masz informacje jak używać debuggera interfejsu: https://github.com/Aris-t2/CustomCSSfor ... attributes

Na ślepo sprawdź takie coś:

Kod: Zaznacz cały

:root:not(#specyfity, #fejk-ajdi, #browser), :root:not(#specyfity, #fejk-ajdi, #browser) *:not(#browser) {
background-color: cyan !important;
color: yellow !important; }

:root:not(#specyfity, #fejk-ajdi, #browser) #browser, :root:not(#specyfity, #fejk-ajdi, #browser) *:not(#browser) {
background-color: transparent !important;
color: transparent !important; } 

Do wykluczenia masz by nie tykało elementu: '#browser" (mnie się robiła prostokątna cyjanowa plama) i jak przywrócić krawędzie elementów by nie raziły milionem kresek.

Może szybciej będzie zrobić motyw z tłem cyjan i kolorem tekstu na żółto. Motywy nie wymagają podpisywania, możesz przerobić najbliższy twojej kolorystyce i zobaczyć czy wystarczy.

[OSH]

O dzięki. Ja już doszedłem, jak globalnie zmienić kolor tła:

Kod: Zaznacz cały

* {
  background-color: #003264 !important;
}


Ta gwiazdka oznacza globalną zmianę. Teraz mi zostało tylko zmienić kolor czcionki po lewej stronie na panelu kont, zwiększyć trochę rozmiar czcionki w powiadomieniach o nowych mailach i zmienić kolor tła pola wyszukiwania.

[krystian3w]

Trochę może utrudniać wciskany shadowRoot do interfejsu TB.

[OSH]

Wracam bo pojawiły się nowe okoliczności. Konkretnie potrzebuje zmienić to cholerne szare tło i biały kolor czcionki dla tworzonej wiadomości. Od razu mówię, że nie znalazłem żadnej opcji, która by to umozliwiała, więc chyba trzeba grzebać znów w userChrome.css. Obecnie używam TB 102.4.2 (64-bit) na Ubuntu 20.04. Standardowe ustawienie kolorystyczne dla TB.

https://imgur.com/a/8WiBudL

[krystian3w]

Dla wiadomości użyj pliku userContent.css.

PS. Tym możesz zafałszować tło jak odpowiadasz na mail Outlookowy (wystarczy, że kolor jest w stopce maila na jaki odpisujesz z cytowaniem całości).

[OSH]

Aha, ale mnie chodzi tylko o to, by to u mnie tak wyglądało. Czyli żeby nie było na sztywno zakodowane w HTML.