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

Список ответов на каверзные вопросы можно получить в FAQ-разделе форума.

№760118-01-2020 19:47:17

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

Stkvsky пишет

Чтобы разделы "настройки" и "дополнения" тоже были темные?

В Конфиге создать целое_ui.systemUsesDarkTheme и выставить1 + включить параметр_browser.in-content.dark-mode


Win7

Отсутствует

 

№760218-01-2020 19:50:36

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

Stkvsky пишет

Возможно ли сделать полностью темную тему?
Чтобы разделы "настройки" и "дополнения" тоже были темные?

Возможно. В about:config: browser.in-content.dark-mode = true       ui.systemUsesDarkTheme = 1
Ну ладно, пока писал, получился дубль.

Отредактировано shadow_user (18-01-2020 19:51:19)

Отсутствует

 

№760318-01-2020 20:28:38

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 72.0

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

Офигеть, как просто всё оказалось, а я мучился... :sick: А для контекстных меню подобное случаем не предусмотрено? :)

Отсутствует

 

№760418-01-2020 21:10:56

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

voqabuhe пишет

А для контекстных меню подобное случаем не предусмотрено?

Пока нет, но в виде стиля да: https://forum.mozilla-russia.org/viewto … 65#p764365


Win7

Отсутствует

 

№760518-01-2020 22:54:19

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

kokoss пишет

Пока нет, но в виде стиля да: https://forum.mozilla-russia.org/viewto … 65#p764365

Как в этом стиле изменить цвет выделения?

Отсутствует

 

№760618-01-2020 23:08:21

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

shadow_user пишет

Как в этом стиле изменить цвет выделения?

Не знаю, я другой стиль использую.

Отредактировано kokoss (18-01-2020 23:17:06)


Win7

Отсутствует

 

№760718-01-2020 23:14:07

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

kokoss
shadow_user
Супер, то что надо, спасибо большое.
И за меню тоже, спасибо.:beer:

Добавлено 18-01-2020 23:30:34
Еще один момент, есть такое неудобство:
Когда открываешь новую вкладку или любой сайт, то страница сначала на секунду белая (белый фон) и потом уже загружается сайт
Так вот ночью это сильно бьет по глазам, можно ли это исправить?

Отредактировано Stkvsky (18-01-2020 23:30:34)

Отсутствует

 

№760818-01-2020 23:49:08

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 72.0

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

kokoss

kokoss пишет

Пока нет, но в виде стиля да: https://forum.mozilla-russia.org/viewtopic.php?pid=764365#p764365

Пихаю его в Stylish, а он ни в какую не хочет работать. Как его заставить, или он для 72 версии не подходит?:sick:

Отредактировано voqabuhe (18-01-2020 23:54:40)

Отсутствует

 

№760919-01-2020 00:06:54

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

voqabuhe
В папке профиля создай папку "chrome", в ней создай текстовый файл, закинь в него стиль и смени формат текстового файла с txt на сss.
На 68 так работает.

Отредактировано Stkvsky (19-01-2020 00:07:19)

Отсутствует

 

№761019-01-2020 00:07:40

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

voqabuhe пишет

Пихаю его в Stylish, а он ни в какую не хочет работать. Как его заставить, или он для 72 версии не подходит?

При чём тут Stylish, этот стиль для файла userChrome.css!

Отредактировано kokoss (19-01-2020 00:11:20)


Win7

Отсутствует

 

№761119-01-2020 00:24:56

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 72.0

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

kokoss

kokoss пишет

При чём тут Stylish, этот стиль для файла userChrome.css!

Ага, с файлом всё получилось.  Надо же, а я всегда считал, что они взаимозаменяемы.:dumb:  Спасибо. Это просто праздник какой-то. :beer:

Отсутствует

 

№761219-01-2020 07:10:27

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

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

Stkvsky

Когда открываешь новую вкладку или любой сайт, то страница сначала на секунду белая (белый фон)

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

Выделить код

Код:

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

Отредактировано oleg.sgh (19-01-2020 07:10:59)

Отсутствует

 

№761319-01-2020 10:10:05

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

Stkvsky пишет

Когда открываешь новую вкладку или любой сайт, то страница сначала на секунду белая (белый фон)

about:config:   browser.startup.blankWindow = false

Отсутствует

 

№761419-01-2020 10:51:04

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

oleg.sgh
shadow_user
Супер, спасибо большое.

Не могли бы вы еще подсказать, как изменить белую новую вкладку?

Нашел:
browser.display.background_color

Отредактировано Stkvsky (19-01-2020 12:41:43)

Отсутствует

 

№761519-01-2020 12:50:41

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

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

Vitaliy V.
Ну что делать с этим мегабаром , urlbar  . Ч\и при запуске и при клике расширяется ...(FF72)...Стиль Ваш использовал, тема дефолтная...В Dark , вроде, не дергается...
skhmydq6.png

Отсутствует

 

№761619-01-2020 13:54:11

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

solombala
Просто предупреждаю что в какой то момент тебе перестанут помогать, потому что поймут что конца этому не будет

