The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]

форумы
правила/FAQ
поиск
регистрация
вход
слежка
RSS


Вариант для распечатки  
Пред. тема | След. тема 
Форум Разговоры, обсуждение новостей
Режим отображения отдельной подветви беседы [ Отслеживать ]

Оглавление

Выпуск web-браузера Chrome 124, opennews (??), 18-Апр-24, (0) [смотреть все]

Сообщения [Сортировка по времени | RSS]


25. "Выпуск web-браузера Chrome 124"  +1 +/–
Сообщение от penetrator (?), 18-Апр-24, 16:31 
а в лисе я прикрутил chrome.css и вернул нормальные табы, каким они былт до внедрения Proton
Ответить | Правка | Наверх | Cообщить модератору

58. "Выпуск web-браузера Chrome 124"  +/–
Сообщение от Аноним (78), 18-Апр-24, 23:47 
Поделишься? Я бы очень благодарен
Ответить | Правка | Наверх | Cообщить модератору

75. "Выпуск web-браузера Chrome 124"  +1 +/–
Сообщение от Аноним (78), 20-Апр-24, 17:31 
В общем сам нашел как :)

https://snipboard.io/KwzEpH.jpg

Ответить | Правка | Наверх | Cообщить модератору

76. "Выпуск web-браузера Chrome 124"  +/–
Сообщение от Аноним (76), 20-Апр-24, 18:00 
Поделись кодом, пожалуйста
Ответить | Правка | Наверх | Cообщить модератору

79. "Выпуск web-браузера Chrome 124"  +/–
Сообщение от Аноним (78), 20-Апр-24, 23:21 
Я просто нагуглил эту репу -  https://github.com/Aris-t2/CustomCSSforFx/releases

Потом удалил из нее строчку за строчкой всё лишнее, и в итоге получился такой userChrome.css (первые три переменные я сам добавил):

:root {
  --classic_square_tabs_active_tab_background: #eaeaea;
  --classic_square_tabs_active_tab_foreground: black;
  --classic_square_tabs_inactive_tab_background: #bebebe;
  --classic_squared_tabs_tab_height: 26px;
  --classic_squared_tabs_active_tab: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa);
  --classic_squared_tabs_other_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be);
  --classic_squared_tabs-border_size: 1px;
  --classic_squared_tabs-border1: #5f7181;
  --classic_squared_tabs-border2: rgba(0,0,0,.2);
  --classic_squared_tabs-border3: rgba(0,0,0,.5);
  --classic_squared_tabs_new_tab_icon_color: black;
  --classic_squared_tabs_tab_text_color: black;
  --classic_squared_tabs_tab_text_shadow: transparent;

  --tab-min-height: var(--classic_squared_tabs_tab_height) !important;
  --mltabs-newtab-height: calc( var(--classic_squared_tabs_tab_height) + 1px ) !important;
  --tab-min-height_tnot: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important; /* for tabs_below_navigation_toolbar_alt.css */
}

/* default tabs color */
:root:not([lwtheme]) #TabsToolbar :is(.tabs-newtab-button,#tabs-newtab-button),
:root:not([lwtheme]) #TabsToolbar .tabbrowser-tab .tab-content {
  background-color: var(--classic_square_tabs_inactive_tab_background) !important;
}

/* selected tabs color */
:root:not([lwtheme]) #TabsToolbar .tabbrowser-tab .tab-content:is([selected],[multiselected]) {
  background-color: var(--classic_square_tabs_active_tab_background) !important;
}

.tabbrowser-tab[selected="true"] .tab-label {
  color: var(--classic_square_tabs_active_tab_foreground) !important;
}

/* tab border color */
:root:not([lwtheme]) #TabsToolbar :is(.tabs-newtab-button,#tabs-newtab-button),
:root:not([lwtheme]) #TabsToolbar .tabbrowser-tab .tab-content {
  border-top: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;
  border-left: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;
  border-right: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;
}

.tab-background {
  margin-block: unset !important;
}

/* width of new tab tab */
#TabsToolbar :is(.tabs-newtab-button,#tabs-newtab-button){
  min-width: 0px !important;
  width: 28px !important;
  margin-bottom: -1px !important;
}

.tab-close-button {
  margin-inline-end: -6px !important;
  margin-inline-start: 2px !important;
  width: 14px !important;
  height: 14px !important;
  padding: 2px !important;
  border-radius: unset !important;
}

