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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№1370123-12-2023 20:00:08

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1165
UA: Firefox 120.0

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

JKT
Для колёсика нужен значок. Стиль можно взять у Aris-t2 (ключевое слово throbber). И значок там же.

Отсутствует

 

№1370223-12-2023 20:08:10

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 110
UA: Firefox 121.0

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

ALEXS135 пишет

Остаются серые, острые углы. Как сделать правильно?

Попробуйте в border-radius изменить единицу измерения, например, вместо 4em указать 8px, хотя можно и 4em уменьшить до 1em, это непринципиально и цифры условные. Как минимум подбором числа можно совместить углы. Мне так кажется.

Отсутствует

 

№1370323-12-2023 20:58:51

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 121.0

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

ALEXS135, с твоими цветами для закладок будет так

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/places/bookmarkProperties.xhtml") {
  input:where([type="text"]) {
    --in-content-box-border-color: #191d22;
    border-radius: 4em !important;
    --in-content-box-background: #000;
  }
}

Ну а окно с очисткой истории к интерфейсу не относится

Отредактировано 6e73epo (23-12-2023 21:15:53)

Отсутствует

 

№1370424-12-2023 00:24:16

ALEXS135
Участник
 
Группа: Members
Зарегистрирован: 17-01-2020
Сообщений: 15
UA: Firefox 121.0

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

fuchsfan пишет
ALEXS135 пишет

Остаются серые, острые углы. Как сделать правильно?

Попробуйте в border-radius изменить единицу измерения, например, вместо 4em указать 8px, хотя можно и 4em уменьшить до 1em, это непринципиально и цифры условные. Как минимум подбором числа можно совместить углы. Мне так кажется.

Если уменьшить число "border-radius" углы без "круглых углов":)...беда, беда...

Добавлено 24-12-2023 00:37:11
6e73epo
Спасибо за помощь! К сожалению, результата нет:( Окно серое, углы тупые.
Подскажите "название окон" очистка - изменить закладку, если можно. Заранее спасибо

скрытый текст
sshot-2023-12-23-23-10-47.png

Отредактировано ALEXS135 (24-12-2023 00:37:11)

Отсутствует

 

№1370524-12-2023 02:11:52

oneliner
Участник
 
Группа: Members
Зарегистрирован: 20-03-2013
Сообщений: 20
UA: Firefox 117.0

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

Подскажите,как убрать белую рамку вокруг активных вкладок?
https://hostingkartinok.com/show-image. … 2f28163960

Отредактировано oneliner (24-12-2023 02:14:44)

Отсутствует

 

№1370624-12-2023 02:54:56

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 121.0

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

ALEXS135, значит я неправильно понял

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
  .dialogBox:not(.spotlightBox) {
    box-shadow: 0 2px 14px 0 rgba(255, 255, 255, 0.1) !important;
    border-radius: 4em !important;
  }
}

@-moz-document url("chrome://browser/content/places/bookmarkProperties.xhtml") {
  @media (prefers-color-scheme: dark) {
    @media not (prefers-contrast) {
      :root[dialogroot] {
        --in-content-page-background: #000 !important;
      }
    }
  }
}

Отсутствует

 

№1370724-12-2023 06:13:59

ALEXS135
Участник
 
Группа: Members
Зарегистрирован: 17-01-2020
Сообщений: 15
UA: Firefox 121.0

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

6e73epo
Всё великолепно! Большое Вам спасибо!!!:) Подправил "под себя" так можно использовать? "задевать" другие стили не будет? Вроде работает:)

скрытый текст
sshot-2023-12-24-04-26-30.png

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

Выделить код

Код:

.dialogBox:not(.spotlightBox) {
 border-radius: 2.5em !important;
}
:root[dialogroot] {
 color:#c9c6db !important;
  --in-content-page-background: #000 !important;
}

Отсутствует

 

№1370824-12-2023 18:39:39

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 115.0

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

oneliner пишет

Подскажите,как убрать белую рамку вокруг активных вкладок?
https://hostingkartinok.com/show-image. … 2f28163960

Как вариант


Win7

Отсутствует

 

№1370925-12-2023 06:03:51

oneliner
Участник
 
Группа: Members
Зарегистрирован: 20-03-2013
Сообщений: 20
UA: Firefox 117.0

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

kokoss пишет

oneliner пишетПодскажите,как убрать белую рамку вокруг активных вкладок?https://hostingkartinok.com/show-image. … 2f28163960Как вариант

не нашел я в manifest таких строк,мне эту рамочку убрать и всё было бы просто идеально:/

Отсутствует

 

№1371025-12-2023 18:07:26

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 115.0

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

