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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№1060108-07-2021 23:50:02

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 90.0

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

sandro79
может так custom_script.js

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

Выделить код

Код:

Services.search.getEnginesByExtensionID("yandex@search.mozilla.org").then(engine => {
    if (!engine.length) return;
    engine[0]._iconURI = Services.io.newURI("chrome://user_chrome_files/content/custom_styles/svg/yandex-ru.ico");
});

Отсутствует

 

№1060209-07-2021 00:00:07

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

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

Vitaliy V. пишет

может так custom_script.js

Отлично! Сработало! Огромное Вам Спасибо! Теперь к переходу на 91ESR готов на все 100.

Добавлено 09-07-2021 00:10:34

скрытый текст
______.PNG

Отредактировано sandro79 (09-07-2021 00:10:34)

Отсутствует

 

№1060309-07-2021 11:34:25

Kot DaVinci
Участник
 
Группа: Members
Зарегистрирован: 11-10-2020
Сообщений: 18
UA: Firefox 89.0

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

Здравствуйте. Можно ли применить стили только к подменю контекстных меню чтобы выровнять вот это:

скрытый текст
371YnSX.png

Я знаю, что это можно сделать через

Выделить код

Код:

.menupopup-arrowscrollbox {
	margin-top: 5px !important;
}

Но тогда меню появляются далековато от курсора.

Отсутствует

 

№1060409-07-2021 18:47:50

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

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

Kot DaVinci пишет

Здравствуйте. Можно ли применить стили только к подменю контекстных меню чтобы выровнять вот это:

Здравствуйте.
Ну у вас явно не дефолтные меню, там такого большого разброса нет, есть гораздо меньший. Я так его устранил https://forum.mozilla-russia.org/viewto … 60#p792660
margin-inline-start: -2px !important; можно выбросить и margin-top явно другой будет.

скрытый текст
Image_002.png
Но предположу, из вашего скриншота, что browser.proton.contextmenus.enabled в false у вас и вы используете стиль отсюда, обновите стиль и положение подменю должно стать штатным
скрытый текст
Image_001.png

Отредактировано sandro79 (09-07-2021 18:48:16)

Отсутствует

 

№1060509-07-2021 19:10:08

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 90.0

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

sandro79 пишет

используете стиль отсюда

О, только заметил на [windows] 10 опять изменили, обновил стиль.
И не важно proton или нет должно одинаково работать.
А у него похоже не мой стиль

Отредактировано Vitaliy V. (09-07-2021 19:21:37)

Отсутствует

 

№1060609-07-2021 19:44:46

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

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

Использую такой код для замены стандартных черно-белых кнопок закрытия вкладок на цветные (изображения свои):

скрытый текст
#tabbrowser-tabs .tabbrowser-tab .tab-close-button:-moz-lwtheme {
  list-style-image: url("./../image/close.png") !important;
  width: 16px !important;
  height: 16px !important;
}

#tabbrowser-tabs .tabbrowser-tab .tab-close-button:hover {
  list-style-image: url("./../image/close_hover.png") !important;
  border-radius: 2px !important;
  width: 16px !important;
  height: 16px !important;
}

#tabbrowser-tabs .tabbrowser-tab .tab-close-button:active {
  list-style-image: url("./../image/close_active.png") !important;
  border-radius: 2px !important;
  width: 16px !important;
  height: 16px !important;
}

#tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}

#tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
  visibility: collapse !important;
  display: none !important;
}


Но почему-то он работает только в нормальном и компактном режимах. В увеличенном режиме стандартные кнопки исчезают, а мои не вставляются, т. е. на каждой вкладке возникает пустое место. как это можно исправить?

Отсутствует

 

№1060709-07-2021 19:47:21

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 82
UA: Firefox 91.0

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

Vitaliy V., есть ли возможность сделать стилем свой цвет для панели вкладок (которая над адресной строкой) и для всех открытых, но неактивных вкладок?


---------------
Vitaliy V., СПАСИБО ! То, что надо !

Отредактировано usalex (09-07-2021 20:34:01)

Отсутствует

 

№1060809-07-2021 20:18:17

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 90.0

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

usalex
панель вкладок это #TabsToolbar
для неактивных вкладок так

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

