Объявление

В связи с наплывом спама и ботов на форуме, регистрация новых пользователей будет приостановлена. О восстановлении регистрации будет сообщено дополнительно

Administrator

№1440101-05-2025 00:03:49

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1796
UA: Firefox 128.0

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

Doe John™
Ну попробуйте, с учетом вертикальных сжатых.

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

Выделить код

Код:

.tabbrowser-tab {
    .tab-close-button {
        position: fixed !important;
        background-color: transparent !important;
        border-radius: 2px !important;
        margin-inline-start: -4px !important;
    }
    .tab-close-button.close-icon {
        -moz-context-properties: fill, fill-opacity !important;
        color: inherit !important;
        background: transparent;
        fill: red !important;
        fill-opacity: 0 !important;
        height: 24px !important;
        width: 24px !important;
        padding: 0 !important;
    }
    &:not([pinned=true],:hover) .tab-close-button {
        display: none !important;
    }
}
.close-icon:hover {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M0 0h20v20H0z' style='fill:context-fill;fill-opacity:context-fill-opacity'/><path d='m6 6 8 8m-8 0 8-8' style='fill:none;stroke:context-fill;stroke-width:2'/></svg>") !important;
    background-color: rgba(0, 116, 232,.4) !important;
    outline: 1px solid rgb(0, 116, 232) !important;
}
.close-icon:hover:active {
    background-color: rgba(0, 116, 232,.6) !important
}
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tabbrowser-tab {
    .tab-close-button {
        position: absolute !important;
        &.close-icon {
            background-image: none !important;
            box-shadow: none !important;
            top: 0px !important;
            left: 12px !important;
            height: 18px !important;
            width: 18px !important;
        }
    }
}

Отсутствует

 

№1440201-05-2025 00:14:57

dinn
Участник
 
Группа: Members
Зарегистрирован: 28-09-2024
Сообщений: 68
UA: Firefox 137.0

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

C181UMZ не гуглится windows 11 Disable Acrylic Effects?

Отсутствует

 

№1440301-05-2025 00:18:17

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1796
UA: Firefox 128.0

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

C181UMZ
Попробовать что то с
menupopup {
    appearance: none !important;
и далее свой стиль меню.
Нет 11, посмотреть не могу.
Вообще любое оформление меню всегда с appearance: none, так что гляньте типа такого - отсюда и до 1457 строки.
https://github.com/black7375/Firefox-UI-Fix/blob/db615f1753e6975b47ebb9e16fed7d67b2473c0d/css/leptonChrome.css#L1120
Всего 337 строк. Но я не знаю работает ли оно так, если просто код выдернуть. По идее должно.

Отсутствует

 

№1440401-05-2025 01:42:33

C181UMZ
Участник
 
Группа: Members
Откуда: Украина, Днепропетровск
Зарегистрирован: 19-03-2012
Сообщений: 34
UA: Firefox 138.0

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

C181UMZ пишет

Здравствуйте!Здесь написано, что:При запуске в Windows 11 всплывающие окна и контекстные меню теперь выводятся в "акриловом" стиле, соответствующем эстетике операционной системы.Подскажите, пожалуйста, как убрать тот "стиль" и ту "эстетику" к..., даже не знаю как без матюков сказать куда, и вернуть стилем то, как было до версии Firefox 138 или как осталось в Windows 10, или хотя бы самому цвет всплывающих окон и контекстного меню браузера изменить?Спасибо!

Нашел, может кому-то пригодится: user_pref("widget.windows.mica.popups", 0);
Ну или в about:config сменить widget.windows.mica.popups с 2 на 0.

Отредактировано C181UMZ (01-05-2025 01:44:00)

Отсутствует

 

№1440501-05-2025 03:04:48

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

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

Давным-давно есть у меня стиль для "всплывашек". С этой версии улетели из правого нижнего угла в правый верхний. Как их вернуть на место, т.е. в правый нижний угол экрана?

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

Выделить код

Код:

/* Стиль для всплывашек. Делает их удобочитаемыми.
   Отключает системные уведомления и показывает "всплывашки" в about:config
        alerts.useSystemBackend --> false
        alerts.useSystemBackend.windows.notificationserver.enabled --> false
  изначальный https://forum.mozilla-russia.org/viewtopic.php?pid=712196#p712196
  изменения с 113-й в стиле памятка для стилей https://forum.mozilla-russia.org/viewtopic.php?pid=804901#p804901
  доплнительный, на основе моего https://forum.mozilla-russia.org/viewtopic.php?pid=805027#p805027 */
@-moz-document url("chrome://global/content/alerts/alert.xhtml") {
  #alertNotification {
      padding: 5px !important;
  }
  #alertImage {
      max-height: 36px !important;
      max-width: 36px !important;
      margin: 4px 10px !important;
      padding: unset !important;
  }
  #alertTextBox {
      flex-direction: row !important;
      align-items: center !important;
      justify-content: center !important;
  }
  #alertBox {
      padding-block-end: 7px !important;
      box-shadow: rgba(84, 83, 87, 0.32) 0 0 5px !important;
  }
  /** размер шрифта сообщения **/
  #alertTextLabel {
      font-size: 1.25em; /* 20px https://hvenja.ru/em-px-converter/ */
  }
}

