egorsemenov06
…
[spoiler][code]/*
btn.image = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAk1BMVEX///8/Pz8BAQF8fHwJCQkCAgIJCQl8fHx9fX0AAABJSUkBAQENDQ0wMDBVVVUAAABra2t0dHR7e3thYWEBAQEAAAAAAAABAQEAAAAgICABAQEBAQH8/Pzw8PDp6en39/fj4+Pe3t41V9I/YeWKioqDg4N9fX0jRa8wUrVoaGhkhuxWeNx1dXVCZMhvb28kRqsqTL4KidXxAAAAHHRSTlMAAABndwAAAAA0blVZcm1naWhNa6hrcJ8AAKRU4jk/3gAAAHVJREFUeF6FyMUCwjAUBdEbaQupUMOjqMv/fx1dQN6yZ3aDcWnyw6ezoRWNYc15kqKQZCFlgTKQQwgllL/dn5f3+bPb+6P3CpWNw56srdCZOMzDmA61i8O9nKvRaHLVukEryFKIFtnkj7ENYxmNdd5v+5xj1BcJ/w9Kj6K7ZAAAAABJRU5ErkJggg==";
*/
btn.image = this.icon;
},
get icon() {
var icon = "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path style='fill:context-fill rgb(142, 142, 152);fill-opacity:context-fill-opacity;' d='M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm13 .25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.
Vitaliy V. а как добавить вот эту svg [spoiler][code]data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path style='fill:context-fill rgb(142, 142, 152);fill-opacity:context-fill-opacity;' d='M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm13 .25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM2.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 3 8.75v-.5A.25.25 0 0 0 2.75 8h-.5zM4 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 5 8.75v-.5A.25.25 0 0 0 4.75 8h-.5a.25.25 0 0 0-.25.25zM6.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 7 8.75v-.5A.25.25 0 0 0 6.75 8h-.5zM8 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 9 8.75v-.5A.25.25 0 0 0 8.75 8h-.5a.25.25 0 0 0-.25.25zM13.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zm0 2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25
…egorsemenov06 пишетв скрипте Save
Там же не одна иконка, в меню ещё много...
Для панели можно так заменить в Save.js self.image = ...скрытый текстВыделить кодКод:
self.image = ((img = `${_id.toLowerCase()}-img`) => { Services.io.getProtocolHandler("resource") .QueryInterface(Ci.nsIResProtocolHandler) .setSubstitution(img, Services.io.newURI("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path style='fill:none;stroke:context-fill rgb(142, 142, 152);stroke-opacity:context-fill-opacity;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;' d='M3 .6C1.6.6.6 1.6.6 3v10c0 1.4 1 2.4 2.4 2.4h10c1.4 0 2.4-1 2.4-2.4V4.84L11.2.602Zm5.4 5.8h2V1m-2 0v5.4H7L5.6 5V1m-2 14v-2.6l1-1h6.8l1 1V15'/></svg>")); return `resource://${img}`; })();
От души СПАСИБО!!!!!именно ее мне и надо было заменить.
…egorsemenov06 пишетона какаято тусклая
А где используете? Так просто она не заработает через протокол data: нужно регистрировать resource:// как в кнопках в теме UCF
либо включить настройку svg.context-properties.content.enabled = true
Но лучше просто положить файл svg где нибудь в директории например user_chrome_files/custom_styles/svg
и подключить в css
в скрипте Save https://forum.mozilla-russia.org/viewto … 25#p809225 мне лучше через протокол data что б в кнопке.чтоб не искать потом где что лежит
https://i123.fastpic.org/big/2024/0426/ … 81888c.png она какаято тусклая а надо как шестеренка.добавить data:image/svg+xml;charset=utf-8, много ума не надо.
egorsemenov06
скрытый текстВыделить кодКод:
data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path style="fill:none;stroke:context-fill rgb(142, 142, 152);stroke-opacity:context-fill-opacity;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;" d="M3 .6C1.6.6.6 1.6.6 3v10c0 1.4 1 2.4 2.4 2.4h10c1.4 0 2.4-1 2.4-2.4V4.84L11.2.602Zm5.4 5.8h2V1m-2 0v5.4H7L5.6 5V1m-2 14v-2.6l1-1h6.8l1 1V15"/></svg>
Вы ее хотябы проверьте прежде чем писать
…Vitaliy V. вот эту Вашу svg-шку можно сделать для вставки в кнопку
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path style="fill:none;stroke:context-fill;stroke-opacity:context-fill-opacity;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;" d="M3 .6C1.6.6.6 1.6.6 3v10c0 1.4 1 2.4 2.4 2.4h10c1.4 0 2.4-1 2.4-2.4V4.84L11.2.602Zm5.4 5.8h2V1m-2 0v5.4H7L5.6 5V1m-2 14v-2.6l1-1h6.8l1 1V15"/> </svg>
egorsemenov06 пишетВот эта пойдет?
Норм
…
[spoiler][code]data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path style='fill:context-fill rgb(142, 142, 152);fill-opacity:context-fill-opacity;' d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3q0-.405-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708M3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.24
egorsemenov06 пишетсделайте пожалуйста вот этот svg-фаил для кнопки ucf-open-about-config
Этот файл плохо подходит, много мелких деталей совсем неразличимы в разрешении 16x16 px, надо что то вроде этого
скрытый текстВыделить кодКод:
data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path style='fill:none;stroke:context-fill rgb(142, 142, 152);stroke-opacity:context-fill-opacity;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;' d='M15 3c1.4-1.4-.6-3.4-2-2L7 7s-3.6-1.4-5.5.5S1 12 1 12l2-2c2-2 5 1 3 3l-2 2s2.6 1.4 4.5-.5S9 9 9 9Z'/></svg>
Используйте это или найдите другой svg, желательно в разрешении 16x16 px, а не 1800...
Вот эта пойдет?[spoiler][code]
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tools" viewBox="0 0 16 16"> <path d="M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003
Vitaliy V сделайте пожалуйста вот этот svg-фаил для кнопки ucf-open-about-config вместо шестеренки чтоб он менял цвет в зависимости от темы темной или светлой[spoiler][code]<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="16px" height="16px" viewBox="0 0 1800 1800" enable-background="new 0 0 1800 1800" xml:space="preserve">
<g>
<g>
<path fill="#333333" d="M803.722,820.892l-247.878-247.87l71.705-71.702l247.875,247.871l40.808-40.802L655.949,448.104
l74.925-74.921c0.596-0.596,1.147-1.216,1.682-1.86c0.592-0.499,1.175-1.006,1.735-1.562l135.512-135.512
c11.126-11.12,11.292-29.106,0.366-40.43l-1.538-1.606c-1.284-1.349-2.572-2.693-3.893-4.018
C796.995,120.454,709.056,80.01,629.497,80.01c-53.655,0-99.814,17.796-133.483,51.468c-0.733,0.73-1.409,1.503-2.053,2.3
c-0.443,0.388-0.89,0.765-1.309,1.183L185.294,442.324c-11.267,11.271-11.267,29.539,0,40.81l45.403,45.399l-37.493,37.493
egorsemenov06 пишетМожно еще пару кнопок обновить
[spoiler][code]//about_config..........................................
…
(async (
id = "ucf-open-about-config",
label = "about:config",
tooltiptext = "ЛКМ: Открыть about:config\nСКМ: Искать выделенное в about:config\nПКМ: Открыть about:about",
img = "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g style='fill:none;stroke:context-fill rgb(142, 142, 152);stroke-opacity:context-fill-opacity;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;'><path d='m 8.66,15.4 h -1.2 c -0.69,0 -1.3,-0.5 -1.5,-1.2 L 5.58,13 C 5.32,12.9 5.07,12.7 4.82,12.5 L 3.41,12.9 C 2.76,13 2.04,12.8 1.69,12.1 L 1.09,11.2 C 0.748,10.5 0.838,9.75 1.31,9.33 l 1,-1 V 7.52 L 1.32,6.55 C 0.842,6.06 0.748,5.36 1.1,4.78 L 1.7,3.8 C 2.04,3.22 2.75,2.93 3.4,3.08 L 4.84,3.4 C 5.1,3.24 5.34,3.1 5.58,2.99 L 5.96,1.72 C 6.16,1.08 6.77,0.631 7.46,0.629 h 1.2 C
Скрипт "Переключить куки" под третим спойлером https://forum.mozilla-russia.org/viewto … 11#p809311 , по ЛКМ пять опций, опишите, плиз, их назначение.
Vitaliy V. Можно еще пару кнопок обновить пожалуйста [spoiler][code]//about_config..........................................
try {
((id, label, tooltiptext, about_config) => {
CustomizableUI.createWidget({
id: id,
type: "custom",
label: label,
tooltiptext: tooltiptext,
localized: false,
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(document) {
var win = document.defaultView;
var toolbarbutton = document.createXULElement("toolbarbutton");
toolbarbutton.id = id;
toolbarbutton.className = "toolbarbutton-1 chromeclass-toolbar-additional";
toolbarbutton.setAttribute("label", label);
toolbarbutton.setAttribute("context", "false");
toolbarbutton.setAttribute("tooltiptext", tooltiptext);
toolbarbutton.setAttribute("image", "data:image/svg+xml;charset=utf
egorsemenov06
[spoiler][code]//Ссылки кликабельны
(async (
id = "ucf-text-to-link",
label = "Текст URL в кликабельные ссылки",
tooltiptext = "Превратить текст URL в кликабельные ссылки",
img = "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path style='fill:none;stroke:context-fill rgb(142, 142, 152);stroke-opacity:context-fill-opacity;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;' d='m5.6 10.4 4.8-4.8m-8.9 4.9c-2.6 2.6 1.4 6.6 4 4l1-1c2.6-2.6-1.4-6.6-4-4zm9-9c2.6-2.6 6.6 1.4 4 4l-1 1c-2.6 2.6-6.6-1.4-4-4z'/></svg>",texttolink = {
…
_registerActor() {
if (this.registerActor) return;
ChromeUtils.registerWindowActor("UcfTextToLinkActor", {
child: {
esModuleURI: "chrome://user_chrome_files/content/custom_scripts/UcfTextToLinkActorChild.mjs"
},
allFrames: true,
Vitaliy V. Обновите пожалуйста эти две кнопки [spoiler][code]//Ссылки кликабельны
try {(() => {
var id = "ucf-text-to-link",
label = "Текст URL в кликабельные ссылки",
tooltiptext = "Превратить текст URL в кликабельные ссылки",
img = (rph => {
var subst = "ucf-text-to-link-btn-img";
rph.setSubstitution(subst, Services.io.newURI(
"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:none;stroke:context-fill;stroke-opacity:context-fill-opacity;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;' d='m5.6 10.4 4.8-4.8m-8.9 4.9c-2.6 2.6 1.4 6.6 4 4l1-1c2.6-2.6-1.4-6.6-4-4zm9-9c2.6-2.6 6.6 1.4 4 4l-1 1c-2.6 2.6-6.6-1.4-4-4z'/></svg>" ));
return `resource://${subst}/`;
})(Services.io.getProtocolHandler("resource").QueryInterface(Ci.nsIResProtocolHandler));
var texttolink = {
_registerActor() {
if (this.registerActor) return;
egorsemenov06 пишетвот убрал 1 иконку
Другое дело.
Но, fp.init(window, в трёх местах торчат,
хотя было сказано, что в 125, уже нужно
fp.init(window.browsingContext,так что нет, не принимается.
ОГРОМНЕЙШЕЕЕ СПАСИБО!!!!!!!!я значит пропустил.виноват.несудите строго :blush:
Dumby вот убрал все опиания (все равно не соображаю) [spoiler][code]self.label = "Save";
self._handleClick =()=> menuPopup.openPopup(this, "after_start");
self.image = "data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAAAAAAAAADAgBEDRIXnwxQjKQNWp6pDFWXqAxXm6gMV5moDFeaqAxXmqgMV5qoDFebqAxVlqgNW5+pCkyIogwSFqgDAgBHDQoFhyszOv8hheP+IJH7/x+L8v8fjfb/H433/x+N9v8fjfb/H432/x+N9/8fi/L/IJH7/yGF5P0kLTTvDAcDgwgICIQ8Ojf/0czA+Oji1fzh18r85NzO/OTbz/zj287849vO/OPbzvzk3M/84dfK++ji1f3Sy8D5NDIvywYGB3kKCgqFQ0A8/+XXw/v979f/9uTO//rp0f/66NH/+ujR//rn0f/66NH/+ujR//bkzv/979f/5tfD/UZBPv8KCwqEDQwMhUVDQP/f08X7+OrZ/+zf0P/v5NP/8OPT/+/j0//v4tP/8OPT/+/j0//s39D/+OrZ/+DTxfxEQj//DAwMhA8PD4VKR0T/4dXG+/rr2v/v4tH/9OXU//Ll1P/z5dT/8+XU//Pl1P/05NT/7+DR//rr2v/i1cX7SkhE/w8PD4USEhKFT0xI/+XXxfv97tr/9ePR//no1P/459T/+OfU//jn1P/459T/+OfU//Xk0f/97tr/5dfF+09MSf8SEhGFFRQUhVNQTv/j2cv7+u/g//Hm2P/169v/9Orb//Tq2//06tv/9erb//br3P/x5tf/+e/g/+PZzPtTUU7/FBQUhRgXF4VXU1D/2828+/Lk0f/q2sf/7d3K/+3
Dumby посмотрите пожалуйста кнопку Save в ней не работают все пункты сохранить .... как PNG и Сохранить ярлык страницы как Кодировать изображение в base64 в [firefox] 125.0 [spoiler][code]try {CustomizableUI.createWidget({
id: "ucf-cbbtn-Save",
tooltiptext: "Сохранить",
localized: false,
get initCode() {
delete this.initCode;
return this.initCode = Cu.readUTF8URI(Services.io.newURI(
"chrome://user_chrome_files/content/custom_scripts/custom_script/Save.js"
));
},
cbu: {
types: {
128: "Bool", boolean: "Bool",
64: "Int", number: "Int",
32: "String", string: "String"
},
getPrefs(pref) {
try {
return Services.prefs[`get${
this.types[Services.prefs.getPrefType(pref)]
}Pref`](pref);
}
catch {return null;}
},
setPrefs(pref, val) {
Services.prefs[`set${this.types[typeof val]}Pref`](pref, val);
}
},
gClipboard: {
get ch() {
delete this.ch;
return this.ch = Cc["@mozilla.org/widget/clipboardhelper;1"]
.getService(Ci
6e73epo
чтобы стиль точно соответствовал я бы так записал, это не единственный вариантскрытый текстegorsemenov06
скрытый текстВыделить кодКод:
/* Добавляет отображение названия браузера в строке меню */ #main-menubar::after { display: flex; content: attr(version); height: 1.25em; min-height: var(--v-main-menubar-min-height, 1.25em); flex-direction: row; align-items: center; padding-inline-start: 6px; padding-inline-end: 6px; font-weight: bold !important; background: rgba(255,255,255); color: red !important; /* красеый цвет шрифта */ }
СПАСИБИШЕ ОГРОМНЕЙШЕЕ!!!!!!!
…egorsemenov06 пишетеще и этот стиль обновить
Да вроде нечего обновлять, у меня только оформленно по новому
[spoiler][code]@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
--v-main-menubar-min-height: 20px;
--v-main-menubar-min-width: 15px;
--v-main-menubar-color: rgb(255, 255, 255);
--v-main-menubar-background-color: rgb(0, 116, 232);
--v-main-menubar-background-color-hover: rgb(23, 139, 255);
--v-main-menubar-background-color-active: rgb(0, 89, 232);
&[uidensity="touch"] { /* мобильный режим */
--v-main-menubar-min-height: 26px;
--v-main-menubar-min-width: 21px;
}
}#titlebar {
…
/* Классическое меню - показывать при наведении или при нажатии клавиши "Alt" --> */
& > #toolbar-menubar[autohide="true"] #main-menubar > menu {
appearance: none !important;
border: none !important;
border-radius: 0px !important;
background: var(--v-main-menubar-background-
egorsemenov06
…
[spoiler][code]@-moz-document url-prefix("chrome:"), url-prefix("about:") {
/* меню --> */
:root {
--v-menupopup-item-min-height: 24px;
--v-menupopup-item-padding-inline: 8px;
--v-menupopup-text-inline-start: 4px;
--v-menupopup-icon-fill-opacity: 1;
--v-arrowpanel-color: var(--menu-color, var(--arrowpanel-color, FieldText));
--v-arrowpanel-background: var(--menu-background-color, var(--arrowpanel-background, Field));
--v-arrowpanel-border-color: var(--menu-border-color, var(--arrowpanel-border-color, ThreeDShadow));
--v-panel-separator-color: var(--menu-border-color, var(--panel-separator-color, ThreeDShadow));
--v-arrowpanel-dimmed: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent)));
--v-arrowpanel-dimmed-further: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent)));
--
egorsemenov06 пишеткак в нее добавить иконку
Если не стилем, то, где-то перед menuitem.render();
скрытый текстВыделить кодКод:
// menuitem.className = "menuitem-iconic"; menuitem.image = "chrome://browser/content/robot.ico";
Большое Спасибо!!!
egorsemenov06 Можно внешним css, а встроить его в скрипт я не умею.
скрытый текстВыделить кодКод:
/* userChrome.css */ /* Icon Copy Link Text */ #context-copylinktext::before { /* margin-left: 4px !important; /* отступ от левой гран. до иконки. 0px - без отступа; -8px - меньше; 4px - больше */ margin-right: 4px !important; /* отступ от иконки до текста */ content: "" !important; display: block !important; width: 19px !important; height: 15px !important; background-image: url("file:///D:/your/path/to/icon/copy_link_text.png") !important; background-repeat: no-repeat !important; background-position: 0px 0px !important; background-size: 15px 15px !important; }
https://i.postimg.cc/zDyhnKh7/clt.png
Спасибо конечно но мне желательно в срипт что б не искать потом по стилям и скриптам где что лежит
…Dumby вы делали когда то кнопку Скопировать текст ссылки как в нее добавить иконку
(async (id, url) => { if (location != url) return; var menuitem = document.createXULElement("menuitem"); document.getElementById(id).after(menuitem); var hidden = () => !nsContextMenu.contentData.context.linkTextStr; menuitem.hidden = true; menuitem.render = () => { if (hidden()) return; menuitem.hidden = false; menuitem.id = id + "text"; menuitem.label = "Скопировать текст ссылки"; menuitem.setAttribute("oncommand", "navigator.clipboard.writeText(gContextMenu.linkTextStr);"); delete menuitem.render; menuitem.render(); menuitem.render = () => menuitem.hidden = hidden(); } })("context-copylink", "chrome://browser/content/browser.xhtml");
Vitaliy V. тут Dumby недавно писал что началось удаление -moz-lwtheme .у вас в vertical_top_bottom_bar.css вы заменили #browser-bottombox:-moz-lwtheme на :root[lwtheme="true"] #browser-bottombox а вот на что надо замеменить -moz-lwtheme в этих ваших стилях и если не сложно обновите их пожалуйста. [spoiler][code]@-moz-document url-prefix("chrome:"), url-prefix("about:") {
/* меню --> */
:root {
--v-arrowpanel-color: var(--menu-color, var(--arrowpanel-color, FieldText));
--v-arrowpanel-background: var(--menu-background-color, var(--arrowpanel-background, Field));
--v-arrowpanel-border-color: #919191;
--v-panel-separator-color: var(--menu-border-color, var(--panel-separator-color, ThreeDShadow));
--v-arrowpanel-dimmed: #91C9F7;
--v-arrowpanel-dimmed-further: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent)));
--v-menupopup-item-min-height: 24px;
--v-svg-filter-fill: url(