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

amid525 · №13651

dell

Отредактировано amid525 (30-11-2023 18:05:17)

ALEXS135 · №13652

Здравсвуйте! Подскажите пожалуйста, возможно ли убрать пунктирную обводку в сайдбаре и в библиотеке.
Появляется после клика. Зарание благодарю.

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

kokoss · №13653

ALEXS135 пишет

Здравсвуйте! Подскажите пожалуйста, возможно ли убрать пунктирную обводку в сайдбаре и в библиотеке.

Проверяйте ->

Выделить код

Код:

:root {
  --default-focusring: 0 dotted !important;
}

6e73epo · №13654

ALEXS135,

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
               url("chrome://browser/content/places/historySidebar.xhtml") {

  .sidebar-panel .sidebar-placesTreechildren::-moz-tree-row(selected, current, focus) {
    outline-color: transparent !important;
  }
}

@-moz-document url("chrome://browser/content/places/places.xhtml") {

  treechildren::-moz-tree-row(selected, current, focus) {
    outline-color: transparent !important;
  }
}

ALEXS135 · №13655

kokoss
Огромное спасибо!!! Выручили. Сработал код.
Помогите, пожалуйста, ещё. Как использовать свои цвета на (кнопках;сохранить - отмена) изменить закладку.
Буду очень признателен.

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

Добавлено 05-12-2023 12:35:08
6e73epo
Большое спасибо! Ваш код сработал.
Благодарю.

Отредактировано ALEXS135 (05-12-2023 12:35:08)

6e73epo · №13656

ALEXS135, может так

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/places/bookmarkProperties.xhtml") {

  dialog#bookmarkpropertiesdialog {
    --in-content-primary-button-background: green;
    --in-content-primary-button-background-hover: yellow;
    --in-content-button-background: red;
    --in-content-button-background-hover: blue;
 }
}

kokoss · №13657

ALEXS135 пишет

Помогите, пожалуйста, ещё. Как использовать свои цвета на (кнопках;сохранить - отмена) изменить закладку.

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/places/bookmarkProperties.xhtml") {
.dialog-button-box {
    --in-content-primary-button-background: свой цвет;
    --in-content-primary-button-background-hover: свой цвет;
    --in-content-button-background: свой цвет;
    --in-content-button-background-hover: свой цвет;
}
}

6e73epo · №13658

kokoss, в данном случае переменные лучше назначать вне shadow root

ALEXS135 · №13659

6e73epo
kokoss
Вырожаю Вам искреннюю благодарность за оказанную помощь! :beer: Всё работает. Не сочтите за наглость, но можно ли "прикрутить" gradient к данному коду?

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

@-moz-document url("chrome://browser/content/places/bookmarkProperties.xhtml") {
.dialog-button-box {
--in-content-primary-button-background: #607080;
--in-content-primary-button-background-hover: #009dd1;
--in-content-button-background: #213040;
--in-content-button-background-hover: #009dd1;
}
}

amid525 · №13660

Подскажите пожалуйста, после применения ESR Lepton Photon Style всплывающие уведомления сообщений стали в темном фоне. Как самому изменить фон?
Так же как подправить цвет в плавающей полосе прокрутки?

kokoss · №13661

amid525 пишет

Так же как подправить цвет в плавающей полосе прокрутки?

Выделить код

Код:

:root {
  scrollbar-color: #0000FF transparent !important;
}

или такой вариант ->

Выделить код

Код:

* {
  scrollbar-color: #0000FF transparent !important;
}

amid525 · №13662

kokoss спасибо, помогло! А как по первому вопросу?

kokoss · №13663

amid525 пишет

А как по первому вопросу?

В этой строке...

amid525 · №13664

kokoss
Не меняет цвет.

kokoss · №13665

amid525 пишет

Не меняет цвет.

Ну если так -> --menu-background-color: red; не работает, тогда не знаю.

Add, попробуйте ещё тут изменить...

Отредактировано kokoss (06-12-2023 23:37:17)

amid525 · №13666

kokoss
Нет.
Вот когда удаляю строки alertBox 2315-2321 тогда появляется светлое окошко! Хотелось бы фон его править..

Black_Monk · №13667

kokoss, вы со своим опытом вот по этому вопросу ничем не сможете помочь? :blush:

kokoss · №13668

amid525
Я проверял без установки всего комплекта ESR-Lepton, только с

этим кодом

Выделить код

Код:

/*= Notification =============================================================*/
  @-moz-document url("chrome://global/content/alerts/alert.xhtml")
  {
    /* Color */
    :root {
      --menu-color: #15141a;
      --menu-background-color: #f9f9fb;
      --menu-border-color: #cfcfd8;
      --menuitem-hover-background-color: #e0e0e6;
    }
    @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
      :root {
        --menu-border-color: rgba(107, 107, 107, 0.3);
        --menu-color: #fbfbfe;
        --menu-background-color: red;
        --menuitem-hover-background-color: #52525e;
      }
      #alertSourceLabel {
        color: rgb(5, 209, 241) !important;
      }
    }
    /* line below removes background from the notification "window" on linux */
    #alertNotification {
      background: transparent !important;
    }
    #alertBox {
      color: var(--menu-color) !important;
      background-color: var(--menu-background-color) !important;
      border-color: var(--menu-border-color) !important;
      border-radius: 6px !important;
      -moz-window-shadow: cliprounded !important;
    }

и у меня работает:

Black_Monk пишет

вот по этому вопросу ничем не сможете помочь?

с этим нет.

Add, попробуйте: со строки 11942 по 11962 и со строки 13381 по 13404 удалить или закомментировать.

Отредактировано kokoss (07-12-2023 17:16:27)

Black_Monk · №13669

kokoss пишет

попробуйте: со строки 11942 по 11962 и со строки 13381 по 13404 удалить или закомментировать.

У вас там leptonChromeESR.css, я правильно понимаю, что в leptonChrome.css нужно удалить что-то подобное?

Отредактировано Black_Monk (07-12-2023 17:22:19)

YrdErfgert · №13670

Можно во вкладках вернуть бублик поиска сайта? Сейчас некая точка показывает активность поиска вправо-влево.: неудобно для понимания доступности страницы.

kokoss · №13671

Black_Monk пишет

А точно эти диапазоны удалить?

Можете удалить или закомментировать, о чём указал выше!

Добавлено 07-12-2023 17:30:13

Black_Monk пишет

что в leptonChrome.css нужно удалить что-то подобное?

Да, у меня просто страница leptonChrome.css не открывается.

Отредактировано kokoss (07-12-2023 17:30:13)

Black_Monk · №13672

kokoss пишет

Можете удалить или закомментировать, о чём указал выше!

Удалил всё тоже самое в leptonChrome.css по аналогии с вашим примером. Ничего не изменилось... По прежнему, иконки убрать можно, а пустые места под ними остаются...

kokoss · №13673

Black_Monk пишет

Удалил всё тоже самое в leptonChrome.css по аналогии с вашим примером. Ничего не изменилось...

Тогда не знаю, у меня изменилось!

Black_Monk · №13674

kokoss пишет

Тогда не знаю, у меня изменилось!

Дык у вас же не 120 [firefox] . Видимо, из-за этого, так?

Отредактировано Black_Monk (07-12-2023 17:55:32)

kokoss · №13675

Black_Monk пишет

у вас же не 120 . Видимо, из-за этого, так?

Может быть...

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

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