Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. · №7676

rubel пишет

Как его перекрасить в какой-нибудь другой цвет?

Там в настройках есть какой-то стиль Copy dark theme code for userContent.css (ShadowFox is required)
или инвертировать цвета попробуйте

скрытый текст

Выделить код

Код:

@-moz-document regexp("moz-extension\:\/\/.*/sidebar\.html") {
    body#scrapyard-sidebar div#main-container {
        background-color: white;
        filter: invert(90%);
    }
}

или откройте about:devtools-toolbox?type=extension&id=scrapyard-we%40firefox
выберите /sidebar.html документ
и сделайте свой стиль

а заголовок в боковой панели и так должен быть темным с этой темой
не знаю почему у вас так, стили мешают скорее всего

Отредактировано Vitaliy V. (28-01-2020 14:21:06)

solombala · №7677

Vitaliy V.

Vitaliy V. пишет

Ну вот у меня же срабатывает, значит опять где то накосячил...

Это 72 ? Не верю...Или User.js или еще как-то....

Vitaliy V. · №7678

solombala пишет

Не верю...

не верь, но и не спрашивай тогда

скрытый текст

solombala · №7679

Vitaliy V.
Да я на чистую ставил и не фига...причем тут косяки мои? Скроил секрет, так и скажи...

rubel · №7680

Vitaliy V. пишет

или инвертировать цвета попробуйте

Виталий, спасибо. Как всегда находите подход к нашим "хотелкам". Я попробовал инвертировать, не очень понравилось.
Остановился на этом:

скрытый текст

@-moz-document regexp("moz-extension\:\/\/.*/sidebar\.html") {
body#scrapyard-sidebar div#main-container {
background-color: lightblue;
}
}

А тему вашу - vitaliyvstyle_theme-2018.12.14 я правил, чтоб боковушка была не темная а lightblue.

Vitaliy V. · №7681

solombala пишет

Скроил секрет, так и скажи...

Зачем мне скрывать какую то хрень, это вот ты скажи как умудряешься из рабочего кода сделать нерабочий, не первый раз такое

solombala · №7682

Vitaliy V.
Какой именно ? Этот не прокатывает даже на чистой...Трудно сказать как и куда ?

скрытый текст

.urlbarView-title {
mask-image: none !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: 15px;
color: #fff !important;
}

NikosColev · №7683

Подскажите, плз, что надо прописать в userChrome.css для изменения цвета активной вкладки при использовании стандартной темной темы.
Вот так изменения не применяются:

скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

/* активный таб */
tab {
-moz-appearance: none !important;
}

tab[selected="true"] {
background-color: #7a7a7a !important;
color: #FFFFFF !important;
}

При этом странно, что для неактивных табов такой код работает:

скрытый текст

Выделить код

Код:

tab:not([selected="true"]) {
background-color: #DEDCD4 !important;
color: #000000 !important;
}

Думал, что черный цвет темы не перекрывает, но ведь не в этом дело...

Отредактировано NikosColev (28-01-2020 17:06:03)

Vitaliy V. · №7684

solombala пишет

Какой именно ?

блин, да тот же https://forum.mozilla-russia.org/viewto … 76#p777276

скрытый текст

Добавлено 25-01-2020 17:31:47
solombala
Может так

Выделить код

Код:

.urlbarView-row-inner, .urlbarView-no-wrap {
    overflow: hidden !important;
}

+ этот

скрытый текст

Выделить код

Код:

.urlbarView-title {
  mask-image: none !important;
  overflow: hidden !important;   
  text-overflow: ellipsis !important;
  font-size: 15px;
  color: #fff !important;
}

NikosColev
может для всех темных тем подойдет

скрытый текст

Выделить код

Код:

#TabsToolbar[brighttext="true"] .tabbrowser-tab[selected="true"] {
    color: white !important;
}
#TabsToolbar[brighttext="true"] .tab-background[selected="true"] {
    background-image: linear-gradient(#7a7a7a, #7a7a7a) !important;
}

и about:config
toolkit.legacyUserProfileCustomizations.stylesheets - true

NikosColev · №7685

Vitaliy V., точно, покрасить в белый и нанести нужный))) Странно, что для неактивных вкладок код работал и без этого. Спасибо.
Только теперь и цвет шрифта активной вкладки надо изменить, подскажите как?

М.б. где-то есть мануал пригодный для чтения чайникам, чтобы не дергать по таким мелочам?

Отредактировано NikosColev (28-01-2020 17:43:59)

solombala · №7686

Vitaliy V.

Vitaliy V. пишет

solombala
Может так

Ну , ты и хитер... Мозг вскипел , а тут...

скрытый текст

Выделить код

Код:

.urlbarView-row-inner, .urlbarView-no-wrap {
    overflow: hidden !important;
}

Vitaliy V. · №7687

NikosColev
первое правило как раз и изменяет цвет текста
если не работает значит возможно мешают др. стили.
мануал пригодный для чтения... ну не знаю что вам предложить может это почитать
https://developer.mozilla.org/ru/docs/L … CSS_basics
https://developer.mozilla.org/en-US/doc … /Reference
чтобы посмотреть селекторы браузера, понадобится Browser Toolbox https://developer.mozilla.org/ru/docs/T … er_Toolbox

solombala пишет

Ну , ты и хитер...

Да я тебе уже не первый раз эту ссылку сую https://forum.mozilla-russia.org/viewto … 85#p777385
а ты в упор не видел

NikosColev · №7688

Vitaliy V. пишет

первое правило как раз и изменяет цвет текста
если не работает значит возможно мешают др. стили.