Отсутствует

 

№761719-01-2020 16:21:17

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

solombala пишет

Ну что делать с этим мегабаром , urlbar  . Ч\и при запуске и при клике расширяется ...(FF72)

Вам же уже подсказывали! В "Конфиге" необходимо найти и переключить на true эти параметры: https://forum.mozilla-russia.org/viewto … 19#p775219, затем добавить стиль для [firefox] 71 от сюда: https://forum.mozilla-russia.org/viewto … 86#p774586, и наблюдаем результат:

скрин
2020-01-19_155558.png


Win7

Отсутствует

 

№761819-01-2020 16:48:21

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

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

kokoss
Не фига , Url - расширяется , при browser.urlbar.update1 = true ... Это Popup уже становится .
Короче, конфликт в стиле "вкладки вниз" и "main-window" и "titlebar-buttonbox" ...Хрен знает , где этот стиль есть...

Отредактировано solombala (19-01-2020 17:14:52)

Отсутствует

 

№761919-01-2020 21:44:23

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

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

Vitaliy V.
от где тут конфликт? В 72 с кодом ля мегабара ...Это вкладки вниз и окно , где-то не дает тому коду сработать полностью ...

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
: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);
}

@media (-moz-windows-glass) {
    #main-window[sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
        margin-bottom: calc(-1 * (var(--v-titlebar-button-vert-padding) * 2 + var(--v-titlebar-button-image-height))) !important;
    }

    #main-window[sizemode="normal"] > #titlebar > #titlebar-content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #main-window[sizemode="normal"] > #navigator-toolbox {
        border-top: none !important;
        padding-top: 0 !important;
        box-shadow: 0 1px 0 rgba(12,12,13,0.3) inset !important;
    }

    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #main-window {
        -moz-appearance: none !important;
        background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important;
    }

    #main-window:-moz-window-inactive {
        background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, var(--v-windows-glass-default-background-inactive))) !important;
    }

    #TabsToolbar:-moz-lwtheme-darktext {
        color: inherit !important;
        --lwt-toolbarbutton-icon-fill: currentColor !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) {
        color: inherit !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
        background-color: transparent !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
    }
}

#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    display: -moz-box !important;
    -moz-appearance: none !important;
    margin: 0 !important;
    cursor: pointer !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
}

@media not all and (-moz-os-version: windows-win7) {
    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        -moz-box-align: start !important;
        -moz-box-pack: end !important;
    }
}

#titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close) > .toolbarbutton-icon,
:-moz-any(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
}
#titlebar-buttonbox > #titlebar-min,
.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
}

#titlebar-buttonbox > #titlebar-max,
.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
    
}

#main-window[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max,
#main-window[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    
    
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):hover,
:-moz-any(#minimize-button,#restore-button):hover {
    border: 1px solid #675 !important;
    background: linear-gradient(#00ffff,#00A653) !important;
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):active,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):active,
:-moz-any(#minimize-button,#restore-button):hover:active {
   background: linear-gradient(red,brown) !important;
   border: 1px  solid #675 !important;
   color: #FFF !important; 
}

#titlebar-buttonbox > #titlebar-close,
.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    color: #FFF !important;
    background: linear-gradient(red,brown) !important;
    margin-right: 1px !important;
    margin-left: 1px !important;
    border: 1px  solid #675 !important;
  
}

#titlebar-buttonbox > #titlebar-close:hover,
.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
   background: linear-gradient(red,#DF0000) !important;
   border: 1px  solid #675 !important; 
   margin-right: 1px !important;
   margin-left: 1px !important;
}

#titlebar-buttonbox > #titlebar-close:active,
.titlebar-buttonbox > .titlebar-close:active,     
#close-button:hover:active {
    background: linear-gradient(#800000,#660000) !important;
    border: 1px  solid #675 !important;
    margin-right: 1px !important;
    margin-left: 1px !important;
}
}

@-moz-document url("chrome://browser/content/browser.xhtml")  {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    -moz-window-dragging: no-drag !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}

#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -moz-window-dragging: no-drag !important;
}

#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}

#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    -moz-window-dragging: no-drag !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    -moz-window-dragging: no-drag !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: grey !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
    
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

Отсутствует

 

№762019-01-2020 22:51:21

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

Del

Отредактировано kokoss (20-01-2020 16:03:00)


Win7

Отсутствует

 

№762120-01-2020 01:37:33

NikosColev
Участник
 
Группа: Members
Зарегистрирован: 06-01-2020
Сообщений: 76
UA: Firefox 68.0

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

Подскажите, плз, в нижнюю панель (vertical_top_bottom_bar) нельзя перетащить/добавить или продублировать(!) кнопки навигации (на педыдущую/следующую страницу) или я что-то делаю не так?

Отредактировано NikosColev (20-01-2020 01:42:30)

Отсутствует

 

№762220-01-2020 03:02:26

harryk
Участник
 
Группа: Members
Зарегистрирован: 23-12-2019
Сообщений: 418
UA: unknown 0.0

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

