Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: match theme-color with primary-color #774

Merged
merged 1 commit into from
Jul 17, 2022

Conversation

kerbilg
Copy link
Member

@kerbilg kerbilg commented Jul 17, 2022

Closes: #406

Hi, I think the changes are self-explaining.
Here is a demo video:

theme-color.mp4

Signed-off-by: Kerim Bilgic [email protected]

Copy link
Member

@pedrolamas pedrolamas left a comment

Choose a reason for hiding this comment

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

Thank you @BastelKlug, I tested on Windows 11 with Edge browser, working great! 🙂

@pedrolamas pedrolamas requested a review from matmen July 17, 2022 16:21
@pedrolamas pedrolamas added the UI - QoL Improvements to the UI label Jul 17, 2022
@pedrolamas pedrolamas added this to the 1.19.1 milestone Jul 17, 2022
@matmen matmen merged commit 6c6c475 into fluidd-core:develop Jul 17, 2022
@matmen
Copy link
Member

matmen commented Jul 17, 2022

neat, thanks!

@@ -19,7 +19,7 @@ module.exports = defineConfig({
}
},
pwa: {
themeColor: '#2196F3',
themeColor: '',
Copy link
Member

Choose a reason for hiding this comment

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

@BastelKlug was there any specific reason for this line to change?

I ask this as I've noticed this warning on the console caused by it:

image

Copy link
Member Author

Choose a reason for hiding this comment

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

Yes, when I removed the line, it took the default value from the plugin. So I left it blank. Maybe there is another way 🤔

Copy link
Member

Choose a reason for hiding this comment

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

MS Edge in Win11 seems to work fine with the value in... What browser/phone did you notice that you needed to clear that? Might be the case here...

Copy link
Member Author

Choose a reason for hiding this comment

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

Chrome on Windows 11. Maybe it was a bug with the Vue Cli Hot reloading?

Copy link
Member Author

Choose a reason for hiding this comment

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

Chrome on MacOS, also does not work:

Bildschirmaufnahme.2022-07-28.um.16.14.51.mov

And also the bar in Safari that you see when you scroll up too high:
Bildschirmfoto 2022-07-28 um 16 17 19

Copy link
Member

Choose a reason for hiding this comment

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

Ah, I just tested with Chrome on Win11 and worked fine... guess this is a Mac thing only then?

@kerbilg kerbilg deleted the theme-color branch August 8, 2022 12:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
UI - QoL Improvements to the UI
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Background Color on Mobile only Matches Default Theme
3 participants