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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-11-2024 13:53:31

doud пишет

opacity: 0 !important;

Это параметр прозрачности.


Попробуйте так:

Выделить код

Код:

:root {
  --urlbar-container-padding: 10px !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-10-2024 00:38:19

tom911 пишет

как убрать эту серую полоску?

Выделить код

Код:

#navigator-toolbox {
	border-bottom: var(--firefoxcss-top-bar-border-bottom-size) solid
    var(--firefoxcss-top-bar-border-bottom-color) !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-10-2024 23:18:14

YaPro100User пишет

Здравствуйте, подскажите пожалуйста код для userChrome.css что бы настроить цвет и толщину линий обводки в формах авторизации на сайтах. (Firefox 131.0)

В userContent

Выделить код

Код:

@-moz-document regexp("(?:https?|ftp|file):\/\/.*") {
input:not([type="file"],[type="image"]):focus-visible,
select:focus-visible,
button:focus-visible,
textarea:focus-visible {
  outline: 1px solid red;
  outline-offset: -1px;
}
}

У меня цвет Highlight

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-07-2024 19:13:59

cdrip
На соседнем форуме уважаемый Death_INN дал такой совет: если смотреть динамику, то с атрибутов убирают значения
[focused="true"] => [focused]

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-07-2024 20:26:08

скрытый текст
Заметил что в последней "ночнушке" вспышек вообще нет. Стилей "тонну" подгружал, ну нет вспышек и всё.
И работает на мой взгляд шустрее и плавнее.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-07-2024 07:42:19

Vitaliy V. пишет

В стиле выше изменить блок  /* Неактивные вкладки */

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

Выделить код

Код:

/* Неактивные вкладки */
    &:not([selected],[multiselected]) {
        .tab-label {
            color: light-dark(gray, darkgray) !important;
        }
        .tab-background {
            background-color: light-dark(gainsboro, black) !important;
        }
        &[notselectedsinceload=true] {
            .tab-label {
                color: light-dark(purple, magenta) !important;
                font-style: italic !important;
            }
        }
    }


Прекрасно смотрится, единственное, посетив (активировав) эту вкладку и перейдя затем на другую она остаётся в тех же цветах.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 03-07-2024 18:07:29

Vitaliy V.
Вот это ДА! Круто! Спасибо большое!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 03-07-2024 17:43:02

_zt пишет

замените .tab-label на .tab-background

Пришлось заменить на background иначе почему-то не работало.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 03-07-2024 17:08:08

_zt

_zt пишет

Продублируйте код, замените .tab-label на .tab-background, а color на background-color, ну и цвета свои назначьте.

Да, конечно, я где-то так и предполагал что в эту сторону копать нужно, спасибо! Если получится отпишу.

03-07-2024 17:30:21
Vitaliy V. _zt  Спасибо вам за помощь!

_zt  Заменил всё по вашему совету, супер, всё настраивается и работает как мне нужно!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 03-07-2024 15:27:47

_zt

_zt пишет

Нет такого в браузере "непрочитанные".

Да Бог с ними, с непрочитанными, мне бы вкладки покрасить по аналогии с тем кодом который Vitaliy V. предоставил.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 03-07-2024 12:43:40

Vitaliy V.

Vitaliy V. пишет

Как-то так, наверно, если имеется ввиду цвет текста,

О да! Отлично! Добавьте пожалуйста цвета самих вкладок и если можно цвета НЕ прочитанных вкладок.
Извините за "наглость", просто сам я это сделать не могу, не хватает знаний. Спасибо Вам большое!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 02-07-2024 20:43:42

Vitaliy V. здравствуйте! Не откажите в просьбе подправить Ваш код для работы в последних версиях FF. Спасибо.
https://forum.mozilla-russia.org/viewtopic.php?pid=694630#p694630

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 29-06-2024 13:00:11

В общем после долгих мытарств остановился на таком варианте: [spoiler][code]/*  П Р О З Р А Ч Н О С Т Ь  */

:root, body, * {
--uc-context-menu: rgba(43,42,51,0.85); /* rgba(28, 27, 34, 0.85) */
}

menupopup, panel {
  color-scheme: light dark;
  --panel-background: var(--uc-context-menu) !important; /* Прозрачность меню кнопок Расширений, Загрузок и т. д. Defaukt: var(--uc-context-menu) */
  --panel-color: rgba(43,42,51,0.8); /* Default: var(--uc-light-dark) */
  /* --panel-border-radius: var(--uc-all-border-radius) !important; */
  --panel-border-color: #006bbb !important; /* Цвет бордюра SEARCH панели. Default: var(--uc-panel-border-ii) */
  /* --panel-shadow: 0 0 var(--panel-shadow-margin) hsla(0,0%,0%cc,.2); */
}
menupopup, panel {
  &::part(content) {
    background: var(--uc-active) !important;
    color: var(--uc-light-dark) !important;
    /* border-radius: var(--uc-all-border-radius) !important; */
    border: 0.5px solid var(--uc-panel-border) !important;
    font-family: Se

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-06-2024 22:12:15

_zt

_zt пишет

Проверьте.

    #urlbar > .urlbarView,
    #urlbar[breakout] > .urlbarView,
    #urlbar-results,
    .search-panel-one-offs-container {
        background-color: rgba(43,42,51,0.7) !important;
    }

И, возможно, найдите и закомментируйте, в своем стиле, в идентичных селекторах background и background-color.

Там таких селекторов "миллион" отключал полностью файлами, на чистый профиль ставил не хочет работать. 

_zt пишет

:root {
    --arrowpanel-background: rgba(43,42,51,0.9) !important;
    --v-arrowpanel-background: rgba(43,42,51,0.9) !important;
}

а это работает, за исключением того что я написал выше.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-06-2024 18:04:23

_zt
Спасибо! Да, это работает, но не везде, нет прозрачности  URL и SEARCH панелей.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-06-2024 20:58:59

Vitaliy V.  Добрый день! Можно к этому https://forum.mozilla-russia.org/viewto … 46#p769646 стилю добавить так, что бы прозрачность можно было бы регулировать у всех меню?
У меня сейчас так: [code]#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    left: 0px !important;
}

#urlbar[breakout] > .urlbarView {
    margin: 0 !important;
    width: 100% !important;
/*     border-bottom-left-radius: var(--toolbarbutton-border-radius, 8px) !important;
    border-bottom-right-radius: var(--toolbarbutton-border-radius, 8px) !important; */
    background: rgba(0,0,0,0.8) !important;
    border: 1px solid #006bbb !important;
}

#urlbar > .urlbarView, #urlbar-results,  panel[type="autocomplete-richlistbox"], #PopupSearchAutoComplete {
    --urlbarView-hover-background: rgba(25

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 30-05-2024 20:01:01

leshiy_odessa пишет

Я использую — classic_squared_tabs.css, но это не он.

Выложите ваш .css постараемся помочь.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 20-05-2024 00:33:06

Помогите добавить недостающие пункты.
2024-05-19.jpg
https://ru.files.me/u/dssmvks4sr
ВОПРОС СНЯТ.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 14-05-2024 19:45:06

В принципе сначала отступа не было, хотелось уменьшить высоту вкладок, дописал этот код:

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

Выделить код

Код:

/* https://pc.ru/articles/nastrojka-vneshnego-vida-firefox-proton */
#TabsToolbar {
height: 35px !Important; /* Высота панели вкладок */
}
#tabbrowser-tabs {
height: 35px !important; /* Высота вкладок */
}
.tab-close-button {
    padding: 2px !important; /* Размер крестика на вкладке */
  }


и получилось то, что получилось.
2024-05-14-193614.png
Благодарю за участие! Если нужна доп. информация, говорите, я в этих делах не силён.


Портит всю картину этот скрипт:[spoiler]/* *********** В К Л А Д К И   П О Д   А Д Р Е С Н О Й   С Т Р О К О Й ************** */

/* Github: https://github.com/Aris-t2/CustomCSSforFx/blob/master/current/css/tabs/tabs_below_navigation_toolbar.css */
:root {
  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
  --tab-min-height_tnot: 28px; /* Высота ПАН

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 14-05-2024 10:56:30

Подскажите, как убрать эту полосу под URL и SEARCH панелями?2024-05-14-001102.png

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-03-2024 17:52:50

Возможно ли в боковой панели закладок сделать шрифт папок одним цветом, а самих закладок другим?
Вопрос снят. Помогли на дружественном форуме.

Скрипты » UCF - ваши кнопки, скрипты… » 04-03-2024 12:42:17

Vitaliy V. пишет

UserChromeFiles обнова https://github.com/VitaliyVstyle/Vitali … hromeFiles

Сделал всё по инструкции ...никаких изменений. Видимо чего-то не понимаю. 125.0a1 (2024-03-03) (64-разрядный)

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 28-02-2024 10:13:47

Viatcheslav пишет

на определённом сайте

Извиняюсь, моя невнимательность.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 27-02-2024 19:33:22

vending_machine пишет

цвет посещённых ссылок

Выделить код

Код:

/* userContent.css */ 
a:visited, a:visited span {
    color: #00d70f!important;
}
a:hover, a:hover span {
    color: #ff0000 !important;
}
a {
  color: maroon;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.2s ease;
}
a:hover {
  transform: scale(1.02);
}

Board footer

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