_zt
ну не знаю, у меня работает (про border-radius да, тупанул и забыл дописать, но мне радиус не сильно и нужен был). Правда у меня там еще настройки, брал с гит репы кажется. Там целая солянка наверное. Но вроде от мусора чистил (в силу своих знаний). Полный файл у меня выглядит так
#tabbrowser-tabs .tab-close-button { position: relative; fill: black !important; background-color: #BBB !important; border-radius: 1px; height: 18px !important; width: 18px !important; padding: 2px !important; margin-inline-start: -17px !important; margin-inline-end: 0px !important; color: black !important; } #tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button { display: none !important; } .tabbrowser-tab { min-width: 30px !important; } .tab-content:not([pinned]){ overflow: hidden !important; } #PopupSearchAutoComplete .search-one-offs, #PopupSearchAutoComplete .search-panel-header{ display: none !important; } /* remove search go button */ .searchbar-textbox .search-go-button { visibility: hidden !important; } tabbrowser-tab[pinned]{ max-width: 5px !important; } .tab-label-container[pinned] { visibility: hidden !important; } toolbar[mode="icons"] .toolbarbutton-text { display:none !important; } #alltabs-button { display: none; } #context-sep-navigation, #context-navigation, #context-sep-undo, #context-bookmarklink, #context-savepage ~ menuseparator { display: none !important; } /*** Proton Tabs Tweaks ***/ /* Adjust tab corner shape, optionally remove space below tabs */ #tabbrowser-tabs { --user-tab-rounding: 3px; } .tab-background { border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important; /* Connected */ margin-block: 1px 0 !important; /* Connected */ } #scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */ border-top-width: 1px !important; border-bottom-width: 0 !important; } /* 1/16/2022 Tone down the Fx96 tab border with add-on themes in certain fallback situations */ .tab-background:is([selected], [multiselected]):-moz-lwtheme { --lwt-tabs-border-color: rgba(0, 0, 0, 0.5) !important; border-bottom-color: transparent !important; } [brighttext="true"] .tab-background:is([selected], [multiselected]):-moz-lwtheme { --lwt-tabs-border-color: rgba(255, 255, 255, 0.5) !important; border-bottom-color: transparent !important; } /* Container color bar visibility */ .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { margin: 0px max(calc(var(--user-tab-rounding) - 3px), 0px) !important; } /* Override Normal Density height to Compact Density height only for tabs */ #TabsToolbar, #tabbrowser-tabs { --tab-min-height: 29px !important; } /* Tweak for covering a line at the bottom of the active tab on some themes 8/11/2021 */ #main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar, #main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar #tabbrowser-tabs { --tab-min-height: 30px !important; } #scrollbutton-up, #scrollbutton-down { border-top-width: 0 !important; border-bottom-width: 0 !important; } /* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */ #TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox { max-height: calc(var(--tab-min-height) + 1px) !important; } /* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */ #TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon, #TabsToolbar-customization-target .toolbarbutton-text, #TabsToolbar-customization-target .toolbarbutton-badge-stack, #scrollbutton-up,#scrollbutton-down { padding-top: 7px !important; padding-bottom: 6px !important; } /* Inactive tabs: Outline style */ .tab-background { --context-line-margin-adjust: 4px; /* 1/16/2022 */ --context-line-active-adjust: 0px; /* 1/16/2022 */ } .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background { border: 1px solid rgba(0, 0, 0, .20) !important; /* To pick up a theme background tab separator color, un-comment the following line: */ /* border: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important; */ border-bottom-color: transparent !important; } /* For dark backgrounds */ [brighttext="true"] .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background { border: 1px solid var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20)) !important; /* To pick up a theme background tab separator color, un-comment the following line: */ /* border: 1px solid var(--lwt-background-tab-separator-color, var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20))) !important; */ border-bottom-color: transparent !important; } /* Remove extra padding between tabs */ .tabbrowser-tab:not(:first-of-type) { padding-left: 0 !important; } /* Move container color bar to bottom of tab - updated 1/16/2022 */ .tab-background { --context-line-margin-adjust: 3px; /* 1/16/2022 */ --context-line-active-adjust: 1px; /* 1/16/2022 */ } .tabbrowser-tab[usercontextid]:is([selected=true], [visuallyselected="true"], [multiselected]) .tab-background { border-top: 1px solid transparent; /* 1/16/2022 Default border for consistency */ } .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { margin-top: calc(var(--tab-min-height) - var(--context-line-margin-adjust)) !important; } .tabbrowser-tab[usercontextid]:is([selected=true], [visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background > .tab-context-line { margin-top: calc(var(--tab-min-height) - var(--context-line-margin-adjust) - var(--context-line-active-adjust)) !important; } /* Tweak Options as of 1/12/2022; Generated Wed Apr 06 2022 18:55:44 GMT+0300 (Москва, стандартное время) */
А выглядит это так.
Именно то что я хотел. Иконка закрытия перекрывает собой все. При этом никуда не дергается. Поведение должно быть только на активной вкладке. На неактивных я и не хотел отображения крестика
Отсутствует
Подскажите, как в CSS-стиле сделать строки, которые будут действовать только на macos, то есть не сработают в windows и linux?
наподобие такого: @media not all and (-moz-os-version: windows-win7) {…}
Отсутствует
Здравствуйте.Подскажите пожалуйста, что можно сделать, чтобы при использовании тёмной темы в ФФ, адресная строка так же оставалась бы тёмная и нормально читаемая, как на ФФ 99?Как обновился на версию 100, адресная строка(она же и поиск) стала белой и не видно, что вводишь пока не выделишь, это только с тёмными темами так, пришлось откатить на версию 99, где всё прекрасно работает, но постоянно просит обновить на 100.
В наше время единственные настоящие оригиналы - люди, которые ведут себя правильно.
Отсутствует
Подскажите пожалуйста, что можно сделать, чтобы при использовании тёмной темы в ФФ, адресная строка так же оставалась бы тёмная и нормально читаемая,
Включить тёмную(или свою) тему в about:addons
Win7
Отсутствует
Как обновился на версию 100, адресная строка(она же и поиск) стала белой и не видно, что вводишь пока не выделишь, это только с тёмными темами так
У себя не наблюдаю такой проблемы с тёмными темами, но можно попробовать такой вариант
toolbar[brighttext]:-moz-lwtheme:not([lwt-default-theme-in-dark-mode]) #urlbar-background { --toolbar-field-background-color: rgb(28, 27, 34) !important; --toolbar-field-focus-background-color: rgba(66, 65, 77, 1) !important; }
Отредактировано sandro79 (19-05-2022 12:42:20)
Отсутствует
но можно попробовать такой вариант
Как этим пользоваться, куда вставить?
Добавлено 19-05-2022 12:53:38
Включить тёмную(или свою) тему в about:addons
Естественно включена тёмная тема (и своя ), но нормально отображает только на версии до 100
Отредактировано lev-prav (19-05-2022 12:53:38)
В наше время единственные настоящие оригиналы - люди, которые ведут себя правильно.
Отсутствует
Естественно включена тёмная тема (и своя ), но нормально отображает только на версии до 100
Отредактировано kokoss (19-05-2022 13:12:10)
Win7
Отсутствует
Естественно включена тёмная тема (и своя ), но нормально отображает только на версии до 100
Надо еще в настройках Настройки>Основные в разделе Язык и внешний вид Внешний вид сайтов указать темная тема
Отсутствует
Надо еще в настройках Настройки>Основные в разделе Язык и внешний вид Внешний вид сайтов указать темная тема
вот так должно быть (на версии 99 прекрасно работает)
а это получается после обновления на версию 100,
Отредактировано lev-prav (19-05-2022 19:53:03)
В наше время единственные настоящие оригиналы - люди, которые ведут себя правильно.
Отсутствует
вот так должно быть (на версии 99 прекрасно работает)
Сам себе отвечу.Проблема с тёмным фоном в адресной строке после обновления на версию 100+ исчезла после toolkit.legacyUserProfileCustomizations.stylesheets смены параметра на false
В наше время единственные настоящие оригиналы - люди, которые ведут себя правильно.
Отсутствует
lev-prav
Это не решение. С toolkit.legacyUserProfileCustomizations.stylesheets = false у вас ни один стиль работать не будет, а следовательно проблема не в , а в устаревшем стиле который лежит у вас в подпапке "chrome" профиля, но вы даже не знаете что это такое.
Отсутствует
Раньше было расширение dominspector и прочие.
а чем в сейчас ищут элемент интерфейса в коде ?
И ещё как заменить значок глобуса для закладки без значка на другое изображение на фф68 ? (изображение есть)
Отредактировано Kero (03-06-2022 01:33:18)
Отсутствует
Отсутствует
sandro79
спс.
по поводу иконки, а просто в виде png файла возможно ?
в фф52 был стиль который выводил id расширения в колонку с его именем, маленькими буквами чуть сбоку, а можно ли подобное сделать в фф68 ?
Отредактировано Kero (03-06-2022 19:41:08)
Отсутствует
по поводу иконки, а просто в виде png файла возможно ?
С css-кодом не знаю, но можно способ с chrome.manifest использовать - ссылка на архив с инструкцией по установке.
в фф52 был стиль который выводил id расширения в колонку с его именем
А посмотреть на него можно? Может можно под 68 подправить.
Отредактировано sandro79 (03-06-2022 20:17:08)
Отсутствует
sandro79
А посмотреть на него можно?
@-moz-document url("about:addons"), url-prefix('chrome://mozapps/content/extensions/extensions.xul'){ .addon::before { content: "ID: " attr(value) !important; position: absolute!important; text-align: right !important; line-height: 0px!important; font-size: 8pt !important; } }
Отредактировано Kero (03-06-2022 21:26:21)
Отсутствует
Kero
extensions.htmlaboutaddons.enabled — false +
@-moz-document url("about:addons"), url-prefix('chrome://mozapps/content/extensions/extensions.xul'){ .addon::before { content: "ID: " attr(value) !important; position: absolute!important; text-align: right !important; line-height: 0px!important; font-size: 8pt !important; margin-block: -4px 4px !important; } #private-browsing-notice { display: none !important; } }
Отсутствует
sandro79
о , спс, даже не знал о такой настройке.
А можно ли заменить все кнопки, чекбоксы, поля, на стиль из темы виндовс, а не на эти бесконечные серые прямоугольники вместо кнопок ?
емнип раньше такое тоже было возможно.
Стили от aris-t2 могут вернуть такое только для страницы настроек а все остальные кнопки не изменены.
Stylus позволяет применять изменения без перезагрузки?
чёто пытаюсь его использовать но он вообще никак не меняет ничего , получается только через userContent и userChrome.
наверно что то делаю не так .
Отредактировано Kero (03-06-2022 21:34:09)
Отсутствует
А можно ли заменить все кнопки, чекбоксы, поля, на стиль из темы виндовс
Не знаю, я не обладаю такими способностями в css
Stylus позволяет применять изменения без перезагрузки?
Да, но с интерфейсом браузера он уже давно не работает.
Отсутствует
а есть что то типо Stylus что обладает подобным функционалом и позволяет применять без перезагрузки браузера стили ?
Stylus сделан на основе Stylish похоже, по крайней мере интерфейс похож. Раньше Stylish хорошо работал с браузером.
Или версия Stylish что не шпионская но работает ?
Отредактировано Kero (03-06-2022 23:05:18)
Отсутствует
Да, но с интерфейсом браузера он уже давно не работает.
а есть что то типо Stylus что обладает подобным функционалом и позволяет применять без перезагрузки браузера стили ?
StyloaiX
UserStyle manager to reskin Firefox window and websites. Replacement for legacy Stylish. More convenient than userChrome.css and userContent.css, as it has a powerful editor with instant preview, error checking, code autocomplete and you can enable/disable individual styles without restarting Firefox.
Отсутствует
iamgdv
На предыдущей странице https://forum.mozilla-russia.org/viewto … 22#p799622
Отсутствует