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

_zt · №14401

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;
        }
    }
}

dinn · №14402

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

_zt · №14403

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

C181UMZ · №14404

C181UMZ пишет

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

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

Отредактировано C181UMZ (Сегодня 01:44:00)

xrun1 · №14405

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

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

Выделить код

Код:

/* Стиль для всплывашек. Делает их удобочитаемыми.
   Отключает системные уведомления и показывает "всплывашки" в 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/ */
  }
}

Объявление

№14401Сегодня 00:03:49

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

Код:

№14402Сегодня 00:14:57

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

№14403Сегодня 00:18:17

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

№14404Сегодня 01:42:33

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

№14405Сегодня 03:04:48

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

Код:

Board footer