Вот как раз на 115 и проверял. С 90 просто пишу.

может хватит примерять, куда совать, пора правила мозгами думать что делать и как разгружать css модулн. У меня свой CSS Лодырь, а у Вас в квартире газ...

Добавлено 02-07-2023 20:34:03
и я даже за ваз, но сапорт это не так...

Добавлено 02-07-2023 20:45:23
а может и не за ВАЗ, но я верю в Вас...

Отредактировано Farby (02-07-2023 20:45:23)

По первой же строчке кода

@-moz-document url("about:newtab"), url("about:home")

несложно понять, что весь стиль предназначен для изменения
внешнего вида страниц (новой вкладки и домашней браузера),
а не интерфейса браузера, и поэтому вставлять код нужно в userContent.css

Злой Буратино
На самом деле стиль много чего делает, в частности заполняет значком всю доступную область значка и, не сдвигает влево, а уменьшает отступы между значками и кол-во значков в строке за счет значков следующей строки (просто у вас только одна строка в настройках разрешена), и убирает заголовки. Но это действительно все коряво выглядит, так как следующая строка становится короче. Я просто посмотрел, что там по быстрому сделать можно. Дальше заниматься этим у меня желания нет, есть масса расширений чтобы сделать домашнюю страницу нормальной, а это, сколько его не украшай, как было так и останется мусором, да еще и с телеметрией. Ради интереса посмотрите сколько создает соединений в момент открытия домашней страницы.
   
Финальный код я все же оставлю здесь, добавил возможность поставить свою картинку в качестве фона - положить картинку рядом и обозвать background.jpg
скрин

@-moz-document url("about:newtab"), url("about:home") {
:root {
    --newtab-primary-action-background: rgb(40,140,230) !important;
    background-color: #f5f5ff !important;
    background-image: url("./background.jpg") !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    color: #0c0c16 !important;
}
body {
    background-color: transparent !important;
}
/* Обводка поля поиска при фокусе */
input:focus-visible {
    border: none !important;
    outline: 1px solid var(--newtab-primary-action-background) !important;
    outline-offset: 0px !important;
}
#searchSubmit {
    border-radius: 8px !important;
}
/* Плитки */
.top-site-outer .tile .icon-wrapper {
    height: 90px !important;
    width: 90px !important;
}
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) {
    background: none !important;
    outline: 1px solid var(--newtab-primary-action-background) !important;
    outline-offset: 0px !important;
}
.top-site-outer .title {
    visibility: collapse !important;
    padding: 0 !important;
    margin-top: -15px !important;
}
/* Карточки */
.card-outer {
    background: transparent !important;
    border: 1px solid var(--newtab-background-color-secondary) !important;
    height: 266px !important;
}
.card-outer:hover {
    border: 1px solid var(--newtab-primary-action-background) !important;
}
.compact-cards .card-outer {
    height: 160px !important;
}
}

Отредактировано _zt (03-07-2023 13:32:42)

Злой Буратино
Не знаю как в 115, а в 114 вроде работает, проверяйте -> https://forum.mozilla-russia.org/viewtopic.php?pid=800089#p800089

doud
#urlbar-go-button, .search-go-button {
    list-style-image: url("...") !important;
}
+ margin-ы и возможно padding-и.

Отредактировано _zt (04-07-2023 15:14:44)

Oleg_V

0.1em при размере шрифта 12 близко к пикселю, так что лучше записать как 1px и можно не учитывать нативные меню, ибо в них по умолчанию 2px

Nero Wolfe

для многих из них используется переменная --panel-border-color, а в вивальди стилизация контекстных меню отдана под контроль OS, но я не пробовал также сделать в firefox

doud, какую svg задействовал?

В фф115еср
-не нужную кнопку расширения (которая появилась рядом с кнопкой меню) можно убрать?
-и треугольничек "вкладки" справа вверху возле кнопок свернуть/развернуть/закрыть можно убрать?

Отредактировано Oleg_V (04-07-2023 18:59:24)

oleg.sgh

.unified-extensions-item-message {
  display: none;
}

в смысле искать?
сейчас все значки расширений на панели есть
при установке нового расширения появится новый значок
или сейчас что-то поменялась и эта кнопка стала важнейшим элементом системы, без которой все значки расширений пропадут?

p.s. убрал кнопку расширений, ничего плохого не видно...

Добавлено 05-07-2023 00:25:34

в чем удобство, кроме случая открытых сотни вкладок?

p.s. убрал кнопку вкладки, доволен, спс за код

Отредактировано Oleg_V (05-07-2023 01:23:58)

Ребят можете скинуть коды, что бы привести к божескому виду 115esr? Перешел с 102esr все коды слетели, все стало опять огромным, заранее благодарен!( в теме не сильно силен)))

Спасибо, то что надо.
Единственный недостаток: я поправил в коде размеры ячеек, и теперь подписи названий сайтов не по центру. Есть какой-то способ как-то подвинуть или вообще их скрыть?