Отсутствует

 

№1440601-05-2025 09:50:09

Doe John™
Участник
 
Группа: Members
Зарегистрирован: 10-08-2006
Сообщений: 881
UA: Firefox 138.0

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

_zt пишет

Doe John™Ну попробуйте, с учетом вертикальных сжатых.скрытый текстВыделить код

скрытый текст
Код:.tabbrowser-tab {
    .tab-close-button {
        position: fixed !important;
        background-color: transparent !important;
        border-radius: 2px !important;
        margin-inline-start: -4px !important;
    }
    .tab-close-button.close-icon {
        -moz-context-properties: fill, fill-opacity !important;
        color: inherit !important;
        background: transparent;
        fill: red !important;
        fill-opacity: 0 !important;
        height: 24px !important;
        width: 24px !important;
        padding: 0 !important;
    }
    &:not([pinned=true],:hover) .tab-close-button {
        display: none !important;
    }
}
.close-icon:hover {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M0 0h20v20H0z' style='fill:context-fill;fill-opacity:context-fill-opacity'/><path d='m6 6 8 8m-8 0 8-8' style='fill:none;stroke:context-fill;stroke-width:2'/></svg>") !important;
    background-color: rgba(0, 116, 232,.4) !important;
    outline: 1px solid rgb(0, 116, 232) !important;
}
.close-icon:hover:active {
    background-color: rgba(0, 116, 232,.6) !important
}
#tabbrowser-tabs[orient="vertical"]:not([expanded]) .tabbrowser-tab {
    .tab-close-button {
        position: absolute !important;
        &.close-icon {
            background-image: none !important;
            box-shadow: none !important;
            top: 0px !important;
            left: 12px !important;
            height: 18px !important;
            width: 18px !important;
        }
    }
}

Почти идеально, только вот так получилось.
2025-05-01-09-48-23.png

Отредактировано Doe John™ (01-05-2025 09:50:45)

Отсутствует

 

№1440701-05-2025 12:56:23

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 200
UA: Firefox 116.0

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

И все-таки: может быть, есть способ сделать полосы прокрутки в стиле [windows]7, чтобы окно браузера соответствовало системному оформлению?

скрытый текст
__________.jpg
Раньше делал через about:config, а в новых версиях эти настройки "выпилили".  Может быть, вручную раскрасить или что-нибудь в этом роде?

Отсутствует

 

№1440801-05-2025 13:33:27

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1796
UA: Firefox 128.0

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

Doe John™ пишет

Почти идеально, только вот так получилось.

:D
svg.context-properties.content.enabled=true

Отсутствует

 

№1440901-05-2025 14:11:00

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

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

Дополню свой пост выше №14405.
Чтобы посмотреть, можно вставить код в консоль браузера (Ctrl + Shift + J) и запустить. Например, такой:

Выделить код

Код:

var alertsService = Cc["@mozilla.org/alerts-service;1"].getService(Ci.nsIAlertsService);
alertsService.showAlertNotification("chrome://browser/skin/customizableui/whimsy.png", "Всплывашка", "Перемести меня в другой уголок!");
setTimeout(() => alertsService.closeAlert(), 2000);

Думаю, это баг. Надеюсь, исправят.
Добавление параметра ui.alertNotificationOrigin = 0 или 1 решает проблему в 138-й. Раньше это было по дефолту.

Отредактировано xrun1 (01-05-2025 22:15:51)

Отсутствует

 

№1441001-05-2025 15:01:41

Doe John™
Участник
 
Группа: Members
Зарегистрирован: 10-08-2006
Сообщений: 881
UA: Firefox 138.0

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

_zt пишет

Doe John™ пишетПочти идеально, только вот так получилось.svg.context-properties.content.enabled=true

Спасибо.

Отсутствует

 

№1441101-05-2025 16:16:29

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1796
UA: Firefox 128.0

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

Алексей У.
В стиле [windows] 7 - забудьте.
Там только по одному цвету для слайдера, +hover, +active.

Отсутствует

 

№1441201-05-2025 17:15:21

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 200
UA: Firefox 116.0

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

_zt пишет

В стиле [windows] 7 - забудьте. Там только по одному цвету для слайдера, +hover, +active.

А разве нельзя использовать для стилизации border, background и т. д. так же, как для других элементов страницы?

Отсутствует

 

№1441301-05-2025 18:53:16

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1796
UA: Firefox 128.0

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

Алексей У.
Это не элемент страницы. Ничего не применяется. Сами в инструментах браузера посмотрите.

Отсутствует

 

№1441401-05-2025 19:12:21

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 200
UA: Firefox 115.0

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

_zt пишет

Это не элемент страницы.

Тогда почему многие сайты меняют вид скроллбаров "под себя", YouTube, например (что, между прочим, дико бесит)?:angry:

Отсутствует

 

