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

f480185 · №13776

6e73epo пишет

f480185 вы сразу выкладывайте всю папку chrome и на нормальный аплоадер https://www.upload.ee, и сразу десятки людей проверят и скажут, почему не работает

В папке chromе есть только файл userChrome.css
Ссылка на файл
https://www.upload.ee/files/16148969/us … e.css.html

kokoss · №13777

f480185 пишет

Да, этот стиль тоже не работает.
Можно Вас попросить исправить мой файл и отправить мне ссылку на файл.

Я же вам уже подсказал в чём причина, давайте ещё раз продублирую

Add, закрывающая скобка -> }

Отредактировано kokoss (10-01-2024 22:29:10)

6e73epo · №13778

f480185 ссылка на файл
В about:config выставить browser.uidensity = 1

Mrakobes666 · №13779

Подскажите как изменить эту строку поиска (сделать выше, убрать линию и синее выделение, убрать отображающийся текст)

И как убрать меню сторонних приложений?

А также изменить адресную строку (синее выделение и высота)

kokoss · №13780

Mrakobes666 пишет

А также изменить адресную строку (синее выделение и высота)

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
   --urlbar-min-height: 26px !important;
   --urlbar-icon-padding: 4px !important;
   --urlbar-container-padding: 0px !important;
   --toolbar-field-focus-border-color: transparent !important;
}
}

Добавлено 11-01-2024 21:22:59

Mrakobes666 пишет

Подскажите как изменить эту строку поиска (сделать выше

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

Выделить код

Код:

#sidebar-search-container {
  padding: 2px !important;
}

Отредактировано kokoss (11-01-2024 22:14:46)

Vah · №13781

6e73epo пишет

Vah пишет
В Vivaldi (Chrome) можно сделать через CSS
И где этот чудо код? Сделать не сложно. На приведенном скрине нет ни одной вкладки с однострочным названием. Интересно посмотреть, по центру ли выравнивание

На форуме Vivaldi https://forum.vivaldi.net/topic/85469/t … ws-of-text нашёл код без ораничения числа строк и выравнивания:

.tab-position .tab .title {
align-items: start; white-space: pre-line;
line-height: 9px; height: 18px; font-size: smaller;
text-transform: uppercase; letter-spacing: .2px;
}

Почитал матчасть, поэкспериментировал, в итоге с однострочным выравниванием на данный момент такой вариант:

.tab-position .tab .title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-align: center;
overflow: hidden;

align-items: center; white-space: pre-line;
font-family: "Segoe UI";
line-height: 12px; height: 24px; font-size:10px;

margin-top: -4px !important;
margin-left: -5px !important;
}

Отредактировано Vah (11-01-2024 23:22:29)

6e73epo · №13782

Vah подстроите под себя

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

Выделить код

Код:

.tab-label {
  align-items: center;
  display: inline-grid !important;
  overflow: hidden;
  word-break: break-all;
  white-space: unset !important;
  height: 27px;
  line-height: 1.1 !important;
}

Vah · №13783

6e73epo, спасибо ОГРОМНОЕ! Как я рад

Mrakobes666 · №13784

kokoss

спасибо)) А все же как изменить меню - убрать пункты расширений (fox replace, singl file), как на скрине

а с поиском в панели я решил таким образом

/*строка поиска в библиотеке*/
#sidebar-search-container #search-box {
padding: 14px 4px 14px 4px !important;
margin: -8px !important;
-moz-appearance: none !important;
background-color: #F0F0F4 !important;
border: 0px solid #ccc !important}

Отредактировано Mrakobes666 (12-01-2024 13:56:33)

kokoss · №13785

Mrakobes666 пишет

убрать пункты расширений (fox replace, singl file), как на скрине

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

Выделить код

Код:

#button_fox_replace_fx-sidebar-action,
#button__531906d3-e22f-4a6c-a102-8057b88a1a63_-sidebar-action,
#sidebar-extensions-separator {
  display: none;
}

Mrakobes666 · №13786

kokoss спасибо, понял логику и вот немного изменив, все получилось

Выделить код

Код:

/*убрать пункты расширений (fox replace, singl file)*/ 
#sidebarswitcher_menu_fox_replace_fx-sidebar-action,
#sidebarswitcher_menu__531906d3-e22f-4a6c-a102-8057b88a1a63_-sidebar-action,
#sidebar-switcher-tabs,
#sidebar-reverse-position,
#sidebarMenu-popup > menuitem:nth-child(10),
#sidebar-extensions-separator {
  display: none;
}

