css у меня не запустился, а вот скрипт для кнопки нормально на 68 работает.
Но не мог разобраться с шириной при наведении - для меня слишком широко.
Крутил scrollbar[orient=", но тогда скроллбар уезжает за рамку и его просто не видно.
Отсутствует
Вы правы. Но отчасти. userChrome.css работает, но не работает в devtools
В веб devtools userContent.css работает
а чтобы работало и в инструментах браузера нужно создать в chrome_debugger_profile папку chrome с 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...
Отсутствует
В веб devtools userContent.css работает
Не работает.
а чтобы работало и в инструментах браузера нужно создать в chrome_debugger_profile папку chrome с userChrome.css
Вот теперь в инструментах браузера работает а в devtools нет. Просто скопировал файл туда, файл один и тот же. (то бишь файлов теперь два)
Скрин под спойлером
Отредактировано Septdir (30-08-2019 12:03:11)
Отсутствует
Не работает.
сказали же вам что работает...
Сам код стиля тут
ну ну стиль от новой вкладки каким образом должен в 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; } }
Отсутствует
сказали же вам что работает...
У мненя не работает. Я вам верю что у вас оно работает, кстати вполне вероятно что и без добаления @-moz-document url-prefix (в ссылке исправления) тоже.
У вас альфа от 29 числа а у меня бета от 28.
Отредактировано Septdir (30-08-2019 12:19:03)
Отсутствует
У вас альфа от 29 числа а у меня бета от 28.
от 28 не пробовал вот на 70.0b2
Отредактировано Vitaliy V. (30-08-2019 12:47:02)
Отсутствует
Septdir пишетУ вас альфа от 29 числа а у меня бета от 28.
от 28 не пробовал вот на 70.0b2
скрытый текст
upd: и на 70.0b1 работает так что не надо...скрытый текст
Cкиньте весь файл целиком.
Отсутствует
Cкиньте весь файл целиком.
у меня там не ничего кроме того кода, скиньте ваш посмотрим где ошибка
Отсутствует
Septdir пишетCкиньте весь файл целиком.
у меня там не ничего кроме того кода, скиньте ваш посмотрим где ошибка
https://septdir.ru/userChrome.css
Может попробовать браузер переставить.
Отсутствует
Septdir
вы прикалываетесь зачем userChrome.css нужно в userContent.css это добавить
Отсутствует
вы прикалываетесь зачем userChrome.css нужно в userContent.css это добавить
Оу. Ну в userConent дейстительно заработало. Но зачем мне userContent если devtools я меняю цвета всего бразуреа => userChrome.
Придется тогда наверно через less сделать
Все равно большое спасибо.
UPD Впихнул
Прямо в userContent.css на время пойдет
Отредактировано Septdir (30-08-2019 13:36:41)
Отсутствует
@import "userChrome.css";
плохая идея, лучше создать несколько css и импортировать их или в userChrome или в userContent либо в оба файла как в случае с devtools
Отсутствует
плохая идея, лучше создать несколько css и импортировать их или в userChrome или в userContent либо в оба файла как в случае с devtools
А можно просто сделать less и компилить 2 файла. Но это уже не суть. главное что теперь хоть работать можно.
Отсутствует
Firefox 68. Нужна помощь.
Перестали работать стили:
1. Скрыть поисковую систему по умолчанию.
2. Размер шрифта подсказок. Если в предыдущих версиях он был мелковат, то сейчас огромный и стиль не регулирует шрифт.
Старые коды:
/* шрифт подсказок в адресной */ #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)
Отсутствует
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)
Отсутствует
По подсказкам: размер шрифта ссылок меняется, а самих названий нет.
др. стили не мешают на вроде этого ?
* {
font-size: 15px !important;
}
Отредактировано Vitaliy V. (02-09-2019 14:06:08)
Отсутствует
oleg.sgh
поправил
Отсутствует
Vitaliy V.
А , что со стилями в 69? Вкл.принудительно , это понятно, но вкладки и и окна не того... Вкладки не в низу и кнопки окна тоже не реагируют ...
#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);
}
Отсутствует