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

Site theme color #462

Closed
2 tasks done
TheBeachMaster opened this issue May 5, 2019 · 4 comments
Closed
2 tasks done

Site theme color #462

TheBeachMaster opened this issue May 5, 2019 · 4 comments
Labels
feature:core Feature request that affects layout, styles, scripts, etc.

Comments

@TheBeachMaster
Copy link

Add options to inject site theme color

<meta name="theme-color" content="#abcdef" />  

Importance: it is a color that user agents should use to customize the display of the page or of the surrounding user interface.

Site

@ppoffice ppoffice added the feature:core Feature request that affects layout, styles, scripts, etc. label May 6, 2019
@ppoffice
Copy link
Owner

ppoffice commented Jul 4, 2019

@TheBeachMaster You could add arbitrary meta tags from _config.yml like below with latest Icarus:

meta:
- name=theme-color;content=#123456

@ppoffice ppoffice closed this as completed Jul 4, 2019
@Icecream-blue-sky
Copy link

Icecream-blue-sky commented Dec 10, 2019

@TheBeachMaster You could add arbitrary meta tags from _config.yml like below with latest Icarus:

meta:
- name=theme-color;content=#123456

I add this in _config.yml with latest Icarus:
meta: - name=theme-color;content=#ff4d00
The color is red.But nothing happens since I don't see any red color at my blog.I want to chang the color the follow button and other blue things.Is there something wrong with my operation?
My website:https://zoutq.com/

@ppoffice
Copy link
Owner

@TheBeachMaster
Copy link
Author

TheBeachMaster commented Dec 13, 2019

@ppoffice and @Icecream-blue-sky

....
meta:
- name=theme-color;content=#512da8
- name=background_color;content=#9c27b0
- name=apple-mobile-web-app-capable;content=yes
- name=apple-mobile-web-app-status-bar-style;content=black-translucent

Yields

<meta name="theme-color" content="#512da8" />
<meta name="background_color" content="#9c27b0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

which looks okay by me

See otienoken.me

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature:core Feature request that affects layout, styles, scripts, etc.
Projects
None yet
Development

No branches or pull requests

3 participants