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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№1217603-06-2022 10:04:23

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1715
UA: Firefox 91.0

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

Отсутствует

 

№1217703-06-2022 19:35:35

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 203
UA: Firefox 52.0

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

sandro79
спс.

по поводу иконки, а просто в виде png файла возможно  ?
 
в фф52 был стиль который выводил id расширения в колонку с его именем, маленькими буквами чуть сбоку, а можно ли подобное сделать в фф68 ?
2022.1654274059.png

Отредактировано Kero (03-06-2022 19:41:08)

Отсутствует

 

№1217803-06-2022 20:08:16

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1715
UA: Firefox 91.0

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

Kero пишет

по поводу иконки, а просто в виде png файла возможно  ?

С css-кодом не знаю, но можно способ с chrome.manifest использовать - ссылка на архив с инструкцией по установке.

в фф52 был стиль который выводил id расширения в колонку с его именем

А посмотреть на него можно? Может можно под 68 подправить.

Отредактировано sandro79 (03-06-2022 20:17:08)

Отсутствует

 

№1217903-06-2022 20:23:44

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 203
UA: Firefox 52.0

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

sandro79

А посмотреть на него можно?

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

Выделить код

Код:

@-moz-document url("about:addons"),
  url-prefix('chrome://mozapps/content/extensions/extensions.xul'){

    .addon::before {
      content: "ID: " attr(value) !important;
      position: absolute!important;
      text-align: right !important;
      line-height: 0px!important;
            	font-size: 8pt !important;
    }
}

Отредактировано Kero (03-06-2022 21:26:21)

Отсутствует

 

№1218003-06-2022 20:59:17

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1715
UA: Firefox 91.0

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

Kero
extensions.htmlaboutaddons.enabled — false +

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

Выделить код

Код:

@-moz-document url("about:addons"),
  url-prefix('chrome://mozapps/content/extensions/extensions.xul'){

    .addon::before {
      content: "ID: " attr(value) !important;
      position: absolute!important;
      text-align: right !important;
      line-height: 0px!important;
      font-size: 8pt !important;
      margin-block: -4px 4px !important;
    }
#private-browsing-notice {
  display: none !important;
}
}

Отсутствует

 

№1218103-06-2022 21:25:54

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 203
UA: Firefox 52.0

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

sandro79

о , спс, даже не знал о такой настройке.
     
А можно ли заменить все кнопки, чекбоксы, поля, на стиль из темы виндовс, а не на эти бесконечные серые прямоугольники вместо кнопок ?
емнип раньше такое тоже было возможно.
Стили от aris-t2 могут вернуть такое только для страницы настроек а все остальные кнопки не изменены.
   
Stylus позволяет применять изменения без перезагрузки?
чёто пытаюсь его использовать но он вообще никак не меняет ничего , получается только через userContent и userChrome.
наверно что то делаю не так .

Отредактировано Kero (03-06-2022 21:34:09)

Отсутствует

 

№1218203-06-2022 21:41:45

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1715
UA: Firefox 91.0

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

Kero пишет

А можно ли заменить все кнопки, чекбоксы, поля, на стиль из темы виндовс

Не знаю, я не обладаю такими способностями в css

Stylus позволяет применять изменения без перезагрузки?

Да, но с интерфейсом браузера он уже давно не работает.

Отсутствует

 

№1218303-06-2022 23:04:08

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 203
UA: Firefox 52.0

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

а есть что то типо Stylus что обладает подобным функционалом и позволяет применять без перезагрузки браузера стили ?
Stylus сделан на основе Stylish похоже, по крайней мере интерфейс похож. Раньше Stylish  хорошо работал с браузером.
Или версия Stylish что не шпионская но работает ?

Отредактировано Kero (03-06-2022 23:05:18)

Отсутствует

 

№1218404-06-2022 08:20:07

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 209
UA: Firefox 101.0

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

sandro79 пишет

Да, но с интерфейсом браузера он уже давно не работает.

Kero пишет

а есть что то типо Stylus что обладает подобным функционалом и позволяет применять без перезагрузки браузера стили ?

StyloaiX
UserStyle manager to reskin Firefox window and websites. Replacement for legacy Stylish. More convenient than userChrome.css and userContent.css, as it has a powerful editor with instant preview, error checking, code autocomplete and you can enable/disable individual styles without restarting Firefox.

Отсутствует

 

№1218505-06-2022 19:13:51

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 101.0

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

подскажите пож., как в 101 версии уменьшить межстрочный интервал в менюшках: в меню панели меню и в контекстных меню?

Отсутствует

 

№1218605-06-2022 20:23:09

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1715
UA: Firefox 91.0

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

iamgdv
На предыдущей странице https://forum.mozilla-russia.org/viewto … 22#p799622

Отсутствует

 

№1218705-06-2022 22:41:33

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 203
UA: Firefox 52.0

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

momo2000 пишет

StyloaiX

крутая штука, очень чётко меняет. Жаль что не работает в фф68


