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

Vitaliy V. · №6301

solombala
какая кнопка поиск, куда падает? это на сборке?
Stkvsky
примерно так

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

:root[sessionrestored] .tab-throbber[busy]::before {
content: "" !important;
position: absolute !important;
background-image: url("chrome://browser/skin/tabbrowser/loading.svg") !important;
background-position: center !important;
background-repeat: no-repeat !important;
width: 16px !important;
height: 16px !important;
animation: none !important;
opacity: 1 !important;
}
:root[sessionrestored] .tab-throbber[progress]::before {
background-image: url("chrome://browser/skin/tabbrowser/loading.svg") !important;
}

background-image своё изображение можно (или apng для анимации как раньше) или none

Отредактировано Vitaliy V. (22-08-2019 17:51:19)

Stkvsky · №6302

Vitaliy V.
Большое спасибо.
А в качестве background-image можно указать фавиконку сайта который загружается?

vassemm · №6303

kokoss пишет

Или в Конфиге переключить параметр_toolkit.cosmeticAnimations.enabled на false

Это не поможет

kokoss · №6304

Del

Отредактировано kokoss (23-08-2019 00:43:27)

Vitaliy V. · №6305

Stkvsky
Нет она не сразу загружается какое-то время будет висеть иконка от другого сайта если так сделать

solombala · №6306

Stkvsky
:root[sessionrestored] .tab-throbber[busy]::before {
display: none !important;
}

А, это toolkit.cosmeticAnimations.enabled на false уберет иконку предзагрузки и все...

Отредактировано solombala (22-08-2019 18:37:59)

Vitaliy V. · №6307

toolkit.cosmeticAnimations.enabled не влияет на анимацию соединения и загрузки, но влияет на др. анимации например кнопка обновить/остановить,
на вкладке bursting когда она загружена и т.д.

Stkvsky · №6308

Vitaliy V. пишет

StkvskyНет она не сразу загружается какое-то время будет висеть иконка от другого сайта если так сделать

Ясно, просто при background-image: none при загрузке пустрое место
И появилась идея чтобы вместо него сразу загружалась/отображалась фавиконка

Отредактировано Stkvsky (22-08-2019 19:26:36)

kokoss · №6309

Vitaliy V. пишет

toolkit.cosmeticAnimations.enabled не влияет на анимацию соединения и загрузки, но влияет на др. анимации например кнопка обновить/остановить,
на вкладке bursting когда она загружена и т.д.

Пардон за невнимательность, перепутал с другой анимацией. Как говорится, старость не радость

solombala · №6310

В 66 , вторая строчка в popup "Искать Привет в " Как font-size задать?

Vitaliy V. · №6311

solombala

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

Выделить код

Код:

.search-one-offs .search-panel-one-offs-header {
    font-size: 1.2em !important;
}

solombala · №6312

Vitaliy V.
Странно, нет эффекта...
Пришлось курочить старый. И еще кое-что . Короче сделал, Спасибо!

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

Выделить код

Код:

#urlbar .textbox-input-box, .searchbar-textbox,
#PopupAutoCompleteRichResult :-moz-any(.autocomplete-richlistitem,.ac-title,.ac-tags,.ac-separator,.ac-url,.ac-action,description,label),
#PopupSearchAutoComplete :-moz-any(treechildren,description,label) {
    font-size: 15px !important;

Отредактировано solombala (23-08-2019 15:57:05)

Vitaliy V. · №6313

solombala пишет

нет эффекта

конфликт со старым стилем, вот так должен работать

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

Выделить код

Код:

#PopupAutoCompleteRichResult .search-one-offs .search-panel-one-offs-header label {
    font-size: 1.2em !important;
}

Отредактировано Vitaliy V. (23-08-2019 16:13:53)

solombala · №6314

Vitaliy V.
Да, работает, кстати сепаратор уменьшился , хотел подобный фокус в 68, тоже этот сепаратор уменьшить и никак..Он там с скине browser.css прописан....

А это в 68

Отредактировано solombala (23-08-2019 17:15:02)

Vitaliy V. · №6315

solombala

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

Выделить код

Код:

.urlbarView-title-separator::before {
    font-size: 0.5em !important;
}

или замени длинное тире на дефис

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

Выделить код

Код:

.urlbarView-title-separator::before {
    content: "\002D" !important;
}

Отредактировано Vitaliy V. (23-08-2019 20:09:50)

solombala · №6316

Vitaliy V.
Приморила меня эта 66 ... Не видно без наведения " Поиск через Google "

Отредактировано solombala (27-08-2019 10:48:21)

Xvost · №6317

Можно ли изменить фон домашней страницы (на изображение, например) и как это сделать?

Ответ мне был дан здесь.

Однако в FF 69.0 b16 указанный способ не работает. Что можно сделать?

Septdir · №6318

Вчера обновился до 70.0b1 и userChrome.css перестал работать. Что очень сильно напрягает ибо от текущей дефолтной цветовой схемы в devtools глаза вытекают.