Выделить код

Код:

.tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
    background-color: color-mix(in srgb, currentColor 30%, transparent) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
    background-color: color-mix(in srgb, currentColor 40%, transparent) !important;
}

Отсутствует

 

№1060909-07-2021 20:37:51

Kot DaVinci
Участник
 
Группа: Members
Зарегистрирован: 11-10-2020
Сообщений: 18
UA: Firefox 89.0

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

sandro79 пишет

Но предположу, из вашего скриншота, что browser.proton.contextmenus.enabled в false у вас и вы используете стиль отсюда

Не. У меня всё протоновское. За основу всят этот стиль и глубоко переработан.
Взял кусок отсюда, задача решена. Спасибо.

вот если кому-то понадобится

Выделить код

Код:

menu > menupopup {
	margin-top: -1px !important;
}

C9ri5kA.png

Отсутствует

 

№1061009-07-2021 20:46:42

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 90.0

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

Kot DaVinci пишет

За основу всят этот стиль

вот если кому-то понадобится

Выделить код

Код:

menu > menupopup {
	margin-top: -1px !important;
}

Не понадобится тот стиль тоже был обновлен для [windows] 10

Отредактировано Vitaliy V. (09-07-2021 20:47:24)

Отсутствует

 

№1061109-07-2021 21:33:07

Kot DaVinci
Участник
 
Группа: Members
Зарегистрирован: 11-10-2020
Сообщений: 18
UA: Firefox 89.0

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

Вот ещё проблемка: после обновления до протона поломался скрипт контекстного меню поисковиков. Раньше если кликать колёсиком по пунктам подменю с недефолтными поисковиками то открывались станицы с запросами в фоновых вкладках, меню оставалось открытым и можно было прокликать несколько поисковиков (пунктов меню), а сейчас после первого же клика меню закрывается. Можно ли это пофиксить?
Не знаю где пост со скриптом.

вот сам скрипт

Выделить код

Код:

(async (searchSelect, popup) => (popup = 
	searchSelect.closest("menupopup")).addEventListener("popupshowing", {

	topic: "browser-search-engine-modified",
	defaultImg: "chrome://browser/skin/search-engine-placeholder.png",
	handleEvent(e) {
		if (searchSelect.hidden) return;

		var menu = document.createXULElement("menu");
		menu.className = "menu-iconic";
		menu.ePopup = menu.appendChild(document.createXULElement("menupopup"));
		menu.onclick = this.search;
		searchSelect.collapsed = true;
		searchSelect.before(menu);

		addEventListener("unload", () => {
			popup.removeEventListener("popupshowing", this);
			this.handleEvent == this.handler &&
				Services.obs.removeObserver(this, this.topic);
		}, {once: true});

		this.handler = () => menu.hidden = searchSelect.hidden;
		this.handlerRebuild = () => this.handler() || this.rebuild(menu);
		this.rebuild(menu);
	},
	async rebuild(menu) {
		var de = Services.search.defaultEngine;
		de = de.wrappedJSObject || de;
		this.setAttrs(menu, de, `Искать в ${de.name} или в ...`);
		menu.ePopup.textContent = "";
		for(var engine of await Services.search.getVisibleEngines()) {
			if (engine == de) continue;
			var menuitem = document.createXULElement("menuitem");
			menuitem.className = "menuitem-iconic";
			this.setAttrs(menuitem, engine);
			menu.ePopup.append(menuitem);
		}
		this.handleEvent = this.handler;
		Services.obs.addObserver(this, this.topic, false);
	},
	setAttrs(node, engine, label = engine.name) {
		node.engine = engine;
		node.setAttribute("label", label);
		node.setAttribute("image", engine.iconURI ? engine.iconURI.spec : this.defaultImg);
	},
	observe() {
		this.handleEvent = this.handlerRebuild;
		Services.obs.removeObserver(this, this.topic);
	},
	search(e) {
		var {engine} = e.target;
		if (!engine) return;
		var submission = engine.getSubmission(
			searchSelect.searchTerms, null, "contextmenu"
		);
		submission && openLinkIn(submission.uri.spec, "tab", {
			postData: submission.postData,
			inBackground: e.button > 0,
			relatedToCurrent: true,
			triggeringPrincipal: searchSelect.principal
		});
		e.button != 1 && popup.state == "open" && popup.hidePopup();
	}
}))(document.getElementById("context-searchselect"));

