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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№637629-08-2019 11:01:41

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 592
UA: Firefox 56.0

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

css у меня не запустился, а вот скрипт для кнопки нормально на 68 работает.
Но не мог разобраться с шириной при наведении - для меня слишком широко.
Крутил scrollbar[orient=", но тогда скроллбар уезжает за рамку и его просто не видно.

Отсутствует

 

№637729-08-2019 12:07:32

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

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

Septdir пишет

Вы правы. Но отчасти. userChrome.css работает, но не работает в devtools

В веб devtools userContent.css работает
а чтобы работало и в инструментах браузера нужно создать в chrome_debugger_profile папку chrome с userChrome.css

Отсутствует

 

№637829-08-2019 16:06:10

Xvost
Участник
 
Группа: Members
Откуда: Краматорск, Дружковка, Украина
Зарегистрирован: 03-11-2007
Сообщений: 138
UA: Firefox 69.0
Веб-сайт

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

Vitaliy V., благодарю, Ваш совет помог.

Отсутствует

 

№637929-08-2019 17:52:51

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 68.0

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

Не увидел здесь в примерах... У Aris-t2 есть scrollbar.
В userChrome.css прописать (последней строкой, иначе другие стили могут отвалиться)

Выделить код

Код:

toolbarbutton#alltabs-button {
  -moz-binding: url("userChrome.xml#execute_javascript_code");
}

Рядом с userChrome.css положить два файла. В первый прописать название скрипта, т.е. "my_script_name.uc.js" заменить на "custom_scrollbars.uc.js"
И сам custom_scrollbars.uc.js
Можно и путь прописать, если не хочется видеть эти файлы рядом с userChrome...

Себе раскрасил вот так
y9qjcRT.png

Отсутствует

 

№638030-08-2019 11:12:06

Septdir
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 21-09-2016
Сообщений: 13
UA: Firefox 70.0
Веб-сайт

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

Vitaliy V. пишет

В веб devtools userContent.css работает

Не работает.

Vitaliy V. пишет

а чтобы работало и в инструментах браузера нужно создать в chrome_debugger_profile папку chrome с userChrome.css

Вот теперь в инструментах браузера работает а в devtools нет. Просто скопировал файл туда, файл один и тот же. (то бишь файлов теперь два)
Скрин под спойлером

скрытый текст
2019-08-30-01-17-02-9036ad.png

Сам код стиля тут
Если знаете как поправить напишите либо тут либо issue создайте. Заранее благодарен.
P.S Со стандартной световой схемой работать очень сложно.

Отредактировано Septdir (30-08-2019 12:03:11)

Отсутствует

 

№638130-08-2019 11:58:24

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

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

Septdir пишет

Не работает.

сказали же вам что работает...

Septdir пишет

Сам код стиля тут

ну ну стиль от новой вкладки каким образом должен в devtools работать

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

Выделить код

Код:

@-moz-document url-prefix("chrome://devtools/content/") {
:root {
    --theme-body-background: #1F1F1F !important;
    --theme-sidebar-background: #1F1F1F !important;
    --theme-contrast-background: #E1935D !important;
    --theme-tab-toolbar-background: #3c3f41 !important;
    --theme-tab-background: #3c3f41 !important;
    --theme-tab-selected-background: #515658 !important;
    --theme-tab-selected-border: #439eb8 !important;
    --tab-line-selected-color: #439eb8 !important;
    --theme-toolbar-hover: var(--theme-tab-background) !important;
    --theme-highlight-green: #77B767 !important;
    --theme-highlight-blue: #84A2BC !important;
    --theme-highlight-purple: red !important;
    --theme-highlight-red: #CF6664 !important;
    --theme-highlight-yellow: #F3C672 !important;
    --theme-highlight-orange: #E1935D !important;
    --theme-highlight-bluegrey: #8FBEB5 !important;
    --theme-highlight-lightorange: #d99b28;
    --theme-highlight-pink: #df80ff;
    --theme-highlight-gray: #808080 !important;
}

.devtools-tab,
.tabs-menu-item {
    border-right: 1px solid #4b4b4b !important;
    border-bottom: 2px solid transparent !important;
    background-color: var(--theme-tab-background);
}

.devtools-tab.selected,
.tabs-menu-item.is-active {
    background-color: var(--theme-tab-selected-background) !important;
    border-bottom-color: var(--theme-tab-selected-border) !important;
}

.devtools-tab-line {
    display: none;
}

.source-outline-tabs .tab {
    border-bottom: 2px solid transparent !important;
    border-top: 1px solid var(--theme-splitter-color) !important;
}

.source-outline-tabs .tab.active {
    border-top: inherit !important;
    border-bottom: 2px solid var(--tab-line-selected-color) !important;
}

.source-outline-tabs .tab:hover {
    border-top: 1px solid var(--theme-splitter-color) !important;
    border-bottom: 2px solid var(--tab-line-hover-color) !important;
}

.CodeMirror.cm-s-mozilla {
    background: var(--theme-body-background) !important;
}

.theme-fg-color1 {
    color: var(--theme-highlight-yellow) !important;
}

.theme-fg-color2,
.theme-fg-color4 {
    color: var(--theme-highlight-bluegrey) !important;
}

.theme-fg-color6 {
    color: var(--theme-highlight-bluegrey) !important;
}

.editor.comment:not(.doctype) {
    color: var(--theme-highlight-gray) !important;
}

.not-displayed,
.not-displayed * {
    opacity: 0.9 !important;
}

.not-displayed {
    color: var(--theme-highlight-blue) !important;
}

.not-displayed .tag {
    color: var(--theme-highlight-blue) !important;
}

.cm-s-mozilla .cm-property {
    color: var(--theme-highlight-yellow) !important;
}

.cm-s-mozilla .cm-attribute,
.cm-s-mozilla .cm-builtin,
.cm-s-mozilla .cm-keyword,
.cm-s-mozilla .cm-number,
.cm-s-mozilla .cm-atom,
.cm-s-mozilla .cm-quote,
.cm-s-mozilla .cm-variable {
    color: var(--theme-highlight-orange) !important;
}

.cm-s-mozilla .cm-string,
.cm-s-mozilla .cm-string-2 {
    color: var(--theme-highlight-bluegrey) !important;
}

.ruleview-namecontainer > .ruleview-propertyname {
    color: var(--theme-highlight-yellow) !important;
}

.ruleview-propertyvaluecontainer > .ruleview-propertyvalue {
    color: var(--theme-highlight-bluegrey) !important;
}

.ruleview-propertyvaluecontainer a {
    color: var(--theme-highlight-blue) !important;
}
}


