Vitaliy

Желательно с rgba.

Отредактировано _zt (12-05-2021 11:11:57)

Проверяй https://forum.mozilla-russia.org/viewto … 10#p784310

Сначала обнови его

1) Использовать темы, ну или если принципиально сделать стилем то --toolbar-bgcolor, остальные параметры по желанию

:root {
    --toolbar-bgcolor: rgba(115, 45, 85, 1) !important;
    --toolbar-color: rgb(255, 255, 255) !important;

    --lwt-accent-color: rgb(37, 29, 62) !important;
    --lwt-text-color: rgba(244, 244, 247) !important;
    --lwt-toolbar-field-focus: rgba(0, 0, 0, 1) !important;
    --lwt-toolbar-field-focus-color: rgba(255, 255, 255, 1) !important;
    --arrowpanel-background: rgb(27, 27, 33) !important;
    --panel-disabled-color: rgba(177, 177, 180, 0.5) !important;
    --panel-description-color: rgba(177, 177, 180, 0.7) !important;
    --arrowpanel-color: rgba(177, 177, 180, 1) !important;
    --arrowpanel-border-color: rgb(60, 60, 63) !important;
    --lwt-toolbar-field-background-color: rgba(0, 0, 0, 0.5) !important;
    --lwt-toolbar-field-color: rgba(244, 244, 247, 1) !important;
    --lwt-toolbar-field-border-color: rgba(0, 0, 0, 0.5) !important;
    --lwt-tab-text: rgb(255, 255, 255) !important;
    --chrome-content-separator-color: rgb(115, 45, 85) !important;
    --toolbarbutton-icon-fill: rgb(255, 255, 255) !important;
    --lwt-selected-tab-background-color: rgb(115, 45, 85) !important;
    --autocomplete-popup-background: rgb(27, 27, 33) !important;
    --autocomplete-popup-color: rgb(177, 177, 180) !important;
    --autocomplete-popup-highlight-background: rgb(0, 116, 232) !important;
    --toolbar-field-focus-border-color: rgb(0, 0, 0) !important;
    --lwt-toolbar-field-highlight: rgba(0, 116, 232, 1) !important;
    --lwt-toolbar-field-highlight-text: rgb(255, 255, 255) !important;
    --lwt-accent-color-inactive: rgb(37, 29, 62) !important;
    --lwt-background-tab-separator-color: rgb(244, 244, 247) !important;
    --toolbarseparator-color: rgba(255, 255, 255, 0.2) !important;
    --lwt-toolbarbutton-icon-fill-attention: rgb(0, 116, 232) !important;
    --toolbarbutton-hover-background: rgba(179, 179, 181, 0.4) !important;
    --toolbarbutton-active-background: rgb(0, 116, 232) !important;
    --autocomplete-popup-highlight-color: rgb(255, 255, 255) !important;
}

Да хоть с hsla

2) Изменить так эти переменные в custom_styles/css_user.css
--v-tabs-min-height: 20px;
--v-main-menubar-min-height: 17px;
--v-titlebar-button-vert-padding: 3px;

