Полезная информация

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 01-04-2024 10:47:47

vending_machine, убрать последний селектор #TabsToolbar со стилем. Добавить правила, переключать темы. Смотреть как меняются цвета

"Firefox 124"

Выделить код

Код:

#navigator-toolbox {
	--toolbox-non-lwt-bgcolor: light-dark(black, pink);
	--lwt-accent-color: light-dark(orange, white);
}

:root[privatebrowsingmode] #navigator-toolbox {
	--toolbox-non-lwt-bgcolor: light-dark(yellow, green);
	--lwt-accent-color: light-dark(red, blue);
}

"Firefox 115"

Выделить код

Код:

:root[privatebrowsingmode][lwtheme-brighttext] #navigator-toolbox {
	--lwt-accent-color: yellow;
}

:root[privatebrowsingmode] #navigator-toolbox {
	--lwt-accent-color: green;
}

:root[lwtheme-brighttext] #navigator-toolbox {
	--lwt-accent-color: red;
}

#navigator-toolbox {
	--lwt-accent-color: blue;
}

Или более опытные подскажут

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-03-2024 21:37:37

Vitaliy V. по тестам понял, что лучше не выносить вложенные селекторы на внешний уровень, хотя и в реализации "& >" встречаются сложности, если селектор начинается с html|...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-03-2024 17:54:55

Vitaliy V., как правильно по новому оформить такую конструкцию?

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

Выделить код

Код:

a > b > c > d {}
e > b > c > d {}
f > b > c > d {}
g > b > c > d {}


получилось только так, убрав b
скрытый текст

Выделить код

Код:

c > d {
  a & {}
  e & {}
  f & {}
  g & {}
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 09-03-2024 16:11:06

Vitaliy V. пишет

А ну да, забыл уже давно не использую data:image, отдельным файлом загружайте и не будет ошибки

Сегодня нельзя data:image, а позже нельзя ничего, кроме chrome:// Да и не любитель плодить файлы иконок внутри каталога chrome
Нашел выход через стилевое переопределение "неиспользуемого" svg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 09-03-2024 10:48:20

Vitaliy V. пишет

данная CSP не влияет на стили

Влияет, но избранно. Пункт меню "Clear Downloads" особняком стоит; не имеет класса и command присутствует. Ошибка в консоли не просто так:
Content-Security-Policy: The page’s settings blocked the loading of a resource at data:image/svg+xml;charset=utf-8,<svg wi… (“img-src”)

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 08-03-2024 14:51:14

Vitaliy V., страница about:downloads. В контекстное меню добавляю иконки. Но как вижу для окна полицию прикрутили:
csp="default-src chrome:; img-src chrome: moz-icon:;
Добавить свою иконку не получится?

CSS-стили » Изменить стиль новой вкладки » 10-02-2024 09:19:05

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

Выделить код

Код:

@-moz-document url("about:home"), url("about:newtab") {
  .top-site-outer {
    width: 160px !important;
    .tile {
      height: 120px !important;
      width: 120px !important;
      .icon-wrapper {
        width: 100% !important;
        height: 100% !important;
      }
    }
  }
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-01-2024 20:56:07

PureButterfly Иконку Новой вкладки лучше убрать так, если по боку throbber

Выделить код

Код:

.tabbrowser-tab:is([label="Новая вкладка"], [label="New Tab"]) .tab-icon-stack {
  visibility: collapse;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-01-2024 23:04:20

Mrakobes666 пишет

Как убрать затемнениие при наведении (затемняется с полосой на пол кнопки) на кнопке "Вид" в журнале боковой панели?

Дотвикались со стилями, что прямоугольник поиска наезжает на кнопку Вид

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-01-2024 17:18:27

Mrakobes666 у меня так

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
/** убрать раздражающую желтую точечную рамку в библиотеке **/
  treechildren::-moz-tree-row(selected, current, focus) {
    --default-focusring: none;
  }
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-01-2024 16:58:02

Злой Буратино это не цвет, а фон. Тема неизвестна, поэтому оставить одну из переменных, на которой сработает

Выделить код

Код:

#navigator-toolbox {
  --toolbox-non-lwt-bgcolor-inactive: light-dark(green, red);
  --lwt-accent-color-inactive: light-dark(yellow, blue);
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-01-2024 01:00:29

Vah подстроите под себя

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

Выделить код

Код:

.tab-label {
  align-items: center;
  display: inline-grid !important;
  overflow: hidden;
  word-break: break-all;
  white-space: unset !important;
  height: 27px;
  line-height: 1.1 !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-01-2024 23:27:42

f480185 ссылка на файл
В about:config выставить browser.uidensity = 1

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-01-2024 20:50:53

f480185 вы сразу выкладывайте всю папку chrome и на нормальный аплоадер https://www.upload.ee, и сразу десятки людей проверят и скажут, почему не работает

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-01-2024 02:06:12

dioxin если кнопку съемной сделать, то дает, но позже понимаешь, что в этом нет смысла. Лучше переместить на панель закладок в правый угол и скрыть значок.


Vah пишет

В Vivaldi (Chrome) можно сделать через CSS

И где этот чудо код? Сделать не сложно. На приведенном скрине нет ни одной вкладки с однострочным названием. Интересно посмотреть, по центру ли выравнивание

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 06-01-2024 15:54:55

Алексей У., начните так

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

Выделить код

Код:

.mini-suggest__overlay {
  visibility: visible !important;
  opacity: 0 !important;
}

.HeaderDesktopForm-Submit {
  display: block !important;
}

Firefox » Боковая панель справа » 01-01-2024 14:47:16

chriscelvin, ui.prefersReducedMotion=1, но отключает анимацию везде

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 29-12-2023 22:26:45

woe495, --toolbarseparator-color: #000000 !important; без !important не работает?

Можно изменить цвет выделения папки?

по соседству добавить вторую переменную
--toolbarbutton-active-background: red;

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 29-12-2023 18:39:53

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

Выделить код

Код:

#PersonalToolbar {
  --toolbarseparator-color: red;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 24-12-2023 02:54:56

ALEXS135, значит я неправильно понял

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
  .dialogBox:not(.spotlightBox) {
    box-shadow: 0 2px 14px 0 rgba(255, 255, 255, 0.1) !important;
    border-radius: 4em !important;
  }
}

@-moz-document url("chrome://browser/content/places/bookmarkProperties.xhtml") {
  @media (prefers-color-scheme: dark) {
    @media not (prefers-contrast) {
      :root[dialogroot] {
        --in-content-page-background: #000 !important;
      }
    }
  }
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-12-2023 20:58:51

ALEXS135, с твоими цветами для закладок будет так

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/places/bookmarkProperties.xhtml") {
  input:where([type="text"]) {
    --in-content-box-border-color: #191d22;
    border-radius: 4em !important;
    --in-content-box-background: #000;
  }
}

Ну а окно с очисткой истории к интерфейсу не относится

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-12-2023 08:32:45

ALEXS135 пишет

"Библиотека - управление" никак?

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/places/places.xhtml") {
  #organizeButtonPopup .menu-accel {
    visibility: hidden;
  }
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-12-2023 10:07:19

Northtech, в вашем коде ничего не сломалось. Без !important уже не срабатывает content: counter(num) ":";

Сustom Buttons » Custom Buttons » 08-12-2023 21:35:51

Dobrov,

Выделить код

Код:

get img() {
    delete this.img;
    return this.img = Menu.Cfg.img;
}

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]