Отсутствует

 

№1061209-07-2021 21:56:31

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 82
UA: Firefox 91.0

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

Vitaliy V., уже давно вы дали мне  стиль для выезжающей панели закладок:

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

Выделить код

Код:

/*Выезжающая боковая панель + Закладки своим шрифтом*/

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

@-moz-document url("chrome://browser/content/browser.xhtml"), url("chrome://browser/content/browser.xul") {
#sidebar-box {
	--v-sidebar-min-width: 2px;
    --v-sidebar-min-width-normal: 5px;
    --v-sidebar-max-width: 30em;
    --v-sidebar-transition-delay-show: .0s;
    --v-sidebar-transition-delay-hide: .0s;
    --v-sidebar-transition-duration: .0s;
    /* ********************************************** */

    position: relative !important;
    z-index: 2 !important;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
    margin-left: var(--v-sidebar-margin-left-locale-dir) !important;
    margin-right: var(--v-sidebar-margin-right-locale-dir) !important;
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir) * (var(--v-sidebar-max-width) - var(--v-sidebar-min-width)))) !important;
    transition-timing-function: linear, step-start !important;
    transition-delay: var(--v-sidebar-transition-delay-hide), calc(var(--v-sidebar-transition-delay-hide) + var(--v-sidebar-transition-duration)) !important;
    transition-duration: var(--v-sidebar-transition-duration), 0s !important;
    transition-property: transform, opacity !important;
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='sidebar'><handlers><handler event='dragenter'><![CDATA[ if (!this.hasAttribute('sidebardrag')) this.setAttribute('sidebardrag', 'true'); ]]></handler><handler event='drop'><![CDATA[ if (this.hasAttribute('sidebardrag')) this.removeAttribute('sidebardrag'); ]]></handler><handler event='dragexit'><![CDATA[ var boxObj = this.boxObject; if ((!event.relatedTarget || event.screenY <= (boxObj.screenY + 5) || event.screenY  >= (boxObj.screenY + boxObj.height - 5) || event.screenX <= (boxObj.screenX + 5) || event.screenX >= (boxObj.screenX + boxObj.width - 5)) && this.hasAttribute('sidebardrag')) this.removeAttribute('sidebardrag'); ]]></handler></handlers></binding></bindings>#sidebar") !important;
}

#sidebar-box[ordinal][positionend="true"],
#sidebar-box:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-margin-right-locale-dir: 0;
    --v-sidebar-transform-locale-dir: 1;
}

#sidebar-box[ordinal][positionend="true"]:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
}

#main-window[sizemode="normal"] #sidebar-box {
    --v-sidebar-min-width: var(--v-sidebar-min-width-normal) !important;
}

#browser > *:not(#appcontent):hover ~ #sidebar-box[ordinal]:not([positionend="true"]),
#sidebar-box:hover,
#sidebar-box[sidebardrag] {
    transform: translateX(0) !important;
    opacity: 1 !important;
    transition-delay: var(--v-sidebar-transition-delay-show) !important;
}

#main-window #browser > #sidebar-splitter {
    -moz-appearance: none !important;
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
    width: 0 !important;
}

#sidebar-box > #sidebar {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    -moz-box-flex: 1 !important;
}

@font-face {
    font-family: "Custom";
    src: url("./fonts/Lucida.ttf");
}

#BMB_bookmarksPopup, #bookmarksMenuPopup,
#BMB_bookmarksPopup menupopup, #bookmarksMenuPopup menupopup {
    font-family: "Custom" !important;
    font-size:  16px !important;
}

#BMB_bookmarksPopup .subviewbutton {
    min-height: 18px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

}

@-moz-document url-prefix("chrome://browser/content/places/") {

@font-face {
    font-family: "Custom";
    src: url("./fonts/Lucida.ttf");
}

#bookmarksPanel {
    font-family: "Custom" !important;
    font-size:  16px !important;
}

}


