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

Viatcheslav · №4201

Garalf пишет

как сделать автоскрытие панели закладок?

https://forum.mozilla-russia.org/viewto … 40#p757140

sandro79 · №4202

Vitaliy V. пишет

Но XBL рано или поздно удалят, впрочем и с конф. файлами никакой гарантии...

Да, это оптимизма не вселяет...
Прочитав инструкцию, я подумал, что мой комплект требуется подключить через ваш инструмент, тоже дерёвня. Иначе думал, что мой комплект стилей не будет работать вовсе и я его временно переименовал в chrome1, чтоб не было конфликтов, так сказать. Нет бы сразу проверить, отключив из комплекта ваши предыдущие панели. Сейчас проверил - панели работают и с моим комплектом стилей. Всё, перехожу на новую версию. Добавил также код "только для лёгких тем"

сменил скрин на более правильный

Отредактировано sandro79 (16-05-2018 22:11:30)

Vitaliy V. · №4203

Garalf пишет

Подскажите, пожалуйста, как сделать автоскрытие панели закладок?

А что нужно стиль, биндинг или для custom_script_win.js
на биндинг ссылку дали или могу перенести этот код в скрипт

base239 · №4204

Вопрос к специалистам, почему перестали работать стили в [nightly] - 62 версии
Это конечно не так важно, но уже стало не так красиво... :rolleyes:

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

/* Уменьшаем высоту адресной и поисковой строки */
#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,.searchbar-textbox) {
min-height: 26px !important;
margin: 1px !important;
--urlbar-icon-padding: 4px !important;
}

#main-window:not([uidensity="touch"]) #urlbar .urlbar-icon {
width: 24px !important;
height: 24px !important;
}

#main-window:not([uidensity="touch"]) #pageActionSeparator {
height: 24px !important;
}
/*Ширина вкладок*/
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 50px !important;
max-width: 250px !important;
}

/*Высота вкладок*/
#main-window:not([uidensity="touch"]) :-moz-any(#titlebar,#TabsToolbar,#tabbrowser-tabs) {
--tab-min-height: 23px !important;
--toolbarbutton-inner-padding: 3px !important;
}

@media (-moz-windows-compositor) {
#titlebar-buttonbox {
-moz-box-align: start !important;
}

#main-window:not([uidensity="touch"]) #titlebar-buttonbox .titlebar-button {
margin: 0 !important;
padding: 4px 8px !important;
}

#main-window:not([uidensity="touch"])[sizemode="normal"] > #titlebar {
-moz-appearance: none !important;
}
}

Отредактировано base239 (17-05-2018 06:30:28)

Vitaliy V. · №4205

base239
У меня пока работает этот код в [nightly]

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

а что сами ничего не делали, а стили перестали работать?

Viatcheslav · №4206

Vitaliy V., рассмотрите, пожалуйста, возможность добавления разделителей и интервалов к последнему варианту панелей (которые на конфигурационных файлах), аналогично этому - specialwidget
Спасибо за Ваши труды и простите за хотелки :blush:

base239 · №4207

Vitaliy V. пишет

base239
У меня пока работает этот код в
скрытый текст
https://imageshost.ru/images/2018/05/17 … 090925.png

а что сами ничего не делали, а стили перестали работать?

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

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

Отредактировано base239 (17-05-2018 12:27:03)

Wave · №4208

Есть какая-то возможность отключить анимацию интерфейса? Чтобы хотя бы не настолько всё блестело, свистело и…

* {
transition: none !important;
animation: none !important;
}

почему-то это не особо помогает.

Viatcheslav · №4209

Wave пишет

Есть какая-то возможность отключить анимацию интерфейса? Чтобы хотя бы не настолько всё блестело, свистело и...

Что именно Вам мешает?

Acid Crash · №4210

Привествую,
по Анимании есть вот такая переменная.
toolkit.cosmeticAnimations.enabled

Wave · №4211

Viatcheslav пишет

Что именно Вам мешает?

Так сразу и не скажешь. Буквально каждая менюшка, список, кнопка при тыке анимируется чуть ли не секунду, и только потом делает то, для чего тыкалось. И вроде к пуговицам претензий нет, но общее впечатление жуууууууууткого тоооооооормоза. И судя по всему, быстрым я его стану считать только после выхода следующих версий, ещё сильнее тормозящих.