Выделить код

Код:

toolkit.legacyUserProfileCustomizations.stylesheets = true

При этом userContent работает.

kokoss · №6319

del

Отредактировано kokoss (28-08-2019 12:02:56)

Vitaliy V. · №6320

solombala пишет

Не видно без наведения " Поиск через Google "

и охота тебе с такой мелочевкой возится...

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

Выделить код

Код:

#PopupAutoCompleteRichResult:not([noactions]) > richlistbox > richlistitem:not(.emptySearchQuery) > .ac-action[actiontype="searchengine"], 
#PopupAutoCompleteRichResult:not([noactions]) > richlistbox > richlistitem:not(.emptySearchQuery) > .ac-separator[actiontype="searchengine"] {
    display: -moz-box !important;
}

для новых версий [firefox]

уже др. код нужен

Xvost пишет

Однако в FF 69.0 b16 указанный способ не работает. Что можно сделать?

должен работать вроде, у меня так

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
*|body {
    background-color: rgb(27,27,29) !important;
    background-image: url("./png/background.png") !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    color: rgb(255,255,255) !important;
}
}

наверно не включено в about:config
toolkit.legacyUserProfileCustomizations.stylesheets = true

Septdir пишет

Вчера обновился до 70.0b1 и userChrome.css перестал работать

сам userChrome.css работает на [nightly]
смотрите может ваши правила уже не работают

Отредактировано Vitaliy V. (28-08-2019 13:33:16)

Stkvsky · №6321

Здравствуйте, подскажите пожалуйста, есть такое неудобство
Когда открываешь любую закладку, любой сайт, то страница сначала на секунду белая (белый фон) и потом уже загружается сайт
Так вот ночью это сильно бьет по глазам
Я думал это белый фон about:newtab или about:home, но нет, его изменил, а при открытии любого сайта все равно на секунду появляется белый фон
Можно ли его как нибудь изменить на черный?

solombala · №6322

Vitaliy V.
Класс! Просто в 68 эта строка убирается browser.urlbar.suggest.searches=false , в 66 ноль реакции , так хоть надпись появилась...
В красоте - нет мелочей!

oleg.sgh · №6323

Stkvsky

Выделить код

Код:

/* цвет пустой страницы */    
browser {-moz-appearance: none !important;
    background: #FEF8F3 !important;}

Stkvsky · №6324

oleg.sgh
Оно самое, спасибо.

func4ptch4 · №6325

Привет всем, возможно как то вытащить или сделать похожую на телеграм scrollbar.
Думал с исходников вытащить, зашел на гитхаб а там столько файлов непонятных... да и код в любом случае над будет подгонять даже если найдешь"забросил".
По идее код уже есть его доделать над, я в этом не шарю.

тут 2 разных scrollbar-а, если рихтануть первый скорее больше подходит - upd...

Выделить код

Код:

/*Этот файл для правил CSS с правами AGENT_SHEET*/
/*@import"custom_styles/css_agent.css";*/

/* AGENT_SHEET-Scrollbar ======================================*/
/* scrollbarbutton[sbattr="scrollbar-up-top"],
scrollbarbutton[sbattr="scrollbar-down-top"],
scrollbarbutton[sbattr="scrollbar-up-bottom"],
scrollbarbutton[sbattr="scrollbar-down-bottom"]
{-moz-appearance:none!important;display:none!important;}

scrollbar[orient="vertical"]
{ -moz-margin-start:-15px;
  min-width:15px!important;
  max-width:15px!important;
  -moz-appearance:none!important;
  position:relative;
  background-color:transparent!important;
  background-image:none!important;
  border:0;
  z-index:2147483647;
  -moz-box-align:start;
  padding:1px 0px 1px 6px!important;}

scrollbar[orient="horizontal"]
{ margin-top:-15px;
  min-height:15px;
  max-height:15px;
  -moz-appearance:none!important;
  position:relative;
  background-color:transparent;
  background-image:none;
  border:0;
  z-index:2147483647;
  -moz-box-align:start;
  padding:6px 11px 1px 1px!important;}

scrollbar thumb{-moz-appearance:none!important;background-color:rgba(184,184,184,0.5);border-radius:8px;border:0;}
scrollbar[orient="vertical"] thumb{min-height:20px!important;min-width:15px!important;max-width:15px!important;}
scrollbar[orient="horizontal"] thumb{min-width:20px!important;min-height:15px!important;max-height:15px!important;}

scrollbar thumb:hover,scrollbar thumb:active{background-color:rgba(0,0,0,0.5);}
html div scrollbar{-moz-margin-start:0!important;} /**/
/*=============================================================*/





/* agentsheet@vitaliy.ru.xpi-Scrollbar ========================*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
/*Скроллбар,dropmarker*/
scrollbar{
    -moz-appearance:none!important;
    background:none!important;
    border:none!important;
    padding:0!important;
    margin:0!important;}

scrollcorner{
    -moz-appearance:none!important;
    width:7px!important;
    height:7px!important;
    background:none!important;
    border:none!important;}

html|html> scrollbar,html|html> scrollcorner{background:black!important;}
scrollbar> slider{
    -moz-appearance:none!important;
    min-width:7px!important;
    min-height:7px!important;
    background:none!important;
    border:none!important;}

menulist> dropmarker{
    -moz-appearance:none!important;
    min-width:7px!important;
    min-height:7px!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:none!important;
    border-radius:0!important;
    background-color:rgb(192,192,192)!important;
    background-image:none!important;
    list-style-image:url("chrome://agentsheet/content/arrow-dn.svg")!important;
    -moz-box-align:center!important;
    -moz-box-pack:center!important;}

menulist> dropmarker image{
    min-width:5px!important;
    min-height:5px!important;
    width:5px!important;
    height:5px!important;
    margin:0!important;
    padding:0!important;
    border:none!important;}

scrollbar> slider> thumb,
scrollbar> scrollbarbutton,
html|select> html|button{
    -moz-appearance:none!important;
    border:none!important;
    border-radius:0!important;
    background-color:rgb(192,192,192)!important;
    background-image:none !important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:auto!important;}

scrollbar[orient="vertical"],
scrollbar[orient="vertical"]> slider> thumb{min-width:7px!important;}

scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"]> slider> thumb{min-height:7px!important;}

scrollbar> scrollbarbutton{min-width:7px!important;min-height:7px!important;}

scrollbar> slider> thumb:hover,
scrollbar> scrollbarbutton:not([disabled="true"]):hover{background-color:rgb(185,185,185)!important;}

scrollbar> slider> thumb:active,
scrollbar> scrollbarbutton:not([disabled="true"]):hover:active,
menulist> dropmarker:not([disabled="true"])[open="true"],
html|select> html|button:active {background-color:rgb(180,180,180)!important;}

html|select> html|button
{background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>")!important;}

scrollbar> scrollbarbutton[type="increment"],
html|select> html|button[orientation="right"]
{background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0.75,0 3.25,2.5 0.75,5 1.75,5 4.25,2.5 1.75,0 Z' style='fill:white;shape-rendering:crispEdges'/></svg>")!important;}

scrollbar[orient="vertical"]> scrollbarbutton[type="increment"]
{background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>")!important;}

scrollbar> scrollbarbutton[type="decrement"],
html|select> html|button[orientation="left"]
{background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 4.25,5 1.75,2.5 4.25,0 3.25,0 0.75,2.5 3.25,5 Z' style='fill:white;shape-rendering:crispEdges'/></svg>")!important;}

scrollbar[orient="vertical"]> scrollbarbutton[type="decrement"]
{background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,4.25 2.5,1.75 5,4.25 5,3.25 2.5,0.75 0,3.25 Z' style='fill:white;shape-rendering:crispEdges'/></svg>")!important;}

scrollbar> scrollbarbutton[type="increment"][disabled="true"],
scrollbar[orient="vertical"]> scrollbarbutton[type="increment"][disabled="true"],
scrollbar> scrollbarbutton[type="decrement"][disabled="true"],
scrollbar[orient="vertical"]> scrollbarbutton[type="decrement"][disabled="true"],
menulist> dropmarker[disabled="true"]{opacity:0.5!important;}
/*--------------------------------*/
/*Тултипы*/
tooltip{
    -moz-appearance:none!important;
    border-style:solid!important;
    border-width:2px!important;
    -moz-border-top-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-left-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-right-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-bottom-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    background-color:rgba(11,11,12,0.7)!important;
    background-image:none !important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    background-repeat:no-repeat!important;
    background-position:0% 0%!important;
    background-size:auto!important;
    color:rgb(244,244,245)!important;
    text-shadow:0 0 1px rgba(11,11,12,0.2)!important;}

tooltip description:not([style]){color:rgb(244,244,245)!important;text-shadow:0 0 1px rgba(11,11,12,0.2)!important;}
tooltip description[style*="color:grey"]{color:rgb(178,178,179)!important;} /*190,190,190*/
tooltip .text-link{color:rgb(120,120,120)!important;}
/*--------------------------------*/
/*=============================================================*/

И еще вопрос я вытащил код с svg, а как его вставить? чтобы нормально работал...

arrow-dn.svg

Выделить код

Код:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" height="5" width="5"><path d="M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z" style="fill:white;shape-rendering:crispEdges"/></svg>

url("data:image/svg+xml;charset=utf-8, .......... ")!important; пробовал так но не работает

Отредактировано func4ptch4 (28-08-2019 23:53:09)

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

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

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

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

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

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

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

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

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

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

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

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

Код:

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

Код:

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

Код:

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

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

Код:

Код:

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

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

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

Код:

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

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

Код:

Код:

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

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

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

Код:

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

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

Код:

Код:

Board footer