скриншот
screen.png

Отсутствует

 

№638230-08-2019 12:08:23

Septdir
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 21-09-2016
Сообщений: 13
UA: Firefox 70.0
Веб-сайт

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

Vitaliy V. пишет

сказали же вам что работает...

У мненя не работает. Я вам верю что у вас оно работает, кстати вполне вероятно что и без добаления @-moz-document url-prefix (в ссылке исправления) тоже.
У вас альфа от 29 числа а у меня бета от 28.

скрытый текст
ff70b1_bug_2.png

И вообще тут скорее всего просто не подключается сам файл в iframe

Отредактировано Septdir (30-08-2019 12:19:03)

Отсутствует

 

№638330-08-2019 12:27:38

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

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

Septdir пишет

У вас альфа от 29 числа а у меня бета от 28.

от 28 не пробовал вот на 70.0b2

скрытый текст
screen4ea7bcc1afefd813.png

upd: и на 70.0b1 работает так что не надо...
скрытый текст
screen958130b3f22257c2.png

Отредактировано Vitaliy V. (30-08-2019 12:47:02)

Отсутствует

 

№638430-08-2019 12:50:29

Septdir
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 21-09-2016
Сообщений: 13
UA: Firefox 70.0
Веб-сайт

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

Vitaliy V. пишет
Septdir пишет

У вас альфа от 29 числа а у меня бета от 28.

от 28 не пробовал вот на 70.0b2


upd: и на 70.0b1 работает так что не надо...

Cкиньте весь файл целиком.

Отсутствует

 

№638530-08-2019 12:53:15

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

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

Septdir пишет

Cкиньте весь файл целиком.

у меня там не ничего кроме того кода, скиньте ваш посмотрим где ошибка

Отсутствует

 

№638630-08-2019 12:56:29

Septdir
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 21-09-2016
Сообщений: 13
UA: Firefox 70.0
Веб-сайт

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

Vitaliy V. пишет
Septdir пишет

Cкиньте весь файл целиком.

у меня там не ничего кроме того кода, скиньте ваш посмотрим где ошибка

https://septdir.ru/userChrome.css
Может попробовать браузер переставить.

Отсутствует

 

№638730-08-2019 13:00:53

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

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

Septdir
вы прикалываетесь зачем userChrome.css нужно в userContent.css это добавить

Отсутствует

 

№638830-08-2019 13:03:01

Septdir
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 21-09-2016
Сообщений: 13
UA: Firefox 70.0
Веб-сайт

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

Vitaliy V. пишет

вы прикалываетесь зачем userChrome.css нужно в userContent.css это добавить

Оу. Ну в userConent дейстительно заработало. Но зачем мне userContent если devtools я меняю цвета всего бразуреа => userChrome.
Придется тогда наверно через less сделать

Все равно большое спасибо.

UPD Впихнул

Выделить код

Код:

@import "userChrome.css";

Прямо в userContent.css на время пойдет

Отредактировано Septdir (30-08-2019 13:36:41)

