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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№1435121-03-2025 22:49:29

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

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

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

изменить border-radius ВСЕХ всплывающих подсказок

Убрал все скругления вообще. Посмотрите всё где есть border-radius, что то из списка должно подойти.

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

Выделить код

Код:

/* set default namespace to XUL */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* высота вкладок */
/* ROOT - переменные */
*|*:root {
--tab-min-height: 32px !important; /* переопределение умолчания */
}

/* TABS: height (высота) */
#tabbrowser-tabs,
#tabbrowser-tabs > #tabbrowser-arrowscrollbox,
.tabbrowser-tabs .tabbrowser-tab {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* Убрать отступы вверху-внизу между вкладками и панелью */
.tab-background {
	margin-block: 0 0 !important;
}

/* ========================= */

/* Отключить все закругления углов */

/* скругление углов адресной строки*/
@-moz-document url-prefix("about:"),
url-prefix("chrome:"),
url-prefix("moz-extension:"),
url-prefix("moz-icon:"),
url-prefix("app:"),
url-prefix("resource:")  
{* {border-radius: 0 !important;}}

/* Радиус Меню */
.menupopup-arrowscrollbox {
    border-radius: 0px !important;
}

/* Радиус главного меню */
:is(menupopup, panel)[type=arrow] {
  --panel-border-radius: 0px !important;
}

/* Радиус при наведении на элемент в главном меню */
.subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
	margin: 0px !important;
	min-height: 0px !important;
	border-radius: 0px !important;
}

/* рамка menupopup - толщина, цвет, скругление углов */
.menupopup-arrowscrollbox:not([part="arrowscrollbox"]),
.menupopup-arrowscrollbox[exportparts="scrollbox: arrowscrollbox-scrollbox"] {
border-radius: 0px !important;
border: 0px solid #535356 !important;
}

/* ========================= */

/* цвет неактивного таба и прямые углы */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
	border-radius: 0 !important;
	background-color: #003966 !important;
}

/* цвет активного таба */
.tab-background[selected] {
  background-color: #323234 !important;
  background-image: none !important;
}

/* Уберем отступ между вкладками */
.tabbrowser-tab {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Установить цвет для ВСЕЙ панели табов */
#TabsToolbar {
	background-color: #003966 !important;
}

/* цвет для toolbar */
toolbar {
  background-color: #323234 !important;
}

/* Установить цвет разделителя табов */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible=\"true\"]) .tab-background {
	border-right: 1px solid var(--lwt-background-tab-separator-color, #4c7494) !important;
}

/* ========================= */

/* всплывающие подсказки */
tooltip {
  padding: 0px !important;
  background-color: #4974a5 !important;
  border-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
  border-radius: 0px !important;
}
tooltip * {
  color: #ffffff !important;
  background-color: #4974a5 !important;
}

/* ========================= */

/* отключаем лишнее в контекстном меню */
#context-back,
#context-forward,
#context-reload,
#context-stop,
#context-bookmarkpage,
#context-sendimage,
#context-setDesktopBackground,
#context-sep-setbackground,
#context-openlink,
#context-openlinkprivate,
#context-sep-navigation,
#context-sep-viewbgimage,
#context-sep-selectall,
#contentAreaContextMenu > menuseparator:nth-child(92) /*This is a Separator*/
{display: none !important;}

/* ========================= */

/* Уменьшаем промежуток между элементами различных меню (верхнее меню, контекстное, панель закладок и т.д.) */
menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
	margin: 0px !important;
	min-height: 0px !important;
	border-radius: 0px !important;
}

/* ========================= */

/*** Цвет меню ***/
/* Bookmarks Toolbar folders */
#PersonalToolbar menupopup,
/* Right-click context menus */
#mainPopupSet menupopup,
/* Top menu bar on Windows (not sure about others) */
#toolbar-menubar menupopup,
/* Sidebar/Library bookmark/history context menus */
#placesContext,
/* Address bar context menu */
#urlbar-input-container menupopup,
/* Various toolbar drop-down panels */
#back-button menupopup, #forward-button menupopup,
#identity-popup, #appMenu-popup, #downloadsPanel, #BMB_bookmarksPopup {
  --menu-background-color:  #424245 !important;
  --arrowpanel-background: #424245 !important;
  --panel-background: #424245 !important;
}

/* ========================= */

/*** Эмуляция синей полоски в табах ***/

/* размер и положение линии */
.tab-background::before {
  content: "";
  display: block;
  height: 2px;
  margin: -1px var(--user-tab-rounding) 0;
}
/* Цвет в активном табе */
.tabbrowser-tab[selected] .tab-background::before {
  background-color: #0a84ff;
}
/* Цвет для других выбранных вкладок */
.tabbrowser-tab[multiselected]:not([selected]) .tab-background::before {
  background-color: #0a84ff;
}
/* Цвет неактивных/не выбранных вкладок */
.tabbrowser-tab:not([selected], [multiselected]):hover .tab-background::before {
  background-color: #487191;
  transform: none;
}
/* Анимация */
.tabbrowser-tab:not([selected], [multiselected]) .tab-background::before {
  transform: scaleX(.8);
  transition: transform 100ms linear;
}