Acid Crash пишет

Привествую, по Анимании есть вот такая переменная.toolkit.cosmeticAnimations.enabled

Спасибо. Старательно убеждаю себя, что разница есть, просто я её не вижу.

Как убрать (из 60+) иконку режима чтения в адресной строке? И ещё «отправить по почте», кстати? Покет и остальную гадость вроде вырезал.

#reader-mode-button {
display: none !important;
visibility: hidden !important;
}

Не получилось. И в теме, пролистав пару десятков страниц, и в custom_css_for_fx не нашёл.

Viatcheslav · №4212

Wave пишет

Как убрать (из 60+) иконку режима чтения в адресной строке?
#reader-mode-button {
display: none !important;
visibility: hidden !important;
}

Этот код работает - ищите конфликт

Wave пишет

И ещё «отправить по почте», кстати?

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

Выделить код

Код:

/* hide page action (three dots) button */
#urlbar-container #pageActionButton{
  visibility: collapse !important;
}

Код отключает отображение выпадающего меню в адресной строке (три точки)

sandro79 · №4213

Vitaliy V. Виталий, помогите пожалуйста исправить код для включения тёмного фона в about:newtab. Используется код в составе комплекта от Arisa. Автор уже долгое время не правит этот баг, но ему написать и объяснить для меня проблематично. Понимаю, что обратился не совсем по адресу, но может всё же поможете исправить. Дело в том, что начиная ещё с 61 [nightly] , при включении тёмного фона, код не меняет черный шрифт надписи названий закреплённых в "Топ сайтов" сайтов на белый. Думаю, что к выходу 62 финала, всё же обновлюсь с 58 версии на 62, т.к. сейчас использую её довольно часто. Если не захотите разбираться в чужом коде, ничего страшного, буду ждать как Aris исправит. И еще вопрос по коду, убирающему затуманивание кнопок в диалоговых окнах, при использовании неподписанных тем в windows , в всплывающем окошке добавления-редактирования закладок бы ещё подправить кнопку, если можно. И обязательны ли тройные скобки в конце кода? Заметил, что после данного кода другие не работают, а если убрать две скобки, следующий код начинает работать. Буду благодарен за помощь.

dark_appearance

Выделить код

Код:

@-moz-document url(about:newtab), url(about:home) {
  body {
    background-color: #323234 !important;
    color: #D1D1D1 !important;
  }
  #newtab-customize-overlay {
    background: #323234 !important;
  }
  .card,
  .prefs-pane .sidebar {
    background-color: #2c2c2c !important; /*202020*/
    color: #C4C4C4 !important;
  }
  .prefs-pane .actions {
    background-color: #2c2c2c !important;
    border-left: 1px solid #D7D7DB;
  }
  .prefs-pane .prefs-modal-inner-wrapper .options {
    background-color: #2c2c2c !important; /*202020*/
    color: #C4C4C4 !important;
  }
  .prefs-pane-button button {
    border: 1px solid #525A6D !important;
    fill: #EEE !important;
  }
  .prefs-pane-button button:hover {
    background-color: #444444 !important;
    border: 1px solid #525A6D !important;
  }
  .prefs-pane-button button:active {
    background-color: #323234 !important;
    border: 1px solid #525A6D !important;
  }
  #searchWrapper input,
  #newtab-search-container input,
  .search-wrapper input {
    background: #474749 !important;
    color: #FFF !important;
  }
  .contentSearchHeader,
  .contentSearchSuggestionTable,
  .contentSearchSettingButton,
  .contentSearchHeaderRow   {
    background: #2c2c2c !important;
    color: #FFF !important;
    -moz-appearance: none !important;
    border-color: transparent !important;
  }
  .search-wrapper .search-label,
  .search-wrapper .search-button {
    fill: #EEE !important; 
  }
  .search-wrapper .search-button:focus,
  .search-wrapper .search-button:hover {
    background-color: #444444 !important;
  }
  .search-wrapper .search-button:active {
    background-color: #323234 !important;
  }
  .section-top-bar .info-option {
    background: #2c2c2c !important;
    color: #FFF !important;
    -moz-appearance: none !important;
    border-color: transparent !important;
  }
  .context-menu {
    background: #2c2c2c !important;
    color: #C4C4C4 !important;
    -moz-appearance: none !important;
    border-color: transparent !important;
  }
  .separator {
    border: 1px solid #525A6D !important;
  }
    
  #searchIcon,
  #searchSubmit,
  #newtab-search-icon,
  #newtab-customize-button,
  #newtab-search-submit,
  .icon {
    fill: #C4C4C4 !important;
  }
  #newtab-customize-button {
    background-color: #323234 !important;
  }

  #monthly-checkbox-container,
  #block-snippet-overlay {
    color: #FFF !important;
  }
  #searchSuggestionTable{
    background: #474749 !important;
    color: #FFF !important;
  }
    
  #snippetContainer,
  #defaultSnippets,
  #defaultSnippet1,
  #defaultSnippet2,
  #rightsSnippet,
  #onboarding-notification-bar,
  #onboarding-notification-bar .onboarding-action-button,
  #onboarding-notification-bar section,
  #onboarding-notification-body,
  #onboarding-notification-tour-title,
  #onboarding-notification-tour-message,
  #snippets-container,
  #snippets,
  #snippet,
  #snippet section {
    background-color: #323234 !important;
    color: #FFF !important;
  }
    
  #onboarding-notification-close-btn,
  .block-snippet-button {
    background-color: #C4C4C4 !important;
    opacity: 1.0 !important;
    border-radius: 100px !important;
  }
  
  #onboarding-notification-close-btn {
    width: 20px !important;
    height: 20px !important;
  }
  
  #onboarding-notification-action-btn:hover {
    background-color: #444444 !important;
  }
  
  #onboarding-notification-bar {
    border-top: 0px !important;
  }

}