oneliner пишет

не нашел я в manifest таких строк,мне эту рамочку убрать и всё было бы просто идеально

Тему какую используйте?


Win7

Отсутствует

 

№1371126-12-2023 16:00:09

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 26
UA: Firefox 115.0

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

Здравствуйте.
kokoss, пожалуйста, ответьте на вопросы.


Выпадающее меню Панель закладок и кнопка Меню закладок.
1. Как изменить цвет - текст, иконки и другие элементы (цвет - Blue).
2. Как изменить шрифт текста (Tahoma или Verdana).
Панель меню не меняем.

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

5FFzuHf.png

Панель закладок
3. Как изменить цвет фона панели (цвет - Green).

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

3gHge4d.png

4. Существует ли расширение которое меняет Панель закладок -
цвет (текст, иконки и другие элементы) и шрифт (текст).

Отредактировано woe495 (26-12-2023 22:33:10)

Отсутствует

 

№1371226-12-2023 22:57:59

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 115.0

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

woe495 пишет

4. Существует ли расширение которое меняет Панель закладок -
цвет (текст, иконки и другие элементы) и шрифт (текст).

Попробуйте это
Add, или такой вариант

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

Выделить код

Код:

#PersonalToolbar {
   background-color: green !important;
}

.menupopup-arrowscrollbox, .bookmark-item[container] {
   fill: blue !important;
   color: blue !important;
   font-family: Verdana !important;
}

Отредактировано kokoss (27-12-2023 00:50:27)


Win7

Отсутствует

 

№1371328-12-2023 16:00:11

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 26
UA: Firefox 115.0

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

kokoss, спасибо, прекрасный код!
Я добавил его сюда -
https://forum.mozilla-russia.org/viewto … 11#p804211
Расширения пока не пробовал, но обязательно попробую.


Панель закладок
В темной теме и в приватном режиме
не видны вертикальный «separator» и «chevron-double-right»
Можно решить эту проблему?

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

m7AGAX4.png  be0VVeq.png  VqkYqrr.png

Можно ли сделать такую тень для -
Выпадающее меню Панель закладок и кнопка Меню закладок.

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

QYYpl4v.png  KhSUzTu.png

Отредактировано woe495 (29-12-2023 17:05:11)

Отсутствует

 

№1371428-12-2023 19:41:26

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 110
UA: Firefox 121.0

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

woe495 пишет

не видны «разделители» и «chevron-double-right»

1. В строке --panel-separator-color: #d7d7d7 !important; изменить цвет --panel-separator-color: orange !important;
2.

Выделить код

Код:

#PlacesChevron {
    fill: orange !important;
}

Отредактировано fuchsfan (28-12-2023 19:42:58)

Отсутствует

 

№1371528-12-2023 23:26:24

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 115.0

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

woe495 пишет

Панель закладок
В темной теме и в приватном режиме
не видны вертикальные «separator» и «chevron-double-right»
Можно решить эту проблему?
скрытый текст

Можно ли сделать такую тень для -
Выпадающее меню Панель закладок и кнопка Меню закладок.
скрытый текст

С этим не помогу. Может кто подскажет!

Отредактировано kokoss (28-12-2023 23:32:26)


Win7

Отсутствует

 

№1371629-12-2023 17:00:11

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 26
UA: Firefox 115.0

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

fuchsfan, спасибо.


Панель закладок
«chevron-double-right»
решено

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

Выделить код

Код:

#PlacesChevron {
  fill: #000000 !important;
}


Панель закладок
вертикальный «separator»
не решено


https://forum.mozilla-russia.org/viewto … 61#p808061

Отсутствует

 

№1371729-12-2023 18:39:53

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 121.0

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

woe495, почему в темной теме панель закладок остается светлой или так задумано? Тогда можно попробовать

Выделить код

Код:

#PersonalToolbar {
  --toolbarseparator-color: red;
}

Отсутствует

 

№1371829-12-2023 22:00:11

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 26
UA: Firefox 115.0

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

6e73epo, спасибо.


Панель закладок
вертикальный «separator»
решено
https://forum.mozilla-russia.org/viewto … 61#p808061

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

Выделить код

Код:

#PersonalToolbar {
  --toolbarseparator-color: #000000 !important;
}


Панель закладок
Можно изменить цвет выделения папки?
скрытый текст

47F5wc2.png  1pE6Dqq.png


Почему в темной теме панель закладок остается светлой?
Так задумано. Когда код будет готов, тогда я буду перебирать разные цвета.
Полный код -
https://forum.mozilla-russia.org/viewto … 11#p804211

