Skip to content

app/vmui: add per-instance favicon color customization - #1646

Open
Loori-R wants to merge 1 commit into
masterfrom
vmui/issue-1634/customize-favicon-color
Open

app/vmui: add per-instance favicon color customization#1646
Loori-R wants to merge 1 commit into
masterfrom
vmui/issue-1634/customize-favicon-color

Conversation

@Loori-R

@Loori-R Loori-R commented Jul 29, 2026

Copy link
Copy Markdown
Contributor

Describe Your Changes

Make VictoriaLogs instances easier to distinguish by allowing users to customize the favicon color. This PR also refreshes the Settings modal layout and controls.

Related issue: #1634

image

Changes

  • add per-instance favicon color customization with 12 predefined colors and a reset option
  • persist the selected color in localStorage and synchronize it across browser tabs
  • refresh the Settings modal layout and controls
  • apply settings immediately and remove the Apply and Cancel buttons

Browser compatibility

Safari keeps the default favicon because it doesn't support data URL favicons.

Screenshots

Before After
image image

@Loori-R Loori-R added the web-ui Issues related to the user interface: layout, styling, usability, or UI-specific bugs. label Jul 29, 2026
@Loori-R Loori-R linked an issue Jul 29, 2026 that may be closed by this pull request

@cubic-dev-ai cubic-dev-ai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

2 issues found across 23 files

Prompt for AI agents (unresolved issues)

Check if these issues are valid — if so, understand the root cause of each and fix them. If appropriate, use sub-agents to investigate and fix each issue separately.


<file name="app/vmui/packages/vmui/src/components/Configurators/GlobalSettings/GlobalSettings.tsx">

<violation number="1" location="app/vmui/packages/vmui/src/components/Configurators/GlobalSettings/GlobalSettings.tsx:52">
P3: Opening Settings can briefly reset a customized favicon to the default because this component starts a second `useBrowserTabSync` instance; it also duplicates the storage listener while the modal is open. Reusing the layout-level sync state/handler (for example, passing them into the palette) would keep synchronization single-owner and avoid the reset flash.</violation>
</file>

<file name="app/vmui/packages/vmui/src/utils/favicon.tsx">

<violation number="1" location="app/vmui/packages/vmui/src/utils/favicon.tsx:23">
P2: The mask icon never receives the selected color because the document link has `rel="mask-icon"` but no `id="mask-icon"`; only the `#favicon` link is updated. Selecting a color therefore leaves the existing mask icon at its initial `#000000` color, so selecting by its `rel` attribute (or adding the matching id) would keep all configured icon variants synchronized.</violation>
</file>

Reply with feedback, questions, or to request a fix.

Re-trigger cubic

Comment thread app/vmui/packages/vmui/src/components/Main/Toggle/style.scss Outdated
Comment thread app/vmui/packages/vmui/src/utils/favicon.tsx
Comment thread app/vmui/packages/vmui/src/components/Main/Toggle/Toggle.tsx Outdated
@Loori-R
Loori-R force-pushed the vmui/issue-1634/customize-favicon-color branch from d03cd8c to 7460b6f Compare July 29, 2026 14:28

@arturminchukov arturminchukov left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@hagen1778 hagen1778 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Comment thread docs/victorialogs/CHANGELOG.md Outdated
@hagen1778

Copy link
Copy Markdown
Contributor

@Loori-R I'd appreciate mirroring this change to VM repo as well.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

web-ui Issues related to the user interface: layout, styling, usability, or UI-specific bugs.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

app/vmui: Allow users to customize the favicon color per instance

3 participants