кстати нашёл

скрытый текст
window.png

там Stylish какой то версии 2.0.8 xiao,  что это за версия. может она чистая и норм ?

Отредактировано Kero (05-06-2022 22:42:00)

Отсутствует

 

№1218806-06-2022 23:16:03

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 203
UA: Firefox 52.0

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

Kero пишет

Stylish какой то версии 2.0.8 xiao

если интересно https://github.com/xiaoxiaoflood/firefo … ed/stylish

Отсутствует

 

№1218907-06-2022 14:17:09

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 340
UA: Firefox 91.0

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

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


untitled-3.png


«The Truth Is Out There»

Отсутствует

 

№1219007-06-2022 17:53:04

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1715
UA: Firefox 91.0

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

unter_officer пишет

Подскажите пожалуйста, как убрать синюю рамку в Firefox 101

Отсюда второй код можно использовать чтоб вернуть привычный пунктир. Или outline: none !important; задать, чтоб вообще рамку убрать.
Да и первый можно использовать, чтоб уменьшить увеличенные вдвое точки в других местах.

Отсутствует

 

№1219107-06-2022 18:34:23

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 340
UA: Firefox 91.0

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

sandro79 пишет

Отсюда второй код можно использовать чтоб вернуть привычный пунктир. Или outline: none !important; задать, чтоб вообще рамку убрать.
Да и первый можно использовать, чтоб уменьшить увеличенные вдвое точки в других местах.

Большое спасибо.


«The Truth Is Out There»

Отсутствует

 

№1219209-06-2022 23:34:02

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3188
UA: Firefox 101.0

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

Как уменьшить толщину и цвет выделения в findbar и в текстовых полях на страницах?

Отсутствует

 

№1219311-06-2022 15:57:36

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1715
UA: Firefox 91.0

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

voqabuhe пишет

Как уменьшить толщину и цвет выделения в findbar и в текстовых полях на страницах?

Если речь о бордюрах, то так для findbar можно

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
input.findbar-textbox { 
  --toolbar-field-border-color: var(--chrome-content-separator-color);
  --focus-outline: 0;
}
input.findbar-textbox:focus {
  border-color: royalblue !important;
}
input.findbar-textbox[status="notfound"] {
  border-color: red !important;
}
}

И в текстовых полях на страницах https://forum.mozilla-russia.org/viewto … 37#p792137

Отсутствует

 

№1219411-06-2022 18:24:57

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3188
UA: Firefox 101.0

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

sandro79
Спасибо. Только как бы ещё цвет бордюра в текстовых полях на странице поменять?

Отсутствует

 

№1219512-06-2022 00:44:24

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1715
UA: Firefox 91.0

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

voqabuhe пишет

Только как бы ещё цвет бордюра в текстовых полях на странице поменять?

Если код по ссылке выше не подошёл, то может так

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

Выделить код

Код:

@-moz-document regexp("(?:https?|ftp|file):\/\/.*") {
input:not([type="file"],[type="image"],[type="button"],[type="submit"]) {
  border-color: orange !important;
}
input:not([type="file"],[type="image"],[type="button"],[type="submit"]):focus-visible {
  outline: none !important;
  border-color: red !important;
}
}

Или так ещё, если бордюр у input отсутствует, в content_html.css или custom_style_author.css комплекта user_chrome_files
скрытый текст

Выделить код

Код:

@-moz-document regexp("(?:https?|ftp|file):\/\/.*") {
input:not([type="file"],[type="image"],[type="button"],[type="submit"]) {
  border-color: orange !important;
  border: 1px solid orange;
}
input:not([type="file"],[type="image"],[type="button"],[type="submit"]):focus-visible {
  outline: none !important;
  border-color: red !important;
  border: 1px solid red;
}
}

Отсутствует

 

№1219612-06-2022 04:08:34

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3188
UA: Firefox 101.0

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

sandro79 пишет

Если код по ссылке выше не подошёл

Да в принципе всё подошло, мне бы только цвет поменять. Что никак там нельзя?

то может так

Его тоже в userContent.css, что-то у меня не заработал?

Или так ещё, если бордюр у input отсутствует, в content_html.css или custom_style_author.css комплекта user_chrome_files

А что это за файлы, у меня таких нет, или это от старой версии user_chrome_files?

Отсутствует

 

№1219712-06-2022 06:33:29

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1715
UA: Firefox 91.0

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

voqabuhe пишет

Что никак там нельзя?

outline: 1px solid Highlight;

Отсутствует

 

№1219812-06-2022 17:44:00

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3188
UA: Firefox 101.0

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

sandro79 пишет

outline: 1px solid Highlight;

Во, спасибо. Это то, что нужно.

Отсутствует

 

№1219913-06-2022 15:54:36

volaxus
Участник
 
Группа: Members
Зарегистрирован: 03-02-2020
Сообщений: 16
UA: Firefox 101.0

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