Mrakobes666 · №13787

А как убрать раздражающую рамку из синих точек вокруг пункта в библиотеке под курсором?
И как убрать "Другие закладки"

А еще, недавно появившийся т.н. "Обзор фаерфркс"

Как увеличить кол-во "недавно закрытые вкладки"

Злой Буратино · №13788

Подскажите, как изменить цвет этой области при неактивном окне?

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

Отредактировано Злой Буратино (12-01-2024 14:48:55)

Farby · №13789

Злой Буратино пишет

Подскажите, как изменить цвет этой области при неактивном окне?

В первом приближении, конкретно этой области нет, но может и не понравиться

arrowscrollbox.css

Выделить код

Код:

:root:-moz-window-inactive:not([customizing]) #tabbrowser-tabs > #tabbrowser-arrowscrollbox:not(:hover) {
  background-color: red !important;
}
:root:-moz-window-inactive:not([customizing]) .tabbrowser-tab:not([selected]):not(:hover) {
  background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
}

kokoss · №13790

Mrakobes666 пишет

А как убрать раздражающую рамку из синих точек вокруг пункта в библиотеке под курсором?

Если правильно понял то так:

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

Выделить код

Код:

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

лучше так

Выделить код

Код:

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

Отредактировано kokoss (12-01-2024 18:01:06)

6e73epo · №13791

Злой Буратино это не цвет, а фон. Тема неизвестна, поэтому оставить одну из переменных, на которой сработает

Выделить код

Код:

#navigator-toolbox {
  --toolbox-non-lwt-bgcolor-inactive: light-dark(green, red);
  --lwt-accent-color-inactive: light-dark(yellow, blue);
}

Mrakobes666 · №13792

kokoss спасибо, дружище! Чет меня сегодня проперло по красоте лупануть

6e73epo · №13793

Mrakobes666 у меня так

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
/** убрать раздражающую желтую точечную рамку в библиотеке **/
  treechildren::-moz-tree-row(selected, current, focus) {
    --default-focusring: none;
  }
}

Mrakobes666 · №13794

RКак убрать затемнениие при наведении (затемняется с полосой на пол кнопки) на кнопке "Вид" в журнале боковой панели?

kokoss · №13795

Mrakobes666 пишет

Как убрать затемнениие при наведении (затемняется с полосой на пол кнопки) на кнопке "Вид" в журнале боковой панели?

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

Выделить код

Код:

#history-panel.sidebar-panel > #sidebar-search-container button#viewButton {
   background-color: transparent !important;
}

xrun1 · №13796

Злой Буратино
С 119-й версии добавили параметр в about:config browser.theme.windows.accent-color-in-tabs.enabled. В значении true меняет цвет окна на системное значение.
Мне на понравилось, пользуюсь стилем

Выделить код

Код:

:root[tabsintitlebar] {
  --toolbox-non-lwt-bgcolor: rgb(0,209,234) !important; /* цвет фона активного окна */
  --toolbox-non-lwt-bgcolor-inactive: rgb(215,0,242) !important; /* цвет фона неактивного окна */
}

Mrakobes666 · №13797

kokoss

Теперь она все время закрашена. Как бы ее в нормальный вид привести? Я что-то ее двигаю, увеличиваю и тд она все никак ((... чтобы с ней такое сделать, уменьшить что-ли и влево сместить?

вот >>>

Выделить код

Код:

/*кнопка вид в поиске в журнале*/
#viewButton {
  padding: 4px 2px 4px 2px !important;
  margin: -8px !important;
  -moz-appearance: none !important;
  }

Отредактировано Mrakobes666 (12-01-2024 21:49:59)

6e73epo · №13798

Mrakobes666 пишет

Как убрать затемнениие при наведении (затемняется с полосой на пол кнопки) на кнопке "Вид" в журнале боковой панели?

Дотвикались со стилями, что прямоугольник поиска наезжает на кнопку Вид

kokoss · №13799

Mrakobes666 пишет

Теперь она все время закрашена. Как бы ее в нормальный вид привести?

Добавьте после #viewButton -> :hover

чтобы с ней такое сделать, уменьшить что-ли и влево сместить?

без понятия, у меня эта кнопка скрыта вместе с панелью поиска.

Отредактировано kokoss (12-01-2024 23:49:10)

Mrakobes666 · №13800

В общем кнопка наполовину закрашивается при наведении

и так

а пупырышки теперь так

:cry:

Отредактировано Mrakobes666 (13-01-2024 09:58:12)

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

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