скрины

До 61

Начиная с 61

Затуманенная кнопка

Acid Crash пишет

toolkit.cosmeticAnimations.enabled

Тоже использую. Как запретить анимацию при переходе в полноэкранный режим

Отредактировано sandro79 (18-05-2018 11:53:17)

base239 · №4214

Vitaliy V. пишет

base239
У меня пока работает этот код в
скрытый текст
https://imageshost.ru/images/2018/05/17 … 090925.png

а что сами ничего не делали, а стили перестали работать?

Vitaliy V. - сработал код в [nightly] 62 я перенес код панелей в самый верх...

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

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

@-moz-document url("chrome://browser/content/browser.xul") {
vbox#browser-bottombox {
-moz-binding: url("./bindings/toolbars.xml#toolbars") !important;
}

toolbarpaletteitem[place="palette"] > toolbaritem.add-additional-springs {
background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
border: none !important;
outline: 1px solid GrayText;
outline-offset: -1px;
min-height: 37px;
}

toolbarpaletteitem:-moz-any([place="toolbar"],[place="panel"],[place="menu-panel"]) > toolbaritem.add-additional-springs {
background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
border: none !important;
min-width: 34px;
min-height: 14px;
outline: 1px solid GrayText;
outline-offset: -1px;
margin-top: 3px;
margin-bottom: 3px;
}

toolbarpaletteitem[place="palette"][id*="add-additional-top-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-vertical-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-bottom-spring"] {
vertical-align: top;
}

toolbarpaletteitem[place] > toolbaritem.add-additional-springs {
-moz-window-dragging: no-drag !important;
}

#add-restart-app {
list-style-image: url("./svg/restart-app-16.svg") !important;
}

#add-additional-vertical-toggle-button {
list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-top-toggle-button {
list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-bottom-toggle-button {
list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-view-history-sidebar-button {
list-style-image: url("./svg/history-16.svg") !important;
}

#add-view-bookmarks-sidebar-button {
list-style-image: url("./svg/bookmark-16.svg") !important;
}

@media (-moz-windows-classic) {
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) :-moz-any(#add-additional-top-bar,#add-additional-vertical-bar):not(:-moz-lwtheme) {
position: relative !important;
}
}

#main-window[documentElement-image-repeat]:-moz-lwtheme {
--lwt-background-tiling: repeat-y !important;
background-repeat: repeat-y !important;
}

#add-additional-vertical-bar,
#add-additional-bottom-bar {
-moz-appearance: none !important;
border: none !important;
background-clip: border-box !important;
background-color: var(--chrome-secondary-background-color, transparent) !important;
background-image: none !important;
color: var(--chrome-color, inherit) !important;
}