Подскажите, можно ли в новой версии 100+, сделать большие плитки сайтов и настраивать их кол-во, а также убрать возможность прокрутки вкладок (как можно было на 88 версии). Спасибо.

Отсутствует

 

№1220013-06-2022 19:21:43

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1715
UA: Firefox 91.0

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

volaxus пишет

можно ли в новой версии 100+, сделать большие плитки сайтов и настраивать их кол-во

Если этот устроит, больше рихтовать нет желания. Как увеличить количество ярлыков на Начальной странице?
Мой нынешний вариант в тёмных тонах

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
body {
    --newtab-background-color: #2B2A33 !important;
    --newtab-background-color-secondary: #42414d !important;
    --newtab-text-primary-color: #fbfbfe !important;
    --newtab-primary-action-background: #00ddff !important;
    --newtab-element-hover-color: color-mix(in srgb, var(--newtab-background-color) 95%, #FFF) !important;
    --newtab-element-active-color: color-mix(in srgb, var(--newtab-background-color) 90%, #FFF) !important;
    --newtab-element-secondary-color: color-mix(in srgb, currentColor 10%, transparent) !important;
    --newtab-element-secondary-hover-color: color-mix(in srgb, currentColor 17%, transparent) !important;
    --newtab-element-secondary-active-color: color-mix(in srgb, currentColor 30%, transparent) !important;
    --newtab-border-color: color-mix(in srgb, var(--newtab-background-color) 75%, #FFF) !important;
    --newtab-primary-element-text-color: #2b2a33 !important;
    --newtab-wordmark-color: #fbfbfe !important;
    --newtab-status-success: #7C6 !important;
    --newtab-border-primary-color: rgba(249, 249, 250, 0.8);
    --newtab-contextmenu-button-color: #2B2A33;
    --newtab-icon-primary-color: rgba(249, 249, 250, 0.8);
    --newtab-card-active-outline-color: #4A4A4F;
    --newtab-inner-box-shadow-color: rgba(249, 249, 250, 0.2);
}
main {
    padding-bottom: 68px !important; 
}
.top-site-outer {
    height: 180px !important;
    width: 180px !important;
    padding-block: 10px 4px !important;
    border-radius: 4px !important;
}
.top-site-outer .tile {
    height: 150px !important;
    width: 150px !important;
}
.top-site-outer .tile .icon-wrapper {
    width: 100% !important;
    height: 100% !important;
}
.ds-outer-wrapper-breakpoint-override main {
    width: 1500px !important;
}
.top-site-outer .title span {
    overflow: visible !important;
}
.top-site-outer .title .icon {
    inset-inline-start: 0 !important;
    position: absolute !important;
    top: 11px !important;
}
.top-site-outer .title.pinned span {
    padding: 0 14px !important;
    width: 96px !important;
}
.sponsored-label {
    display: none !important;
}
.top-site-outer:is(.active, :focus, :hover) {
    background: unset !important;
}
.top-site-outer .tile {
    border-radius: 4px !important;
}
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
    box-shadow: 0 0 0 5px rgba(69, 161, 255, 0.4) !important;
    transition: box-shadow 150ms !important;
    border-radius: 4px !important;
    outline: none !important; 
}
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:hover .tile {
    box-shadow: 0 0 0 5px #4A4A4F !important;
    transition: box-shadow 150ms !important;
    border-radius: 4px !important;
    outline: none !important; 
}
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .tile {
    box-shadow: inset 0 0 0 1px var(--newtab-inner-box-shadow-color), 0 0 0 5px var(--newtab-card-active-outline-color) !important;
    transition: box-shadow 150ms !important; 
}
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .context-menu-button {
    opacity: 1 !important;
    transform: scale(1) !important;
    transition-delay: 333ms !important; 
}
.top-site-outer:is(.active, :focus, :hover) .context-menu-button {
    opacity: 1 !important;
    transform: scale(1) !important;
}
.top-site-outer .context-menu-button:is(:active, :focus) {
    opacity: 1 !important;
    transform: scale(1) !important; 
}
.top-site-outer .context-menu-button {
    background-color: var(--newtab-contextmenu-button-color) !important;
    border: 1px solid var(--newtab-border-primary-color) !important;
    border-radius: 100% !important;
    box-shadow: 0 2px rgba(12, 12, 13, 0.1) !important;
    height: 27px !important;
    width: 27px !important;
    inset-inline-end: -13.5px !important;
    top: -13.5px !important;
}
.top-site-outer .context-menu {
    top: 3px !important; 
    margin-inline-start: 8px !important;
}
@media (max-width: 1880px) {
.top-sites-list :nth-child(8n) .context-menu,
.sections-list .section-list :nth-child(4n) .context-menu {
    margin-inline-end: 1px !important;
    inset-inline-end: 0 !important;
    inset-inline-start: auto !important;
} 
}
}

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

Не понял, кнопки что ли скрыть? Так можно

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

Выделить код

Код:

#scrollbutton-up, #scrollbutton-down {
   visibility: collapse !important;
}

Отсутствует

 

Board footer

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