№1441501-05-2025 19:44:18

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

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

Алексей У. пишет

А разве нельзя использовать для стилизации border, background и т. д.

Скроллбар вполне стилизуется скриптом, вид одинаков везде, и на youtube.
scr.png

Отсутствует

 

№1441601-05-2025 19:58:08

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1796
UA: Firefox 128.0

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

Алексей У.
Если в about:config настроено, то не меняет.

/* Полосы прокрутки специфичные для разных платформ [Fx 100]
* По умолчанию - 0, MacOs - 1 (без кнопок), GTK - 2 (без кнопок),
* Android - 3 (без кнопок), Windows 10 - 4, Windows 11 - 5 ***/
user_pref("widget.non-native-theme.scrollbar.style", 3);
// Переопределить размер скролбара для не нативных тем (2 или 3 в префе выше)
user_pref("widget.non-native-theme.scrollbar.size.override", 6);
/* Наложенный скролбар (прозрачный без наведения) + скрытие слайдера через
* ~3сек неактивности (с метками поиска) ***/
user_pref("ui.useOverlayScrollbars", 1); // [HIDDEN PREF]

Скрипт может быть нужен только для того что бы применить стиль для раскраски с повышенными правами агента. В ucf это без скрипта делается.
Так это работает с версиями [firefox] от 100 до 140.

Отредактировано _zt (01-05-2025 19:59:58)

Отсутствует

 

№1441701-05-2025 20:06:53

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 200
UA: Firefox 115.0

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

fuchsfan пишет

Скроллбар вполне стилизуется скриптом, вид одинаков везде, и на youtube.

А что за скрипт, ссылку можно?

Добавлено 01-05-2025 20:19:43

_zt пишет

Если в about:config настроено, то не меняет.

В старых версиях (до [firefox] 78 включительно) в about:config были настройки layout.css.scrollbar-color.enabled, layout.css.scrollbar-width.enabled, которые включали системный вид полос прокрутки на всех страницах в браузере (в том числе и служебных). Сейчас обе полностью "выпилили", осталась только widget.disable-dark-scrollbar, которая мало помогает. Короче говоря, очередной плевок в лицо пользователям [windows] 7.

Отредактировано Алексей У. (01-05-2025 20:19:43)

Отсутствует

 

№1441801-05-2025 20:37:25

beggrr
Участник
 
Группа: Members
Зарегистрирован: 04-02-2014
Сообщений: 135
UA: Firefox 115.0

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

Я на предыдущей странице спрашивал как изменить шрифт в devtools.
Вроде добавлением кода в config.js сделал, но появилась одна неприятная деталь.  Правая угловая скобка для тега получается не на своем месте и налазит на текст. В чем может быть дело?

 
2025-05-01-200646.jpg

На форуме

 

№1441901-05-2025 23:11:26

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1796
UA: Firefox 128.0

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

beggrr
Телепаты в отпуске. Используемый код где?

Отсутствует

 

№14420Вчера 19:19:44

beggrr
Участник
 
Группа: Members
Зарегистрирован: 04-02-2014
Сообщений: 135
UA: Firefox 115.0

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

_zt пишет

beggrr
Телепаты в отпуске. Используемый код где?

Вот этот код. Я пробовал Consolas и другие шрифты, все равно глюк остается.

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

Выделить код

Код:

(async css => {
	var sss = Cc["@mozilla.org/content/style-sheet-service;1"]
		.getService(Ci.nsIStyleSheetService);
	var ios = Cc["@mozilla.org/network/io-service;1"]
		.getService(Ci.nsIIOService);
	var url = "data:text/css," + encodeURIComponent(css);
	sss.loadAndRegisterSheet(ios.newURI(url), sss.AGENT_SHEET);
})(`
@-moz-document url-prefix("chrome://devtools"), url-prefix("chrome://browser/content") {
  .devtools-monospace, .jsterm-input-container {
    --monospace-font-family: Calibri;
  }
}`);

На форуме

 

№14421Вчера 20:01:13

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1796
UA: Firefox 128.0

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

beggrr
Я вообще не знаю зачем вы шрифты начали менять, я сразу предлагал
--theme-code-font-size: 16px;
замените строку с --monospace-font-family на строку выше и свой размер назначьте.
Проверил на 140, стрелки не уезжают.

Добавлено Вчера 20:08:38
А, нашел ваш пост, тогда незнаю. Попробуйте другой шрифт.
   
Или добавьте мою строку и уменьшите шрифт, может поможет.

Отредактировано _zt (Вчера 20:14:35)

Отсутствует

 

№14422Вчера 22:18:37

dinn
Участник
 
Группа: Members
Зарегистрирован: 28-09-2024
Сообщений: 68
UA: Firefox 137.0

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

beggrr, а зачем ты оставил шрифт, который я от балды написал? Думал свой подставишь и знаешь, что в инструментах должны быть моноширинные шрифты с припиской monospace. А если не устраивает размер шрифта, то для этого скрипты и стили не нужны

Отсутствует

 

Board footer

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