#add-additional-vertical-bar:not(:-moz-lwtheme),
#add-additional-bottom-bar:not(:-moz-lwtheme) {
background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
color: var(--toolbar-color, -moz-DialogText) !important;
}

#add-additional-vertical-box[vertautohide="true"] > #add-additional-vertical-bar:-moz-lwtheme {
background-image: var(--documentElement-header-image, linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8))) !important;
background-repeat: repeat-y !important;
background-size: auto auto !important;
background-attachment: fixed !important;
background-position: right top !important;
}

#add-additional-vertical-box[vertautohide="true"] > #add-additional-vertical-bar:-moz-lwtheme-brighttext {
background-image: var(--documentElement-header-image, linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2))) !important;
}

#add-additional-vertical-bar {
-moz-window-dragging: no-drag !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

#add-additional-vertical-bar[orient="vertical"] {
-moz-box-align: stretch !important;
-moz-box-pack: start !important;
-moz-box-orient: vertical !important;
}

#add-additional-vertical-bar[orient="vertical"]:not([collapsed="true"]) {
min-width: 19px !important;
border-inline-end: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box[verticalbarstart="false"] > #add-additional-vertical-bar[orient="vertical"]:not([collapsed="true"]) {
border-inline-end: none !important;
border-inline-start: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-bar[collapsed="true"] {
padding: 0 !important;
border: none !important;
min-width: 0 !important;
}

#add-additional-bottom-bar {
border-top: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#main-window[inDOMFullscreen] #add-additional-vertical-box > #add-additional-vertical-bar[orient="vertical"],
#add-additional-bottom-bar[collapsed="true"][customizable="true"][customizing="true"],
#add-additional-vertical-bar[orient="vertical"] > :-moz-any(#personal-bookmarks,#search-container) {
visibility: collapse !important;
padding: 0 !important;
border: none !important;
min-width: 0 !important;
}

#add-additional-vertical-bar[orient="vertical"] > toolbaritem.toolbaritem-combined-buttons {
-moz-box-orient: vertical !important;
}

menupopup#customization-toolbar-menu menuitem[id*="add-additional-vertical-bar"] ~ menuitem[id*="add-additional-vertical-bar"],
#add-additional-vertical-bar[orient="vertical"] > toolbaritem.toolbaritem-combined-buttons separator {
display: none !important;
}

#add-additional-vertical-bar[orient="vertical"] > toolbarspring {
min-width: 0 !important;
}

#add-additional-vertical-bar[orient="vertical"] > toolbarseparator {
-moz-appearance: none !important;
margin: 0.2em 2px !important;
border-bottom: 1px solid ThreeDHighlight !important;
border-top: 1px solid ThreeDShadow !important;
height: 2px !important;
border-left: none !important;
border-right: none !important;
}

#add-additional-vertical-bar[orient="vertical"] > toolbarspacer {
height: 15px !important;
}

#navigator-toolbox #add-additional-vertical-bar {
height: auto !important;
}

#add-additional-vertical-box {
-moz-window-dragging: no-drag !important;
}

#add-additional-vertical-box[vertautohide="true"] {
position: fixed !important;
z-index: 2 !important;
left: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"],
#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) {
left: auto !important;
right: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl) {
left: 0 !important;
right: auto !important;
}

#main-window:not([customizing="true"]):not([inDOMFullscreen]) #add-additional-vertical-box[vertautohide="true"]:not([auto-hide-toolbar-visible]) > #add-additional-vertical-bar[orient="vertical"]:not([collapsed="true"]) {
min-width: 5px !important;
width: 5px !important;
max-width: 5px !important;
border: none !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
}
/*-----------------------*/
/*Высота вкладок*/
#main-window:not([uidensity="touch"]) :-moz-any(#titlebar,#TabsToolbar,#tabbrowser-tabs) {
--tab-min-height: 26px !important;
--toolbarbutton-inner-padding: 3px !important;
}

@media (-moz-windows-compositor) {
#titlebar-buttonbox {
-moz-box-align: start !important;
}

#main-window:not([uidensity="touch"]) #titlebar-buttonbox .titlebar-button {
margin: 0 !important;
padding: 4px 8px !important;
}