/* цвет hover menupopup */
menupopup > :is(menuitem, menu):hover {
  background-color: #535356 !important;
}

/* ========================= */

/* цвет поля адресной строки*/
#urlbar-background{
  background-color: #535356 !important;
}

/* цвет и толщина рамки активной адресной строки*/
#urlbar > #urlbar-background, #searchbar {
  border: 1px solid ThreeDShadow !important;
  box-shadow: none !important;
}
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background, #searchbar:focus-within {
  border: 1px solid #487191 !important;
  outline: none !important;
}

Правда всплывающие подсказки я потом вообще отключил, но с ними точно работало.

Осталось победить мутный шрифт в табах и толщину/цвет рамки в строке поиска, и мой конфиг готов.)

Отредактировано dioxin (21-03-2025 22:55:16)

Отсутствует

 

№1435221-03-2025 23:36:46

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

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

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

Как можно изменить border-radius ВСЕХ всплывающих подсказок в браузере?

скрытый текст
Вы же вроде используйте UCF, добавьте этот:
код

Выделить код

Код:

/* Тултипы */
tooltip {
    appearance: none !important;
}
tooltip[hasbeenopened="true"] {
    color: InfoText !important;
    background: InfoBackground !important;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
    padding: 2px !important;
}
@media (prefers-color-scheme: light), (-moz-toolbar-prefers-color-scheme: light) {
tooltip[hasbeenopened="true"] {
    color: rgb(12, 12, 22) !important;
    background: rgb(245, 245, 255) !important;
    border: 1px solid rgb(204, 204, 214) !important;
}
}
@media (prefers-color-scheme: dark), (-moz-toolbar-prefers-color-scheme: dark) {
tooltip[hasbeenopened="true"] {
    color: rgb(177, 177, 187) !important;
    background: rgb(27, 27, 37) !important;
    border-color: rgb(64, 64, 75) !important;
}
}
tooltip[hasbeenopened="true"] :is(description,label) {
    color: inherit !important;
}


в файл: custom_styles_all_agent.css


Win7

Отсутствует

 

№14353Вчера 09:55:57

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

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

kokoss пишет

Вы же вроде используйте UCF, добавьте этот в файл: custom_styles_all_agent.css

У меня нет такого файла, есть только custom_style_agent.css в папке custom_styles.

Отсутствует

 

№14354Вчера 10:22:27

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

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

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

Как можно изменить border-radius ВСЕХ всплывающих подсказок в браузере?

Скрипт https://old.reddit.com/r/FirefoxCSS/com … s/f80dnv8/ создает единый стиль отображения для всех тултипов, добавьте в него параметр

Выделить код

Код:

border-radius: 10px;

И только радиус тултипа таба регулируется отдельным css-стилем.

Отсутствует

 

№14355Вчера 11:15:29

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

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

kokoss пишет

Вы же вроде используйте UCF, добавьте этот в файл: custom_styles_all_agent.css

Благодарю, попробовал добавить ваш код (изменил только значение border-radius на то, которое в ОС) в файл custom_style_agent - получилось.


fuchsfan пишет

Скрипт https://old.reddit.com/r/FirefoxCSS/com … s/f80dnv8/ создает единый стиль отображения для всех тултипов

Ваш способ тоже работает, но почему-то не везде (проверял на кнопках панели инструментов).

Отсутствует

 

№14356Вчера 14:44:54

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

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

Алексей У.
Там есть -moz-appearance попробуйте добавить строку с просто appearance.
   
А так стиль выше от kokoss работает, в нем можно еще добавить и настроить #statuspanel-label, #tabbrowser-tab-tooltip

Отсутствует

 

№14357Вчера 15:58:28

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 49
UA: Firefox 136.0

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

Не помню откуда, но у меня вот так отключены углы, ВЕЗДЕ.

Выделить код

Код:

@-moz-document url-prefix("chrome:"), url-prefix("about:") {
* {
    border-radius: 0px !important;
    --tab-border-radius: 0px !important;
    --toolbarbutton-border-radius: 0px !important;
    --urlbar-icon-border-radius: 0px !important;
    --arrowpanel-border-radius: 0px !important;
    --arrowpanel-menuitem-border-radius: 0px !important;
    --panel-border-radius: 0px !important;
    --in-content-button-border-radius: 0px !important;
    --v-textbox-border-radius: 0px !important;
}
}

Желательно и в userContent добавить тоже.

Отредактировано grom17 (Вчера 16:00:22)

Отсутствует

 

№14358Вчера 16:21:28

green25
Участник
 
Группа: Members
Зарегистрирован: 14-12-2024
Сообщений: 39
UA: unknown 0.0

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

Как толком сделать это

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

Выделить код

Код:

*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"])  {
    -moz-flex-grow: 1 !important;
     -moz-box-flex: 1!important; 
     max-width: none !important;
   
}
*|*:root:not([inFullscreen])#toolbar-menubar toolbarpaletteitem, [id^=wrapper-customizableui-special-spring],
#toolbar-menubar toolbarspring{ 
  
  max-width: none !important;
  -moz-flex-grow: 1 !important;
     -moz-box-flex: 1!important;
  
}

Отредактировано green25 (Вчера 16:21:55)

Отсутствует

 

Board footer

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