fix: sync browser theme-color with Vuetify theme#151
Closed
zhangzhenghao wants to merge 1 commit intogorse-io:masterfrom
Closed
fix: sync browser theme-color with Vuetify theme#151zhangzhenghao wants to merge 1 commit intogorse-io:masterfrom
zhangzhenghao wants to merge 1 commit intogorse-io:masterfrom
Conversation
- Add updateThemeColor method in App.vue to dynamically set theme-color - Ensures browser address bar color matches Vuetify primary color - Creates meta tag if not present, updates if exists
Contributor
Author
|
测试后发现动态设置 theme-color 的方案无效。HTML 中已有静态 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
问题
Chrome 浏览器地址栏颜色与 Vuetify 主题颜色不同步。静态设置在
index.html中的theme-color无法响应主题变化。解决方案
在
App.vue中添加updateThemeColor方法，在应用挂载时动态设置theme-colormeta 标签：变更
frontend/src/App.vue：添加 mounted 钩子和 updateThemeColor 方法