#main-window:not([uidensity="touch"])[sizemode="normal"] > #titlebar {
-moz-appearance: none !important;
}
}
/* Убрать значек на пустой вкладке */
#TabsToolbar .tabbrowser-tab[label="New Tab"]
.tab-icon-image, #TabsToolbar
.tabbrowser-tab[label="Новая вкладка"]
.tab-icon-image { visibility: collapse !important;}
/*-----------------------*/
/*Ширина вкладок*/
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 50px !important;
max-width: 250px !important;
}
/*-----------------------*/
/* Уменьшаем высоту адресной и поисковой строки */
#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,.searchbar-textbox) {
min-height: 22px !important;
margin: 1px !important;
--urlbar-icon-padding: 4px !important;
}

#main-window:not([uidensity="touch"]) #urlbar .urlbar-icon {
width: 24px !important;
height: 22px !important;
}

#main-window:not([uidensity="touch"]) #pageActionSeparator {
height: 22px !important;
}
/*-----------------------*/

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

Vitaliy V. · №4215

base239 пишет

перенес код панелей в самый верх...

Здесь это не важно скорее всего был непорядок со скобками (лишние или недостающие).

Viatcheslav пишет

возможность добавления разделителей и интервалов к последнему варианту панелей (которые на конфигурационных файлах)

