Change the `theme-color` value automatically when using a built-in theme (#29795)
parent
671167f6da
commit
672c9f5f05
|
@ -164,8 +164,11 @@ module ApplicationHelper
|
||||||
if theme == 'system'
|
if theme == 'system'
|
||||||
concat stylesheet_pack_tag('mastodon-light', media: 'not all and (prefers-color-scheme: dark)', crossorigin: 'anonymous')
|
concat stylesheet_pack_tag('mastodon-light', media: 'not all and (prefers-color-scheme: dark)', crossorigin: 'anonymous')
|
||||||
concat stylesheet_pack_tag('default', media: '(prefers-color-scheme: dark)', crossorigin: 'anonymous')
|
concat stylesheet_pack_tag('default', media: '(prefers-color-scheme: dark)', crossorigin: 'anonymous')
|
||||||
|
concat tag.meta name: 'theme-color', content: Themes::MASTODON_DARK_THEME_COLOR, media: '(prefers-color-scheme: dark)'
|
||||||
|
concat tag.meta name: 'theme-color', content: Themes::MASTODON_LIGHT_THEME_COLOR, media: '(prefers-color-scheme: light)'
|
||||||
else
|
else
|
||||||
stylesheet_pack_tag theme, media: 'all', crossorigin: 'anonymous'
|
concat stylesheet_pack_tag theme, media: 'all', crossorigin: 'anonymous'
|
||||||
|
concat tag.meta name: 'theme-color', content: theme == 'mastodon-light' ? Themes::MASTODON_LIGHT_THEME_COLOR : Themes::MASTODON_DARK_THEME_COLOR
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
|
|
|
@ -6,6 +6,9 @@ require 'yaml'
|
||||||
class Themes
|
class Themes
|
||||||
include Singleton
|
include Singleton
|
||||||
|
|
||||||
|
MASTODON_DARK_THEME_COLOR = '#191b22'
|
||||||
|
MASTODON_LIGHT_THEME_COLOR = '#f3f5f7'
|
||||||
|
|
||||||
def initialize
|
def initialize
|
||||||
@conf = YAML.load_file(Rails.root.join('config', 'themes.yml'))
|
@conf = YAML.load_file(Rails.root.join('config', 'themes.yml'))
|
||||||
end
|
end
|
||||||
|
|
|
@ -21,7 +21,6 @@
|
||||||
|
|
||||||
%link{ rel: 'mask-icon', href: frontend_asset_path('images/logo-symbol-icon.svg'), color: '#6364FF' }/
|
%link{ rel: 'mask-icon', href: frontend_asset_path('images/logo-symbol-icon.svg'), color: '#6364FF' }/
|
||||||
%link{ rel: 'manifest', href: manifest_path(format: :json) }/
|
%link{ rel: 'manifest', href: manifest_path(format: :json) }/
|
||||||
%meta{ name: 'theme-color', content: '#191b22' }/
|
|
||||||
%meta{ name: 'apple-mobile-web-app-capable', content: 'yes' }/
|
%meta{ name: 'apple-mobile-web-app-capable', content: 'yes' }/
|
||||||
|
|
||||||
%title= html_title
|
%title= html_title
|
||||||
|
|
Loading…
Reference in New Issue