/* size of new tab tabs '+' icon */
#TabsToolbar :is(.tabs-newtab-button,#tabs-newtab-button) .toolbarbutton-icon{
  min-width: 0px !important;
  min-height: 0px !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
  background: unset !important;
  box-shadow: unset !important;
}
.tabbrowser-tab {
  padding-inline: initial !important;
}

/* restore border between navigation toolbar and tabs toolbar */
:root:not([lwtheme]) #nav-bar {
  box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--classic_squared_tabs-border2) !important;
}

/* Fx 97+ height fix */
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
  height: unset !important;
}

* {
  border-radius: 0 !important;
  box-shadow: none !important;
}


И добавил в конец немного моих украшательств:

#urlbar, #urlbar-background, #searchbar:focus-within {
  outline:none !important;
  background-color: cornsilk !important;
  border-color: var(--toolbar-field-focus-border-color) !important;
}

#nav-bar, #navigator-toolbox {
  box-shadow: none !important;
  border-top: none !important;
  background-color: var(--classic_square_tabs_active_tab_background) !important;
}

Ответить | Правка | Наверх | Cообщить модератору

86. "Выпуск web-браузера Chrome 124"  +/–
Сообщение от Аноним (86), 15-Май-24, 04:38 
А можно вообще как-нибудь убрать табы?
Ответить | Правка | Наверх | Cообщить модератору

80. "Выпуск web-браузера Chrome 124"  +/–
Сообщение от penetrator (?), 21-Апр-24, 02:04 
> Поделишься? Я бы очень благодарен

моя версия, если еще нужно

:root {
    --focus-outline-width: 1px !important;
}

#urlbar-background {
    box-shadow: none !important;
}

/*** Proton Tabs Tweaks ***/

/* Adjust tab corner shape, optionally remove space below tabs */
#tabbrowser-tabs {
    --user-tab-rounding: 0px;
}

.tab-background {
    border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
    margin-block: 1px 0 !important;
}

#scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */
    border-top-width: 1px !important;
    border-bottom-width: 0 !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;
}

/* Inactive tabs: Separator line style */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
    border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important;
}

/* For dark backgrounds */
[brighttext="true"] .tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
    border-right: 1px solid var(--lwt-background-tab-separator-color, var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20))) !important;
}

.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
    border-radius: 0 !important;
}

/* Remove padding between tabs */
.tabbrowser-tab {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Move container color bar to bottom of tab */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
    margin-top: calc(var(--tab-min-height) - 2px) !important;
}

/* Emulate blue tab line from Photon 57-88 UI */

/* Set size and position of the bar relative to background */
.tab-background::before {
  content: "";
  display: block;
  height: 3px;
  margin: -1px var(--user-tab-rounding) 0;
}

/* Set color for active tab */
.tabbrowser-tab[selected] .tab-background::before {
  background-color: #0a84ff;
}

/* Set color for other selected tabs */
.tabbrowser-tab[multiselected]:not([selected]) .tab-background::before {
  background-color: color-mix(in srgb, #0a84ff 66%, transparent);
}

/* Set color for hovering on non-active/non-selected tabs */
.tabbrowser-tab:not([selected], [multiselected]):hover .tab-background::before {
  background-color: color-mix(in srgb, currentColor 33%, transparent);
  transform: none;
}

/* [Optional] Animation when hovering non-active/non-selected tabs */
/*
.tabbrowser-tab:not([selected], [multiselected]) .tab-background::before {
  transform: scaleX(.8);
  transition: transform 100ms linear;
}
*/

/* Adjust margin on blue tab line for squared background tabs */
.tabbrowser-tab:not([selected], [multiselected]) .tab-background::before {
  margin: -1px 0 0 !important;
}

/* Restore private browsing indicator */
#private-browsing-indicator-with-label image {
  width: 24px !important;
  height: 24px !important;
}

#private-browsing-indicator-with-label label {
  display: none !important;
}

Ответить | Правка | К родителю #58 | Наверх | Cообщить модератору

81. "Выпуск web-браузера Chrome 124"  +/–
Сообщение от Аноним (78), 21-Апр-24, 16:36 
Еще бы скроллбары нативные GTK-шные вернуть, цены бы такому интерфейсу не было
Ответить | Правка | Наверх | Cообщить модератору

Архив | Удалить

Рекомендовать для помещения в FAQ | Индекс форумов | Темы | Пред. тема | След. тема




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей 		Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру