_zt
1.высота панелей стала ОК!

Думала, может у кого есть уже готовый код.

Формат вроде тот же (взяты куски из файлов Prefs.js):

Думаю, это лишнее. Мне только надо было перенести закладки этой страницы.
Спасибо.
Скажите, пожалуйста, параметр layout.css.devpixelsPerPx -влияет не только на размер шрифта в панелях? но и на размер шрифта на страницах?

Отредактировано alla51 (11-07-2023 02:09:20)

_zt
А можно стиль, чтобы нарисовать тонкую полоску слева и справа от кнопки "Открыть новую вкладку" (крестик справа на панели вкладок)
полоску по всей высоте панели вкладок, а не только по высоте этой кнопки (кнопка меньше высоты панели)
может так будет лучше
вот так чтобы выглядело

да, вижу
но мне не актуально
хотя, конечно, хочется универсальное решение

Отредактировано Oleg_V (11-07-2023 11:15:18)

alla51
Там так и есть:
а. Скачиваете архив - прямая ссылка
б. Делаете бэкап вашей папки Chrome
в. Распаковываете содержимое архива в папку Chrome с заменой
г. Открываете по очереди файлы userChrome.css, userContent.css, читаете и следуете инструкциям
д. Свои коды из бэкапа можно потом добавить в конец новых userChrome.css, userContent.css
   
3. Которые перед кавычками у вас везде. Честно говоря не знаю насколько это важно, но факт налицо, у вас копируется со слэшами, а у меня нет, поэтому подозреваю, что вы копируете то что ранее туда вставили из старого профиля.
   
Oleg_V
Посмотрю.

alla51
Конечно лишнее, работает же уже.
   
Oleg_V
Три варианта, но все работают только до появления скроллбара.

/* 1. *//*
#tabbrowser-arrowscrollbox-periphery toolbartabstop {
    border-right: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
}
/* 2. *//*
#tabbrowser-arrowscrollbox-periphery toolbartabstop {
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
}
/* 3. *//*
#tabs-newtab-button {
    border-right: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
    border-left: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
}

alla51
Ну тогда понятно. Да все уже, можно забыть, раз вы заново настроили.
   
Oleg_V
А вот так вот. Все целиком на замену ранее придуманного.

/* Разделитель неактивных вкладок */
.tabbrowser-tab:not([pinned]) .tab-background::before {
    content:  "";
    display:  flex;
    position: absolute;
    bottom:   0%;
    left:     -3px;
    width:    1px;
    height:   40px;
    overflow: hidden;
    opacity: var(--tab-separator-opacity);
    transition: opacity .2s var(--ease-basic) !important;
    background-color: color-mix(in srgb, currentColor 20%, transparent) !important;
    /* Для визуальной совместимости с темой можно попробовать заменить значение на
       var(--toolbarseparator-color) */
}
.tabbrowser-tab:not([pinned]):is([visuallyselected]) .tab-background::before {
    background-color: grey !important;
}
.titlebar-spacer[type="pre-tabs"] {
    border-right: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
}
#tabs-newtab-button, #new-tab-button {
    border-left: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
}
/* Отступы панели вкладок */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
    width: 3px !important;
}

_zt

Не поделитесь, в чем дело?

Сделала всё до пункта чтения инструкций, с этим трудности, потому что у меня франц.язык. А переводить всё тяжело. Вкладки вниз без чтения инструкций не переместились.
Спасибо вам большое. Видно, придется смотреть на вкладки наверху 

alla51
Ну как в чем, я смотрел в about:config, а вы копировали из Prefs.js, отсюда и разница.

Надуманная проблема, переводчиков полно.
Crow Translate
pot-desktop | A cross-platform software for text translation.
Но подозреваю, что щас буде "у меня франц.язык", поэтому вот отсюда скачайте вторую ссылку, распакуйте и пользуйтесь, описание в шапке темы по ссылке. Яндекс, google, реверсо и бабилон работают, если повезет, то еще и дипл. Вопросы по настройке туда, сюда не надо.

Найдите в userChrome.css строки с tabs_below_navigation...... и по одной их раскомментируйте, перезапускайте браузер и смотрите на результат, так же со всем остальным. ПО ОДНОЙ, а если раскомментировали другую, то предыдущую закомментировать. И ту секцию где эти строки (всего 8) придется прочесть, хоть "у меня франц.", хоть зулу, начиная с "TABS BELOW NAVIGATION AND BOOKMARKS TOOLBARS / TABS NOT ON TOP".
   
Добавлено 12-07-2023 18:53:42

Разница в том что у закрепленных нет разделителей, а в вашем у части закрепленных разделителей нет, а у остальных есть.

Отредактировано _zt (12-07-2023 18:53:53)

Oleg_V
Ну и хорошо.
Еще у меня разделители между всеми вкладками, а у вас только у неактивных.
Еще у меня разделители между бэкграундами, а у вас под.

Отредактировано _zt (12-07-2023 19:33:18)

doud, вряд ли получится чисто стилями. Вот для закладок с адресом about: вполне можно задать свой цвет

qzqz72
У меня так

.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    opacity: 1 !important;
    transform: translate(10px,8px);
}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > .tab-icon-image {
    opacity: 1 !important;
}
.tab-secondary-label {
    margin-inline-start: 3px !important;
}
.tab-secondary-label {
    display: none !important;
}

qzqz72
Тапать по клаве не лень, а мышом десять раз двинуть лень?

Подскажите как в menu about:addons убрать все сепараторы и заменить серый цвет выделения на свой
https://imgur.com/0nxvmZJ

6e73epo
Не сработало...