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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№1277625-04-2023 20:46:32

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

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

Northtech
Попробуйте ещё такой вариант ->

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

Выделить код

Код:

menupopup[placespopup="true"] > .menupopup-arrowscrollbox {
    --uc-scrollbox-overflow: auto;
}
scrollbox { overflow-y: var(--uc-scrollbox-overflow,initial) }

Add, проверьте только с этим кодом, так как у меня он работает без глюков.

Отредактировано kokoss (25-04-2023 20:49:24)


Win7

Отсутствует

 

№1277725-04-2023 21:08:15

Northtech
Участник
 
Группа: Members
Зарегистрирован: 16-04-2011
Сообщений: 261
UA: Firefox 112.0

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

kokoss
ага, нашел. конфликт с

Выделить код

Код:

.tabbrowser-tab {
margin-top: -4px !important;
margin-bottom: -4px !important;
}

видимо перебор с уменьшением вкладок. спасибо)
хотя странно конечно...

Отредактировано Northtech (25-04-2023 21:11:21)

Отсутствует

 

№1277825-04-2023 21:44:29

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

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

Northtech пишет

видимо перебор с уменьшением вкладок.

Для уменьшения вкладок попробуйте с этим кодом ->

Выделить код

Код:

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 24px;
}

Win7

Отсутствует

 

№1277925-04-2023 22:13:15

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

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

Northtech пишет

"ограничить зону действия типа "scrollbox:not([...])" не получается"

Зачем not когда есть is? Вопрос риторический.

Отсутствует

 

№1278002-05-2023 23:13:11

Тоторо
Участник
 
Группа: Members
Зарегистрирован: 21-12-2022
Сообщений: 20
UA: Firefox 106.0

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

У кого-нибудь есть точная копия внешнего вида [firefox]78-88 для 100+ версий?
Или, может быть, Мозилла планирует в ближайшее время переименовать протон в бозон и снова дизайн сменить?

Отсутствует

 

№1278103-05-2023 00:11:38

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

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

Тоторо
Например
GitHub - black7375/Firefox-UI-Fix
GitHub - jannikbuscha/firefox-dracula
Такое еще
GitHub - datguypiko/Firefox-Mod-Blur
   
Да и full_theme от VitaliyV до сих пор работает, с минимальными правками.

Отсутствует

 

№1278203-05-2023 00:47:52

Тоторо
Участник
 
Группа: Members
Зарегистрирован: 21-12-2022
Сообщений: 20
UA: Firefox 106.0

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

_zt
Можно поверх них обычные темы ставить? А если извлечь из 88 старые значки закладок/загрузок/домашней страницы и т.д., их тоже надо будет дополнительным кодом оформлять или можно просто в папке подменить?

Или может, у какого-то форка от [firefox] нормальный дизайн сохранился, чтобы не извращаться?

Отредактировано Тоторо (03-05-2023 00:55:08)

Отсутствует

 

№1278303-05-2023 10:26:13

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

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

Тоторо пишет

Можно поверх них обычные темы ставить?

Не знаю. На Firefox-UI-Fix можно попробовать.

Тоторо пишет

извлечь из 88 старые значки закладок/загрузок/домашней ... подменить?

В omni.ja можно подменить, но этого мало, формат, размер, названия и пути многих значков изменились. Вот бы все так просто было.

Тоторо пишет

может, у какого-то форка

Может быть, пробуйте.
Pale Moon - https://www.palemoon.org/
Basilisk - https://basilisk-browser.org/
Waterfox - https://www.waterfox.net/
Floorp - https://floorp.ablaze.one/

Тоторо пишет

нормальный дизайн сохранился, чтобы не извращаться

Вот и не извращайтесь форками, в теме про css для [firefox]. :)

Отредактировано _zt (03-05-2023 15:47:14)

Отсутствует

 

№1278403-05-2023 10:45:06

Тоторо
Участник
 
Группа: Members
Зарегистрирован: 21-12-2022
Сообщений: 20
UA: Firefox 106.0

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

_zt пишет

Может быть, пробуйте.

Спасибо, попробую.

Отсутствует

 

№1278508-05-2023 13:30:24

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 112.0

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

Идентификация первой и последней вкладок

Здравствуйте.

Как однозначно идентифицировать первую и последнюю вкладки на панели вкладок. Я имею ввиду элементы tab класса tabbrowser-tab, являющиеся дочерними для элемента tabs класса tabbrowser-tabs.

Спасибо.

Отсутствует

 

№1278608-05-2023 13:46:21

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: unknown 0.0

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

FireForce, наверное так для большей гибкости:
tab.tabbrowser-tab:nth-child(1)
tab.tabbrowser-tab:nth-last-child(1)

Подробнее

Элементы tab класса tabbrowser-tab не являются дочерними для элемента tabs класса tabbrowser-tabs. Хотя, может в ранних версиях Firefox по другому - не проверял

Отредактировано 6e73epo (08-05-2023 14:25:59)

Отсутствует

 

№1278708-05-2023 16:01:19

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 112.0

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

Разобрался в вопросе. Вот решение.