Нет, не работает, меняю на черный так:

скрытый текст

Выделить код

Код:

#TabsToolbar[brighttext="true"] .tabbrowser-tab[selected="true"] {
    color: black !important;
}

Ноль реакции.

А других стилей у меня нет, дефолтная темная тема и весь мой userChrome.css таков:

скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

/* цвет активной вкладки */
#TabsToolbar[brighttext="true"] .tabbrowser-tab[selected="true"] {
    color: black !important;
}
#TabsToolbar[brighttext="true"] .tab-background[selected="true"] {
    background-image: linear-gradient(#7a7a7a, #7a7a7a) !important;
}

Добавлено 28-01-2020 18:30:29
Собственно, меня и имеющийся цвет шрифта устраивает, но интересно и вдруг понадобится изменить.

Добавлено 28-01-2020 18:33:52
Ну и кстати, если закомментировать первое правило, то цвет активной вкладки не меняется. Я думал оно фон вкладки красит белым, а второе правило нужным.

Отредактировано NikosColev (28-01-2020 18:33:52)

Vitaliy V. · №7689

NikosColev
это странно, ну а так ?

скрытый текст

Выделить код

Код:

#TabsToolbar[brighttext="true"] .tabbrowser-tab[selected="true"] .tab-text {
    color: red !important;
}

NikosColev · №7690

Vitaliy V., если его добавить вместо первого правила то ни текст, ни фон не меняются. А если прописать вторым, то и текст и фон меняются. Как должно-то быть?

Vitaliy V. · №7691

NikosColev
случаем код не закомментировали случайно или ошибка синтаксиса
проверьте еще раз, можно заменить первый, можно добавить, особой роли не играет,
у меня и с одним первым вариантом работает...

NikosColev · №7692

Vitaliy V., нет ошибок нет, перепроверил создавая новые файлы:
Фон меняется, шрифт нет:

скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

/* цвет активной вкладки */
#TabsToolbar[brighttext="true"] .tabbrowser-tab[selected="true"] {
    color: red !important;
}
#TabsToolbar[brighttext="true"] .tab-background[selected="true"] {
    background-image: linear-gradient(#7a7a7a, #7a7a7a) !important;
}

Фон меняется, шрифт нет:

скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

/* цвет активной вкладки */
#TabsToolbar[brighttext="true"] .tabbrowser-tab[selected="true"] .tab-text {
    color: red !important;
}
#TabsToolbar[brighttext="true"] .tab-background[selected="true"] {
    background-image: linear-gradient(#7a7a7a, #7a7a7a) !important;
}

Меняется и фон и шрифт:

скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 

/* цвет активной вкладки */
#TabsToolbar[brighttext="true"] .tabbrowser-tab[selected="true"] .tab-text {
    color: white !important;
}

#TabsToolbar[brighttext="true"] .tabbrowser-tab[selected="true"] {
    color: red !important;
}

#TabsToolbar[brighttext="true"] .tab-background[selected="true"] {
    background-image: linear-gradient(#7a7a7a, #7a7a7a) !important;
}

Добавлено 28-01-2020 19:18:24
FF68ESR, если это важно...

Добавлено 28-01-2020 19:22:48
Хотел ещё попробовать посмотреть на вкладки под адресной строкой, единственное что получилось нагуглить, Ваш код отсюда, но он почему-то не работает, ткнёте в актуальный?

Отредактировано NikosColev (28-01-2020 19:24:18)

Vitaliy V. · №7693

NikosColev
все три варианта работают на [firefox] 68 esr и вкладки под адресной тоже
что то не так делаете... скиньте вашу папку chrome с содержимым

NikosColev · №7694

Vitaliy V.,

Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

kokoss · №7695

NikosColev
В [firefox] esr 68 работает и этот стиль: https://forum.mozilla-russia.org/viewto … 17#p777417 и этот: https://forum.mozilla-russia.org/viewto … 45#p766645

скрытый текст

Проверьте на чистом профиле!

Vitaliy V. · №7696

NikosColev
этого /userChrome.css/ здесь быть не должно

скрытый текст

/userChrome.css/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

Кодировку сделайте UTF-8 без BOM

NikosColev · №7697

Vitaliy V., вот-вот, удалил и всё заработало и на чистом, и на не чистом. Спасибо Вам за терпение.
А что так надо прочитал

скрытый текст

Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

solombala · №7698

Vitaliy V.
Последняя шняга ...pageinfo - все пересмотрел , но это никак ... Серты - черные..

Впрочем...

скрытый текст

Выделить код

Код:

input:-moz-read-only,
  textarea:-moz-read-only {
    background: none;
    border: none;
    width: 100%;
    padding-block: 0;
    margin-inline: 0;
    color: #00ffff;
  }

th,
td > input {
    
    color: #fff;
  }

Отредактировано solombala (28-01-2020 21:24:41)

NikosColev · №7699

Vitaliy V. пишет

чтобы посмотреть селекторы браузера, понадобится Browser Toolbox https://developer.mozilla.org/ru/docs/T … er_Toolbox

А можно скрин на котором видно как селектор неактивной вкладки определяется?

Vitaliy V. · №7700

NikosColev
Для неактивных конкретно селекторов нет, есть отрицательный псевдокласс :not()
.tabbrowser-tab:not([selected="true"])

Вот скрин если это как то поможет

скрытый текст

Чтобы выбрать элемент нажмите на значок в верхнем левом углу в инструментах а потом на нужный элемент

Отредактировано Vitaliy V. (28-01-2020 23:59:51)

Полезная информация

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Board footer