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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№420116-05-2018 21:25:03

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 57.0

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

Garalf пишет

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

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

Отсутствует

 

№420216-05-2018 21:32:56

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 58.0

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

Vitaliy V. пишет

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

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

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

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

Отсутствует

 

№420316-05-2018 23:53:11

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

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

Garalf пишет

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

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

Отсутствует

 

№420417-05-2018 06:30:00

base239
Забанен
 
Группа: Members
Откуда: Витебск
Зарегистрирован: 22-01-2009
Сообщений: 170
UA: Firefox 62.0
Веб-сайт

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

Вопрос к специалистам, почему перестали работать стили в [nightly] - 62 версии 1339.gif
Это конечно не так важно, но уже стало не так красиво...: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)

Отсутствует

 

№420517-05-2018 09:19:26

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

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

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

скрытый текст
2018-05-17_090925.png

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

Отсутствует

 

№420617-05-2018 10:04:05

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 57.0

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

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

Отсутствует

 

№420717-05-2018 12:24:30

base239
Забанен
 
Группа: Members
Откуда: Витебск
Зарегистрирован: 22-01-2009
Сообщений: 170
UA: Firefox 62.0
Веб-сайт

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

Vitaliy V. пишет

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


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

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

скрытый текст
21826_800.jpgi.gif

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

Отсутствует

 

№420817-05-2018 13:21:57

Wave
Участник
 
Группа: Members
Зарегистрирован: 27-09-2007
Сообщений: 498
UA: Firefox 52.0

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

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

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

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

Отсутствует

 

№420917-05-2018 14:29:19

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 57.0

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

Wave пишет

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

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

Отсутствует

 

№421017-05-2018 15:30:16

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 319
UA: Firefox 60.0

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

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

Отсутствует

 

№421117-05-2018 16:48:41

Wave
Участник
 
Группа: Members
Зарегистрирован: 27-09-2007
Сообщений: 498
UA: Firefox 60.0

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

Viatcheslav пишет

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

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

Acid Crash пишет

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

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



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

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

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

Отсутствует

 

№421217-05-2018 18:31:33

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 57.0

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

Wave пишет

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

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


Wave пишет

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

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

Выделить код

Код:

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


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

Отсутствует

 

№421317-05-2018 20:17:53

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 58.0

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

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;
  }

}


скрины
До 611096b74b2cf2.jpgНачиная с 61e31e96730a8a.jpgЗатуманенная кнопкаd851e930d598.png

Acid Crash пишет

toolkit.cosmeticAnimations.enabled

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

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

Отсутствует

 

№421418-05-2018 05:45:07

base239
Забанен
 
Группа: Members
Откуда: Витебск
Зарегистрирован: 22-01-2009
Сообщений: 170
UA: Firefox 62.0
Веб-сайт

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

Vitaliy V. пишет

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


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

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;
}
/*-----------------------*/


скрытый текст
935_800.jpgi.gif

Отсутствует

 

№421518-05-2018 12:57:53

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

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

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)

Отсутствует

 

№421618-05-2018 18:15:38

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 58.0

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

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:

Отсутствует

 

№421718-05-2018 23:46:25

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

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

sandro79 пишет

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

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

скрытый текст
2018-05-18_234000.png

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

Отсутствует

 

№421819-05-2018 00:48:05

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 58.0

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

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

А через @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)

Отсутствует

 

№421919-05-2018 08:27:38

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 54
UA: Firefox 60.0

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

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

Отсутствует

 

№422019-05-2018 09:15:07

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: unknown 0.0

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

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;
   }

Отсутствует

 

№422119-05-2018 23:23:28

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

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

GENNADICH пишет

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

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

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

Выделить код

Код:

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

Garalf пишет

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

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

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

Отсутствует

 

№422220-05-2018 14:07:51

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 54
UA: Firefox 60.0

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

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

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

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

Отсутствует

 

№422320-05-2018 15:04:56

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 57.0

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

GENNADICH пишет

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

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

Отсутствует

 

№422420-05-2018 16:30:19

GENNADICH
Участник
 
Группа: Members
Зарегистрирован: 20-05-2011
Сообщений: 54
UA: Firefox 60.0

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

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

Отсутствует

 

№422520-05-2018 17:34:12

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 57.0

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

GENNADICH пишет

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

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


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

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

Отсутствует

 

Board footer

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