В 72-м поломался этот скроллбар. Как-то можно починить? Или посоветуйте аналогичный.

Отсутствует

 

№762320-01-2020 05:35:56

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

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

user_chrome_files\custom_scripts\custom_script.js

Выделить код

Код:

// Этот скрипт можно использовать для создания кнопок с помощью CustomizableUI.createWidget

// var {classes: Cc, interfaces: Ci, utils: Cu} = Components;
// var {console} = Cu.import("resource://gre/modules/Console.jsm", {});

Для vertical_top_bottom_bar, который с биндингом, сделал несколько кнопок. Теперь биндинг отвалился. Как перенести код кнопки в скрипт, который выше? Пробовал просто скопировать.

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

Выделить код

Код:

// Этот скрипт можно использовать для создания кнопок с помощью CustomizableUI.createWidget

var {classes: Cc, interfaces: Ci, utils: Cu} = Components;
var {console} = Cu.import("resource://gre/modules/Console.jsm", {});
try {
    CustomizableUI.createWidget({
        id: "add-akelpad-app",
        label: "Akelpad",
        tooltiptext: "Запуск редактора Akelpad",
        onCommand: function(event) {
            var file = Cc["@mozilla.org/file/local;1"].createInstance(Ci.nsIFile);
            file.initWithPath("${String.raw`C:\\Program Files\\AkelPad\\AkelPad.exe`}");
            if (file.exists()) file.launch();
        }
    });
} catch(e) {}


Не работает. И как связать код из этого скрипта с иконкой, которую, как я думаю, надо прописать в user_chrome_files\custom_styles\custom_style_user.css?

Отсутствует

 

№762420-01-2020 06:34:09

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2129
UA: Firefox 52.0

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

xrun1

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

Выделить код

Код:

//file.initWithPath("${String.raw`C:\\Program Files\\AkelPad\\AkelPad.exe`}");
            file.initWithPath("C:\\Program Files\\AkelPad\\AkelPad.exe");
Выделить код

Код:

#add-akelpad-app {
    list-style-image: url("moz-icon:file:///C:/Program Files/AkelPad/AkelPad.exe") !important;
}

Отсутствует

 

№762520-01-2020 10:02:47

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 72.0

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

Подскажите плиз, а можно как-то увеличить ширину панели с закладками (Bookmarks Toolbar)? Причем желательно сверху пару пикселей прибавить, снизу вроде ок.

803aabf79ea5971026e9c3523eb9aadd.png

С помощью Customize > Density могу увеличить ширину только панели с кнопками вперед-назад, а не панели закладок.

userChrome.css сейчас такой:

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Цвет панелей */
:root:not(:-moz-lwtheme) {
    --toolbar-bgcolor: #F2F2F2  !important;
    --toolbar-color: black !important;
}

/* Цвет menubar */
#toolbar-menubar {
    background-color: var(--toolbar-bgcolor) !important;
    color: var(--toolbar-color) !important;
}

/* Цвет меню */
#toolbar-menubar menubar > menu {
    color: var(--toolbar-color) !important;
}

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 2 !important;
  box-shadow: none !important;
  border-bottom: 1px solid ThreeDShadow !important;
  //background-color: #F2F2F2 !important;
}

#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 1 !important;
  border-top: 1px solid ThreeDShadow !important;
  //background-color: #F2F2F2 !important;
}
/*  #DAD6D2 #F0F0F0 
menubar > * {
background-color: #F2F2F2 !important;
}
*/

/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }

/* Hide blue stripe on active tab
.tab-line[selected="true"] {
  opacity: 0 !important;
}
*/

/* Цвет линии для активной вкладки
.tab-line[selected="true"] {
  background-color: #68768a !important;
}
*/

/* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}

/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
  opacity: 0 !important;
}


/*** Секция для вкладок внизу ***/

/* Вкладки в низ окна */
#TabsToolbar {
  position: fixed !important;
  display:block !important;
  bottom: -0em; !important;
  width: 100% !important;
  }
  #tabbrowser-tabs { width: 96%; }
  #content-deck { margin-bottom: 2.5em;
}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
  width: 100vw !important;
  #content-deck { margin-bottom: 0em; }
  #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}

/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
--tab-min-width: 80px !important;
}

/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: #C7C7C7 !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}

/*** Конец секции для вкладок внизу ***/

/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {

  /* Position the Find Bar above the page */
  -moz-box-ordinal-group: 0;

  /* Move Find Bar border from top to bottom */
   border-top: none !important;
   border-bottom: 1px solid ThreeDShadow !important;
}

/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */

#browser-bottombox {
height: 2.5em;
border-top: solid thin #505050;
}
.browserContainer>statuspanel {
left: 4px !important; bottom: 2px;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
margin-left: 0px !important;
border: none !important;
padding: 0px !important;
background: rgb(0,0,0,0) !important;
color: silver !important;
}

window[inFullscreen="true"] #browser-bottombox {
display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
display:none !important;
}

Отредактировано Retif (20-01-2020 10:12:55)

Отсутствует

 

Board footer

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