Добавил но в виде комментария нужно раскомментировать в двух файлах custom_script_win.js и user_chrome.css
там найдёте /** ******** Код для Special Widgets --> **********/ или /* <-- Special Widgets */
чтобы включить удалите /*disabled и в настройках поставить галку для "Подключить скрипты из папки custom_scripts"
После обновления, редактирования скриптов обязательно удаляйте extensions.json
https://forum.mozilla-russia.org/viewto … 64#p757864

sandro79
Я бы лучше вообще удалил эту хрень Firefox Nightly\browser\features --> activity-stream@mozilla.org.xpi
ну или взять оттуда переменные для тёмной темы и сделать для всёх тем, другой стиль отключите

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

Выделить код

Код:

@-moz-document url-prefix("about:newtab"), url-prefix("about:home") {
body {
  --newtab-background-color: #2A2A2E !important;
  --newtab-border-primary-color: rgba(249, 249, 250, 0.8) !important;
  --newtab-border-secondary-color: rgba(249, 249, 250, 0.1) !important;
  --newtab-button-primary-color: #0060DF !important;
  --newtab-button-secondary-color: #38383D !important;
  --newtab-element-active-color: rgba(249, 249, 250, 0.2) !important;
  --newtab-element-hover-color: rgba(249, 249, 250, 0.1) !important;
  --newtab-icon-primary-color: rgba(249, 249, 250, 0.8) !important;
  --newtab-icon-secondary-color: rgba(249, 249, 250, 0.4) !important;
  --newtab-icon-tertiary-color: rgba(249, 249, 250, 0.4) !important;
  --newtab-inner-box-shadow-color: rgba(249, 249, 250, 0.2) !important;
  --newtab-link-primary-color: #45A1FF !important;
  --newtab-link-secondary-color: #50BCB6 !important;
  --newtab-text-conditional-color: #F9F9FA !important;
  --newtab-text-primary-color: #F9F9FA !important;
  --newtab-text-secondary-color: rgba(249, 249, 250, 0.8) !important;
  --newtab-text-tertiary-color: rgba(249, 249, 250, 0.6) !important;
  --newtab-textbox-background-color: #38383D !important;
  --newtab-textbox-border: rgba(249, 249, 250, 0.2) !important;
  --newtab-textbox-focus-color: #45A1FF !important;
  --newtab-textbox-focus-boxshadow: 0 0 0 1px #45A1FF, 0 0 0 4px rgba(69, 161, 255, 0.3) !important;
  --newtab-contextmenu-background-color: #4A4A4F !important;
  --newtab-contextmenu-button-color: #2A2A2E !important;
  --newtab-modal-color: #2A2A2E !important;
  --newtab-overlay-color: rgba(12, 12, 13, 0.8) !important;
  --newtab-section-header-text-color: rgba(249, 249, 250, 0.8) !important;
  --newtab-section-navigation-text-color: rgba(249, 249, 250, 0.8) !important;
  --newtab-section-active-contextmenu-color: #FFF !important;
  --newtab-search-border-color: rgba(249, 249, 250, 0.2) !important;
  --newtab-search-dropdown-color: #38383D !important;
  --newtab-search-dropdown-header-color: #4A4A4F !important;
  --newtab-search-icon-color: rgba(249, 249, 250, 0.6) !important;
  --newtab-topsites-background-color: #38383D !important;
  --newtab-topsites-icon-shadow: none !important;
  --newtab-topsites-label-color: rgba(249, 249, 250, 0.8) !important;
  --newtab-card-active-outline-color: #4A4A4F !important;
  --newtab-card-background-color: #38383D !important;
  --newtab-card-hairline-color: rgba(249, 249, 250, 0.1) !important;
  --newtab-card-shadow: 0 1px 8px 0 rgba(12, 12, 13, 0.2) !important;
  --newtab-snippets-background-color: #38383D !important;
  --newtab-snippets-hairline-color: rgba(255, 255, 255, 0.1) !important; 
}
}

sandro79 пишет

в всплывающем окошке добавления-редактирования закладок бы ещё подправить кнопку, если можно. И обязательны ли тройные скобки в конце кода?

Можно с одним @media

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

Выделить код

Код:

@media (-moz-windows-default-theme: 0) and (-moz-windows-compositor) {
    button.dialog-button:not([disabled="true"]):-moz-any([default="true"],:hover,:focus),
    button.editBookmarkPanelBottomButton:not([disabled="true"]):-moz-any([default="true"],:hover,:focus),
    window#aboutDialog button:not([disabled="true"]):-moz-any([default="true"],:hover,:focus) {
        color: ButtonText !important;
    }
}

sandro79 пишет

Заметил, что после данного кода другие не работают, а если убрать две скобки, следующий код начинает работать.

Нет это значит только то что проблема у вас в другом месте скорее всего тоже со скобками (лишние или недостающие)
если что выкладывайте ваш файл стиля...

Отредактировано Vitaliy V. (20-05-2018 18:52:58)

sandro79 · №4216

Vitaliy V.Виталий, огромная Вам благодарность за помощь! Всё работает, и стало лучше, чем раньше. Файл Firefox Nightly\browser\features --> activity-stream@mozilla.org.xpi открыл и посмотрел что внутри, и понял, что вы взяли как раз оттуда код(.dark-theme {) для тёмной начальной страницы. По новой вкладке скажу, что до 57 версии никогда ею не пользовался, была пустая белая страница, а современная мне показалась вполне себе ничего, пользоваться можно, тем более столбцов плиток с 60 стало на два больше чем в 57 - 59. В три ряда, как у меня, получается 24 закреплённых сайта. В общем меня устраивает данное новшество, запуск быстрый, редактировать тоже не сложно. По коду, убирающему затуманивание кнопок, разобрался. Когда вышла 58 версия, я сам удалил в начале кода две строки @media (-moz-windows-default-theme: 0) { и @media (-moz-windows-compositor) {, т. к . в 58 данный код перестал работать, а в нескольких фиксах для 58 версии относительно 57 комплекта от Aris увидел, что также были удалены подобные строки, я сделал тоже самое и код заработал. А с 59 версии уже эти правки не требовались. Строки вернул обратно, две скобки тоже, код поднял выше - другие коды следующие за этим, заработали(59,60,62 версии). Ну естественно заменил этот код на новый код. И данный обновлённый код тоже в 58 версии работает только после удаления строки @media (-moz-windows-default-theme: 0) and (-moz-windows-compositor) {, но скобки уже удалять не пришлось, для работоспособности последующего кода. Но это уже в принципе не так актуально. В общем для 58 настроил, и мой подключенный к комплекту my_userChrome файл работоспособен, вне зависимости от расположения кодов, скобки все на месте. Огромное Спасибо за Ваш труд :beer:

Vitaliy V. · №4217

sandro79 пишет

в 58 данный код перестал работать

Это смотря где

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

код просто для проверки, -moz-windows-default-theme: 0 заменено на -moz-windows-default-theme потому что у меня дефолтная тема в ОС
если добавить в стиль к панелям https://forum.mozilla-russia.org/viewto … 64#p757864
тоже заработает

sandro79 · №4218

Vitaliy V. Да, из \user_chrome_files\user_chrome.css, код сработал как положено, без удаления строки @media....Благодарю за подсказку.

А через @import url(./css/my_userChrome/my_userChrome.css); /**/ из комплекта Arisa в 58 и в первозданном виде не срабатывает, даже если находится в самом начале файла my_userChrome.css. А вот в 57 и 59 - 62 срабатывает по этому методу. В общем оставлю в \user_chrome_files\user_chrome.css. Спасибо.
Понятно почему код завёлся через \user_chrome_files\user_chrome.css, потому что "Стиль регистрируются с правами AGENT_SHEET поэтому можно добавить..."