3) Да все забывал исправить, теперь сделал но полосы прокрутки не нужны, страница прокручивается без них колесом мыши
Ну или удали в custom_styles/common.css --> @-moz-document url("about:newtab"), url("about:home") {
это правило
:root {
    scrollbar-width: none !important;
}

Отредактировано Vitaliy V. (12-05-2021 20:37:31)

Хочу выразить признательность и благодарность великолепному человеку "sandro79" за его помощь!!!

За код для поиска - спасибо, сработало (кстати, если не трудно, нельзя ли еще сделать уголок справа от надписи "Найти"?). А иконка входа в аккаунт у меня такая: https://d.radikal.ru/d23/2105/f7/ddc382b039b5.jpg

Вот этот угол я имел в виду: https://c.radikal.ru/c27/2105/cb/6534bef202d0.jpg.
А что касается синего цвета, так это, по-моему, идиотизм полный. У Яндекса ВООБЩЕ в теме оформления нет и не было никогда НИ ОДНОГО элемента синего цвета, а тут - на тебе... Жаль, что ничего сделать нельзя. Кстати, эта мерзость почему-то присутствует только на странице поиска. В картинках или видео, к примеру, по-прежнему нормальная желтая плашка с черным шрифтом.

и что я наковырял. вкладки под строку вернул, а панель широкая так и остаётся

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

P.S. сделал

всё же хочу продолжить тему. то что работает сейчас, выливается в такое вот в бете

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

Отредактировано tagnupip (15-05-2021 22:12:42)

Ну там это правило угол создаёт

.websearch-button__text::before {
    top: 0;
    right: -13px;
    width: 13px;
    height: 40px;
    background-color: #fc0;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='45'%3E%3Cpath fill='%23fff' d='M40 -2V45L.99 40 c1.105 0 2.405-.809 2.897-1.792L13 20 3.896 1.792C3.401.802 2.1 0 1 0z'/%3E%3C/svg%3E);
}

Добавлено 16-05-2021 00:07:27

С конца 406-ой страницы смотрите.

Отредактировано sandro79 (16-05-2021 00:08:34)

Vitaliy V.

Подожду до 91 beta, тогда уже буду разбираться. Там много чего еще. Например, множественные сепараторы, которые, похоже, теперь надо как-то скрывать для каждого контекста отдельно.

Отредактировано _zt (18-05-2021 18:49:49)

Что значит не работает, повторяю в стиле
не изменен фон панелей, иначе бы при смене темы он не менялся.

Vitaliy V.
Я все понимаю, мы это уже давно обсуждали. Но вы сами попробуйте этим стилем на Win7 с Aero добиться прозрачности панелей с вашей темой. Что то там еще есть, какой то фон под root.

Отредактировано _zt (20-05-2021 11:24:29)

Vitaliy V.
Я понял, спасибо. Завтра попробую как-то скомбинировать.
Хотелось бы с прямыми углами и не обязательно такую сильную прозрачность. А панель вкладок меня вообще не интересует, я ее уже много лет только при первоначальной настройке вижу.
ps^ уже вижу что получится, просто кнопкам управления нужно фон задать, так же как "F" слева. Правый нижний угол и так квадратный, там сайдбар. Останется только с левым нижним что-то придумать.

Вот с прямыми углами, там же стиль окна системный (если без стиля window controls), но кое-что можно сделать.
в custom_script_win.js заменить строку
// var margin = this.mediawindowsglass.matches ? "0,7,7,7" : "0,0,0,0";
var margin = "0,0,0,0";

в css_user.css на место стиля window controls

:root[lwtheme-mozlightdark]:-moz-lwtheme-brighttext {
    --toolbar-bgcolor: rgba(43, 42, 51, .6) !important;
    --lwt-selected-tab-background-color: rgb(66, 65, 77) !important;
    --v-highlight-background-color: rgb(0, 116, 232) !important;
    outline: 1px solid rgba(255, 255, 255, .5) !important;
    outline-offset: -2px !important;
    box-shadow: 0 0 0 2px rgb(28, 27, 34) inset !important;
    background-color: rgba(28, 27, 34, .2) !important;
}
:root[sizemode="normal"] .titlebar-buttonbox {
    margin-inline-end: 8px !important;
}
:root[tabsintitlebar][sizemode="normal"] #navigator-toolbox #titlebar {
    padding-top: 0px !important;
}
:root[tabsintitlebar][sizemode="normal"] #TabsToolbar {
    margin-top: 1px !important;
}
#navigator-toolbox > toolbar,
#browser-bottombox {
    position: relative;        
}

скриншот

Ага, а на Proton видели вообще какие вкладки завезли? Ну да пока можно отключить

по аналогии с https://forum.mozilla-russia.org/viewto … 29#p790929
где то мой такой код был искать не охота

Отредактировано Vitaliy V. (21-05-2021 12:02:32)