Выделить код

Код:

tab:first-of-type hbox[class='tab-content']
  background-color: violet

tab:last-of-type hbox[class='tab-content']
  background-color: orange

То есть, задача стояла окрасить первую и последнюю вкладки в определенные цвета. Для её решения можно было использовать как псевдоклассы first-child/last-child, так и first-of-type/last-of-type.

Разница заключается в следующем.

Псевдоклассы типа -child репрезентует заданный элемент в группе всех дочерних элементов. Псевдоклассы же типа -of-type репрезентуют заданный элемент в группе дочерних элементов данного типа. То есть, если элемент выбранного типа не является заданным элементом (первым, последним, n-ым), то в случае -child он выбран не будет, а в случае -of-type будет.

Посколько в иерархии дочерних элементов репрезентующих вкладки на панели вкладок элемент „вкладка“ не является единственным возможным дочерним элементом, то его выбор в некоторых случаях возможен только по типу.

6e73epo, спасибо за внимание к вопросу.

Отсутствует

 

№1278808-05-2023 16:28:36

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

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

FireForce
Скобки забыли добавить!


Win7

Отсутствует

 

№1278908-05-2023 17:09:06

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 112.0

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

kokoss Это Sass.

Отсутствует

 

№1279008-05-2023 17:18:30

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

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

FireForce пишет

Это Sass.

И как это работает ?


Win7

Отсутствует

 

№1279108-05-2023 17:34:23

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 112.0

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

kokoss Пишите на Sass, компилируете в CSS. Далее, используете скомпилированный файл так, как вам необходимо.

Отсутствует

 

№1279210-05-2023 09:01:11

Pifontiy
Участник
 
Группа: Members
Зарегистрирован: 01-07-2020
Сообщений: 20
UA: Firefox 113.0

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

В 113 версии пропали кнопки управления окном:

daf3b920250098951ceed32bab52fd51.png

Код из userChrome.css

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

Выделить код

Код:

/* Кнопки управления окном */
*|*:root {
    --v-titlebar-button-vert-padding: 5px;
    --v-titlebar-button-horizont-padding: 10px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
	--v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges' x1='1' y1='5.5' x2='11' y2='5.5'/></svg>");
	--v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='9' height='9'/></svg>");
	--v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
	--v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='.9' fill='none' d='M1,1 l 10,10 M1,11 l 10,-10'/></svg>");
	--v-titlebar-button-image-height: 12px;
	--v-titlebar-button-image-width: 12px;
	--v-titlebar-button-background-hover: rgba(0,0,0,.12);
	--v-titlebar-button-background-active: rgba(0,0,0,.22);
	--v-titlebar-close-background-hover: rgb(227, 27, 93);
	--v-titlebar-close-background-active: rgb(191, 22, 78);
	--v-windows-glass-default-background: ActiveCaption;
	--v-windows-glass-default-background-inactive: InactiveCaption;
}

*|*:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
	--v-titlebar-button-background-hover: rgba(255,255,255,.22);
	--v-titlebar-button-background-active: rgba(255,255,255,.12);
}

@media (-moz-windows-glass), (-moz-os-version: windows-win8) {
    *|*:root[sizemode="normal"] > #titlebar {
		-moz-appearance: none !important;
		margin-bottom: calc(-1 * (var(--v-titlebar-button-vert-padding) * 2 + var(--v-titlebar-button-image-height))) !important;
	}

	*|*:root[sizemode="normal"] > #titlebar > #titlebar-content {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

    *|*:root[sizemode="normal"] > #navigator-toolbox,
    *|*:root[sizemode="normal"] > box > #navigator-toolbox {
        border-top: none !important;
        padding-top: 0 !important;
        box-shadow: 0 1px 0 rgba(12,12,13,0.3) inset !important;
    }

    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
		margin: 0 !important;
		padding: 0 !important;
    }

    *|*:root {
        -moz-appearance: none !important;
        background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important;
    }

	*|*:root:-moz-window-inactive {
        background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, var(--v-windows-glass-default-background-inactive))) !important;
    }

	#TabsToolbar:-moz-lwtheme-darktext {
        color: inherit !important;
		--lwt-toolbarbutton-icon-fill: currentColor !important;
    }

	#TabsToolbar:not(:-moz-lwtheme) {
        color: inherit !important;
    }

	#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
        background-color: transparent !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
    }
}

#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close),
#minimize-button, #restore-button, #close-button {
	display: -moz-box !important;
    -moz-appearance: none !important;
	margin: 0 !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
}

*|*:root:not([sizemode="maximized"]) .titlebar-buttonbox > .titlebar-restore[tooltiptext],
*|*:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max[tooltiptext] {
    display: none !important;
}

#window-controls {
    -moz-box-align: start !important;
}

@media not all and (-moz-os-version: windows-win7) {
    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        -moz-box-align: start !important;
        -moz-box-pack: end !important;
    }
}

#titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close) > .toolbarbutton-icon,
:-moz-any(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	height: var(--v-titlebar-button-image-height) !important;
	width: var(--v-titlebar-button-image-width) !important;
}