Отредактировано sandro79 (19-05-2018 07:43:30)

GENNADICH · №4219

Приветствую!
Пара вопросов:
1.Изменить цвет фона в боковой панели?
2.Убрать нумерацию на открытых вкладках?
С предыдущим вопросом справился, благодаря обсуждениям выше.

Garalf · №4220

Vitaliy V.
А можно сделать всплывающую панель закладок наподобие этого кода

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

#PersonalToolbar[collapsed="true"] {
-moz-transition: none !important;
}

#PersonalToolbar:not([collapsed="true"]) {
position:fixed;
top:89px;
left:100px;
right:0;
width:auto!important;
}

#PlacesToolbarItems .toolbarbutton-text {
color: #f00 !important;
background: #00f !important;}

#navigator-toolbox:not(:hover) #PersonalToolbar:not([collapsed="true"]) {
visibility: collapse !important;
opacity: 0.01;
-moz-transition: visibility .5s, opacity 0.45s ease !important;
-moz-transition-delay:0.7s!important;
}

#navigator-toolbox:hover #PersonalToolbar:not([collapsed="true"]) {
visibility: visible !important;
opacity: 1;
-moz-transition: all 0.25s !important;
}

Vitaliy V. · №4221

GENNADICH пишет

Изменить цвет фона в боковой панели?

Только фон, или нужно также цвет иконок текста и т. д. ?

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

Выделить код

Код:

#sidebar-box {
    background-color: #c0c0c0 !important;
}

Garalf пишет

А можно сделать всплывающую панель закладок наподобие этого кода

Мне не нравится что position: fixed; делает панель блочным элементом, там не работают растягивающие интервалы и т. д.
В общем сделать можно по другому но позже, может быть.

Отредактировано Vitaliy V. (19-05-2018 23:23:58)

GENNADICH · №4222

Vitaliy V.
Благодарю. Нет, нужен - только фон.
Поместил Ваш код в файл my_userChrome.css - общий фон не изменился, но по этому коду поменялся фон в шапке боковой панели, а вот всё, что ниже по прежнему темное с черным шрифтом - короче не видно ни туя.
Но нет худа без добра - зато нашел там рядом нумерацию вкладок и успешно от неё избавился.

Добавлено 20-05-2018 14:27:54
Vitaliy V.
Всё - поменял, методом тыка.
Еще один вопрос появился - как сделать, что бы все и (!)отовсюду открывалось в новых вкладках СПРАВА(!) -?
Привык, ничего не могу с собой поделать - испытываю сильное неудобство, от того, что всё живёт своей жизнью.

Отредактировано GENNADICH (20-05-2018 14:27:54)

Viatcheslav · №4223

GENNADICH пишет

как сделать, что бы все и (!)отовсюду открывалось в новых вкладках СПРАВА(!) -?

Сие от браузера, увы, не зависит. Альтернатива - нажать на ссылку СКМ (средней кнопкой мыши)

GENNADICH · №4224

Viatcheslav
А из адресной или строки или строки поиска как? Оно же всё открывается как захочет.
Почему не зависит? Раньше ведь был Tab Mix Plus для этих целей, а теперь нуна делать ручками.

Viatcheslav · №4225

GENNADICH пишет

А из адресной или строки или строки поиска как? Оно же всё открывается как захочет

Я имел ввиду поведение при нажатии на активную ссылку на странице

Настройка browser.search.openintab (about:config) в положении true вроде бы делает то, о чём Вы спрашиваете (про строку поиска)

Отредактировано Viatcheslav (20-05-2018 17:38:44)

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

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