Отредактировано woe495 (30-12-2023 01:25:10)

Отсутствует

 

№1371929-12-2023 22:26:45

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 121.0

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

woe495, --toolbarseparator-color: #000000 !important; без !important не работает?

Можно изменить цвет выделения папки?

по соседству добавить вторую переменную
--toolbarbutton-active-background: red;

Отредактировано 6e73epo (29-12-2023 22:32:34)

Отсутствует

 

№1372030-12-2023 02:00:41

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 26
UA: Firefox 115.0

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

6e73epo, спасибо.


Панель закладок
цвет выделения папки
решено
Я добавил - toolbarbutton-hover-background
Нашел это здесь - https://searchfox.org/mozilla-release/s … uttons.css

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

Выделить код

Код:

#PersonalToolbar {
  --toolbarbutton-hover-background: #dddde4 !important;
  --toolbarbutton-active-background: #cfcfd8 !important;
}

без !important не работает?
Работает. Добавил, потому что в коде
https://forum.mozilla-russia.org/viewto … 11#p804211
во многих строках стоит - !important;

Отредактировано woe495 (30-12-2023 23:55:10)

Отсутствует

 

№1372130-12-2023 07:05:40

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1165
UA: Firefox 121.0

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

woe495
Посмотрел у себя "боевую раскраску", может, и Вам пригодится. Перекрашивает выделение панели закладок. Код не мой, делал по аналогии с боковой панелью.

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

Выделить код

Код:

/* раскраска иконок на панели закладок, по аналогии с предыдущим стилем для боковой панели */
#PlacesToolbarItems > toolbarbutton.bookmark-item:hover:not([open]) {
  background-color: blue !important;
  color: white !important;
}
#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"] {
  background-color: red !important;
  color: white !important;
}
#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"]:not(:hover) {
  background-color: darkred !important;
  color: white !important;
}
/* С 108-й перестал работать background-color для кнопок; разделил с тем, что выше */
#PlacesChevron:hover:not([open]) {
  --toolbarbutton-hover-background: blue !important;
  fill: white !important;
}

#PlacesChevron[open="true"] {
  --toolbarbutton-active-background: red !important;
  fill: white !important;
}
#PlacesChevron[open="true"]:not(:hover) {
  --toolbarbutton-active-background: darkred !important;
  fill: white !important;
}
/* уменьшение пробелов в панели Закладок слева от иконки и справа от текста https://forum.mozilla-russia.org/viewtopic.php?pid=763384#p763384 */
#PlacesToolbarItems > toolbarbutton.bookmark-item {
    max-width: 7em !important;
    margin: 0 !important;
    padding: 1px !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
    margin-inline-end: 1px !important;
}
/* сдвигает первую иконку в панели Закладок на 5px вправо */
#PlacesToolbarItems {
    margin-left: 5px !important;
    margin-top: 0 !important
    margin-bottom: 0 !important;
}
/* цвет панели закладок */
#personal-bookmarks:not(:-moz-lwtheme) {
    background-color: #40E0D0 !important;
    color: #A0522D !important;
}


Если нужно, выложу и боковую панель.

Отсутствует

 

№1372230-12-2023 07:23:42

oneliner
Участник
 
Группа: Members
Зарегистрирован: 20-03-2013
Сообщений: 20
UA: Firefox 121.0

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

kokoss пишет
oneliner пишет

не нашел я в manifest таких строк,мне эту рамочку убрать и всё было бы просто идеально

Тему какую используйте?

Пользуюсь двумя:
Gray themes от Richard Sdef
AMD RyzenGray от j1mp492
Если нужно отредактировать файлы,тыкните куда искать и что переписать :D

Отредактировано oneliner (30-12-2023 11:14:36)

Отсутствует

 

№1372330-12-2023 15:18:26

ALEXS135
Участник
 
Группа: Members
Зарегистрирован: 17-01-2020
Сообщений: 15
UA: Firefox 121.0

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

День добрый! Подскажите, пожалуйста, как "закруглить" окно и кнопки. Заранее спасибо.

скрытый текст
sshot-2023-12-30-13-56-53.png

Отсутствует

 

№1372430-12-2023 16:46:18

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 110
UA: Firefox 121.0

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

ALEXS135 пишет

как "закруглить" окно

Выделить код

Код:

/* userContent.css */
.dialogBox {
	border-radius: 32px !important;
}

Отсутствует

 

№1372530-12-2023 19:42:16

ALEXS135
Участник
 
Группа: Members
Зарегистрирован: 17-01-2020
Сообщений: 15
UA: Firefox 121.0

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

fuchsfan
Спасибо за помощь, но не сработало:(

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]