Стиль рабочий - пользуюсь им на 91а1 с удовольствием и благодарностью.
Но т.к. стиль сделан давно, не могли бы вы проинспектировать его на предмет оптимизации?
Может, для новых билдов лисы что-то можно сделать по-другому ?

Отсутствует

 

№1061309-07-2021 22:50:59

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

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


Win7

Отсутствует

 

№1061409-07-2021 23:52:23

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 90.0

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

usalex
Да он старый ещё с биндингом -moz-binding
а вы что user_chrome_files не пользуетесь?
там есть стиль что по ссылке kokoss
раскомментировать в custom_style_user.css
@import url("./auto_hide_sidebar.css");  /* <-- Auto Hide Sidebar */
и скрипт для него раскомментировать в custom_script_win.js
this.autohidesidebar.init(); // <-- Auto Hide Sidebar

если без скрипта то:
не работает авто-открытие панели при перетаскивании ссылки,
при переключении в верхнем меню когда курсор на меню панель скрывается,
и т.д.

Отредактировано Vitaliy V. (10-07-2021 00:05:14)

Отсутствует

 

№1061510-07-2021 00:57:20

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 82
UA: Firefox 91.0

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

Vitaliy V. пишет

вы что user_chrome_files не пользуетесь?

Пока не было такой необходимости - меня устраивали те стили, которые вы мне давали.
Теперь попробую разобраться с auto_hide_sidebar.css
Спасибо!

Отсутствует

 

№1061610-07-2021 19:34:01

Defender
Участник
 
Группа: Members
Зарегистрирован: 10-07-2021
Сообщений: 1
UA: Firefox 91.0

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

В данной теме есть код для уменьшения междустрочного интервала в закладках и контекстном меню - всё хорошо, работает. А как уменьшить интервал в меню приложения, которое открывается по клику на гамбургер?

Отсутствует

 

№1061710-07-2021 19:52:30

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

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

Defender пишет

А как уменьшить интервал в меню приложения, которое открывается по клику на гамбургер?

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

Выделить код

Код:

:root {
	--arrowpanel-menuitem-padding-block: 2px !important;
	--panel-separator-margin: 3px 8px !important;
	--panel-subview-body-padding: 6px 0 !important;
}

Отсутствует

 

№1061811-07-2021 16:17:04

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

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

Vitaliy V.
Не подскажите, когда findbar ничего не находит, то на .findbar-textbox[status="notfound"] появляется черная рамка, как её убрать?
screenshot_2021-07-11_001.png

Ни border, ни  box-shadow не отключает(

Отсутствует

 

№1061911-07-2021 16:59:23

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

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

Дорабатываю классическую тему оформления. Результат удовлетворительный, но не нравятся две вещи. Во-первых, не работает для кнопок в панели вкладок "+" и "V", а именно: не убирается темно-серый фон на обеих кнопках при наведении и открытии и не прорисовывается рамка кнопки "V" при открытии:

скрытый текст
9d8e37187136.jpg

Во-вторых не работает для кнопки боковых панелей в панели инструментов, т. е. не прорисовывается рамка при открытии:
скрытый текст
30881372f73d.jpg

Код, который я использую:
скрытый текст
@media (-moz-windows-classic) {
  #TabsToolbar .tabs-newtab-button,
  #TabsToolbar #alltabs-button,
  #nav-bar toolbarbutton:not(#back-button):not(.subviewbutton),
  #PersonalToolbar #PlacesToolbarItems toolbarbutton,
  #PersonalToolbar #PlacesChevron {
    -moz-appearance: toolbarbutton !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
  }

  #TabsToolbar .tabs-newtab-button:hover,
  #TabsToolbar #alltabs-button:hover,
  #nav-bar toolbarbutton:hover:not(#back-button):not(.subviewbutton),   
  #PersonalToolbar #PlacesToolbarItems toolbarbutton:hover,
  #PersonalToolbar #PlacesChevron:hover {
    border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight !important;
  }

  #TabsToolbar .tabs-newtab-button:hover:active,
  #TabsToolbar .tabs-newtab-button[open],
  #TabsToolbar #alltabs-button:hover:active,
  #TabsToolbar #alltabs-button:hover[open],
  #nav-bar toolbarbutton[open]:not(#back-button):not(.subviewbutton),
  #PersonalToolbar #PlacesToolbarItems toolbarbutton:hover:active,
  #PersonalToolbar #PlacesToolbarItems toolbarbutton[open],
  #PersonalToolbar #PlacesChevron[open] {
    border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow !important;
  }

  #nav-bar toolbarbutton:not(#back-button):not(.subviewbutton),
  #PersonalToolbar #PlacesChevron {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    width: var(--toolbarbutton-width) !important;
  }

  #main-window[uidensity=compact] #nav-bar toolbarbutton:not(.subviewbutton) {
    -moz-appearance: toolbarbutton !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    width: var(--toolbarbutton-width) !important;
  }

  #main-window[uidensity=compact] #nav-bar toolbarbutton:hover:not(.subviewbutton) {
    border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight !important;
  }

  #main-window[uidensity=compact] #nav-bar toolbarbutton:hover:active,
  #main-window[uidensity=compact] #nav-bar toolbarbutton[open]:not(.subviewbutton) {
    border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow !important;
  }   

  #nav-bar toolbarbutton > .toolbarbutton-icon,
  #nav-bar toolbarbutton > .toolbarbutton-badge-stack {
    background-color: transparent !important;
  }
}


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