#titlebar-buttonbox > #titlebar-min,
.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
}

#titlebar-buttonbox > #titlebar-max,
.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    -moz-image-region: auto !important;
}

*|*:root[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max,
*|*:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
.titlebar-buttonbox > .titlebar-restore,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    -moz-image-region: auto !important;
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-restore):hover,
:-moz-any(#minimize-button,#restore-button):hover {
    background-color: var(--v-titlebar-button-background-hover) !important;
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover:active,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-restore):hover:active,
:-moz-any(#minimize-button,#restore-button):hover:active {
    background-color: var(--v-titlebar-button-background-active) !important;
}

#titlebar-buttonbox > #titlebar-close,
.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    -moz-image-region: auto !important;
}

#titlebar-buttonbox > #titlebar-close:hover,
.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
    background-color: var(--v-titlebar-close-background-hover) !important;
    color: white !important;
}

#titlebar-buttonbox > #titlebar-close:hover:active,
.titlebar-buttonbox > .titlebar-close:hover:active,
#close-button:hover:active {
    background-color: var(--v-titlebar-close-background-active) !important;
    color: white !important;
}
}


Можно их вернуть обратно...

Отсутствует

 

№1279310-05-2023 09:08:52

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

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

Pifontiy пишет

В 113 версии пропали кнопки управления окном:

https://forum.mozilla-russia.org/viewtopic.php?pid=804888#p804888


Win7

Отсутствует

 

№1279410-05-2023 12:51:39

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 113.0

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

kokoss пишет

Retif пишетНо для панели со вкладками что-то не выходитhttps://github.com/Aris-t2/CustomCSSfor … .css#L1083

https://forum.mozilla-russia.org/viewto … 70#p803370


Тут Firefox решил обновиться до версии 113.0 и это:

Выделить код

Код:

@import "./css/toolbars/general_toolbar_colors_tabs_toolbar_aeroglass.css";

больше не работает.

Опять тогда вопрос, как задать свой цвет для панели с табами?

Использую Custom CSS for Firefox 4.3.5

Отредактировано Retif (10-05-2023 13:16:35)

Отсутствует

 

№1279510-05-2023 13:33:33

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

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

Retif пишет

больше не работает.

Опять тогда вопрос, как задать свой цвет для панели с табами?

У меня в [firefox] 113 работает!


Попробуйте тогда такой вариант ->

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

#TabsToolbar {
  background-image: radial-gradient(ellipse at bottom, rgba(255,0,0,0.8), rgba(139,0,0,0.5) 80%, transparent) !important;
  color: white !important;
}


Win7

Отсутствует

 

№1279610-05-2023 13:35:46

Pifontiy
Участник
 
Группа: Members
Зарегистрирован: 01-07-2020
Сообщений: 20
UA: Firefox 113.0

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

kokoss
Мой вопрос https://forum.mozilla-russia.org/viewtopic.php?pid=804907#p804907
Ваша рекомендация https://forum.mozilla-russia.org/viewtopic.php?pid=804888#p804888
При всём уважении не понял,как код для вертикальной панели может быть использован для возвращения убежавших кнопок управления окном.
Или я таки чего то не там смотрю?

Отсутствует

 

№1279710-05-2023 13:42:53

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

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

Pifontiy пишет

как код для вертикальной панели может быть использован для возвращения убежавших кнопок управления окном.

Этот код не только для вертикальной панели...

Отредактировано kokoss (10-05-2023 13:43:47)


Win7

Отсутствует

 

№1279810-05-2023 13:48:16

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 113.0

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

kokoss пишет

Попробуйте тогда такой вариант ->

Попробовал. Что-то не работает, как был F0F0F0, так и остался.

kokoss пишет

У меня в [firefox] 113 работает!

Блин. А у меня почему не работает тогда... Конфликт между какими-то параметрами что ли...

Отсутствует

 

№1279910-05-2023 13:55:57

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

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

Retif пишет

А у меня почему не работает тогда... Конфликт между какими-то параметрами что ли...

Да -> 2023-05-10_135423.png


Win7

Отсутствует

 

№1280010-05-2023 14:05:03

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 113.0

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

kokoss пишет

Retif пишетА у меня почему не работает тогда... Конфликт между какими-то параметрами что ли...Да ->

Ну вот я закомментил

Выделить код

Код:

@import "./css/toolbars/general_toolbar_colors_tabs_toolbar_aeroglass.css";

И в my_userChrome.css добавил то же самое:

Выделить код

Код:

/* tabs toolbar background */
#main-window #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme),
#main-window #navigator-toolbox #TabsToolbar:-moz-lwtheme,
#main-window #navigator-toolbox #TabsToolbar {
  background: red !important;
  border: unset !important;
  box-shadow: unset !important;
}

#main-window[sizemode="normal"]  #TabsToolbar:not(:-moz-lwtheme){
  border-left: unset !important;
  border-right: unset !important;
}

И опять нифига :( Белый так и остался. Только у меня панель вкладок внизу окна.

Отсутствует

 

Board footer

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