mirror of
https://github.com/discourse/discourse.git
synced 2024-12-01 09:53:43 +08:00
787d512c03
Meta topic: https://meta.discourse.org/t/meta-theme-color-is-not-respecting-current-color-scheme/239815/7?u=osama. This commit renders an additional `theme-color` `<meta>` tag for the dark scheme if the current user/request has a scheme selected for dark mode. We currently only render one `theme-color` tag which is always based on the user's selected scheme for light mode, but if the user also selects a scheme for dark mode and uses a device that's configured to use/prefer dark mode, the Discourse UI will be in dark mode, but any parts of the browser/OS UI that's colored based on the `theme-color` tag, would use a color from the user's selected light scheme and look inconsistent with the Discourse UI because the `theme-color` tag is based on the user's selected light scheme. The additional `theme-color` tag has `media="(prefers-color-scheme: dark)"` and is based on the user's selected dark scheme which means any browser UI that's colored based on `theme-color` tags should be able to pick the right tag based on the user's preference for light/dark mode.
17 lines
1.0 KiB
Plaintext
17 lines
1.0 KiB
Plaintext
<meta name="generator" content="Discourse <%= Discourse::VERSION::STRING %> - https://github.com/discourse/discourse version <%= Discourse.git_version %>">
|
|
<%- if SiteSetting.site_favicon_url.present? %>
|
|
<link rel="icon" type="image/png" href="<%=SiteSetting.site_favicon_url%>">
|
|
<%- end %>
|
|
<% site_apple_touch_icon_url = SiteSetting.site_apple_touch_icon_url %>
|
|
<%- if site_apple_touch_icon_url.present? %>
|
|
<link rel="apple-touch-icon" type="image/png" href="<%= ::UrlHelper.absolute(site_apple_touch_icon_url) %>">
|
|
<%- end %>
|
|
<%= discourse_theme_color_meta_tags %>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover">
|
|
<%- if Discourse.base_path.present? %>
|
|
<meta name="discourse-base-uri" content="<%= Discourse.base_path %>">
|
|
<% end %>
|
|
<%= canonical_link_tag %>
|
|
<%= render_sitelinks_search_tag %>
|
|
<link rel="search" type="application/opensearchdescription+xml" href="<%= Discourse.base_url %>/opensearch.xml" title="<%= SiteSetting.title %> Search">
|