Отсутствует

 

№1062012-07-2021 15:31:44

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

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

momo2000 пишет

когда findbar ничего не находит, то на .findbar-textbox[status="notfound"] появляется черная рамка, как её убрать?

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
.findbar-textbox[status="notfound"] {
	border-color: ThreeDShadow !important;
	outline: unset !important;
}
}

__________.png

Отсутствует

 

№1062112-07-2021 16:47:22

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

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

sandro79:beer:
Точняк, оно!

Отсутствует

 

№1062212-07-2021 21:12:21

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

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

egorsemenov06 пишет

Ребята может кто знает как поднять кнопку обновить страницу

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

Выделить код

Код:

:where(#reload-button, #stop-button) > .toolbarbutton-icon, 
:where(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
	translate: 0 0px !important;
}


Для 91

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

Выделить код

Код:

:where(#reload-button, #stop-button) > .toolbarbutton-icon {
	padding: calc(var(--toolbarbutton-inner-padding) - 1px) var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 1px ) !important;
}

Отредактировано sandro79 (13-07-2021 01:05:06)

Отсутствует

 

№1062313-07-2021 07:39:29

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

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

egorsemenov06 пишет

как в протоне сделать синию обводку в строке адреса когда кликаешь в нее и можно ли как то сделать что бы конткстные меню выделялись на фоне страницы

Да обводка и так присутствует, во всяком случае с системной или светлой темой. Может у вас стилями глушится. Можно попробовать принудительно вернуть что ли

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

Выделить код

Код:

#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background {
   border: var(--focus-outline) !important;
   border-color: var(--toolbar-field-focus-border-color) !important;
}

По контекстным меню не совсем понятно что нужно, скриншот бы посмотреть, перекрасить или бордюр сделать или ещё что-то.

Отсутствует

 

№1062413-07-2021 21:07:27

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

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

Vitaliy V.
https://forum.mozilla-russia.org/viewto … 17#p792417
Спасибо.

А чего там настраивать текст?!

Наверное я имел ввиду вообще интерфейс настроек, например, свою картинку на миниатюру, да и все остальное.
 
Coroner
Вы же сами спросили про глобальные переменные. Никто вас не заставляет их использовать, используйте как раньше, например вместо "var(--какая_то_переменная)"

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { /* selected */
{    background-color: var(--какая_то_переменная) !important; }

точный цвет в html, rgb или rgba.
 
All
Актуализировал Стиль для дополнительных меню (панелей)
и Стиль для панели закладок

Отредактировано _zt (13-07-2021 21:14:52)

Отсутствует

 

№1062514-07-2021 00:36:18

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 90.0

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

_zt пишет

вообще интерфейс настроек

Вообще он там есть, я как раз обновил расширение когда писал тот пост,
но разумеется не для миниатюр которые мне не нравятся в принципе,
а для более важного на мой взгляд

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

Screenshot_20210714_001655.th.png  Screenshot_20210714_001657.th.png

Отсутствует

 

Board footer

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