Отсутствует

 

№638930-08-2019 14:02:21

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

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

Septdir пишет

@import "userChrome.css";

плохая идея, лучше создать несколько css и импортировать их или в userChrome или в userContent либо в оба файла как в случае с devtools

Отсутствует

 

№639031-08-2019 02:41:42

Septdir
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 21-09-2016
Сообщений: 13
UA: Firefox 70.0
Веб-сайт

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

Vitaliy V. пишет

плохая идея, лучше создать несколько css и импортировать их или в userChrome или в userContent либо в оба файла как в случае с devtools

А можно просто сделать less и компилить 2 файла. Но это уже не суть. главное что теперь хоть работать можно.

Отсутствует

 

№639131-08-2019 12:26:42

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 68.0

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

Firefox 68. Нужна помощь.
Перестали работать стили:
1. Скрыть поисковую систему по умолчанию.
2. Размер шрифта подсказок. Если в предыдущих версиях он был мелковат, то сейчас огромный и стиль не регулирует шрифт.

скрытый текст
FJkBR.jpg

Старые коды:

Выделить код

Код:

/* шрифт подсказок в адресной */
#PopupAutoCompleteRichResult description {
  font-size: 190% !important;}    
  
  /* искать в яндекс в адресной */
#PopupAutoCompleteRichResult .autocomplete-richlistitem[type="searchengine"]:first-of-type {
    visibility: collapse !important;
}

Отредактировано oleg.sgh (31-08-2019 12:55:41)

Отсутствует

 

№639202-09-2019 09:33:44

j23
Участник
 
Группа: Members
Зарегистрирован: 05-11-2015
Сообщений: 165
UA: Firefox 70.0

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

Тоже проблемы с размером шрифта выпадающего списка. Не хочет меняться .urlbarView-url.

Отсутствует

 

№639302-09-2019 12:57:16

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

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

oleg.sgh
j23

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

Выделить код

Код:

*|*#urlbarView-row-0[type="search"] {
    display: none !important;
}

*|*#urlbarView-results,
#urlbar .urlbarView {
  font-size: 2em !important;
}

*|*.urlbarView-tags,
*|*.urlbarView-title:not(:empty) ~ *|*.urlbarView-secondary {
  font-size: 1em !important;
}

Отредактировано Vitaliy V. (02-09-2019 14:05:48)

Отсутствует

 

№639402-09-2019 13:22:33

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 68.0

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

Vitaliy V.
Искать в....сработал.
По подсказкам: размер шрифта ссылок меняется, а самих названий нет.

скрытый текст
2019-09-02_151524.png

Отсутствует

 

№639502-09-2019 13:51:57

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

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

oleg.sgh пишет

По подсказкам: размер шрифта ссылок меняется, а самих названий нет.

др. стили не мешают на вроде этого ?
* {
  font-size: 15px !important;
}

Отредактировано Vitaliy V. (02-09-2019 14:06:08)

Отсутствует

 

№639602-09-2019 13:54:05

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 68.0

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

Vitaliy V.
Нет. Я на всякий случай и в портабельном Firefox проверил, только с этими стилями.

Отсутствует

 

№639702-09-2019 14:06:33

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

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

oleg.sgh
поправил

Отсутствует

 

№639802-09-2019 14:14:01

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 68.0

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

Vitaliy V.
Работает. Благодарю.

Отсутствует

 

№639902-09-2019 15:02:51

j23
Участник
 
Группа: Members
Зарегистрирован: 05-11-2015
Сообщений: 165
UA: Firefox 70.0

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

Vitaliy V.
Спасибо за помощь!

Отсутствует

 

№640002-09-2019 17:33:48

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 66.0

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

Vitaliy V.

А , что со стилями в 69? Вкл.принудительно , это понятно, но вкладки и и окна не того... Вкладки не в низу и кнопки окна тоже  не реагируют ...

скрытый текст
#toolbar-menubar > spacer[ordinal="1000"] {
    max-width: 0px !important;
    margin-left: 8px !important;
}

#toolbar-menubar toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"],
#toolbar-menubar toolbarspring {
    max-width: none !important;
   
}
@-moz-document url("chrome://browser/content/browser.xul") {
:root {
    --v-titlebar-button-vert-padding: 2px;
    --v-titlebar-button-horizont-padding: 5px;
    --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='11' height='11' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='1.4' fill='none' shape-rendering='crispEdges' x1='1.2' y1='6.9' x2='10' y2='6.9'/></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='1.5' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='10' height='10'/></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'  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='16' height='16' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='2.9' d='M3,1 l 11,11 M3,12 l 11,-11'/></svg>");
    --v-titlebar-button-image-height: 11px;
    --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(215,0,34);
    --v-titlebar-close-background-active: rgb(178,0,28);
    --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);
}

Отсутствует

 

Board footer

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