2024-04-05 18:52:43 +09:00
|
|
|
# frozen_string_literal: true
|
|
|
|
|
|
|
|
module ThemeHelper
|
2024-05-02 01:38:55 +09:00
|
|
|
def theme_style_tags(flavour_and_skin)
|
|
|
|
flavour, theme = flavour_and_skin
|
|
|
|
|
2024-04-05 18:52:43 +09:00
|
|
|
if theme == 'system'
|
2024-07-15 22:03:23 +09:00
|
|
|
''.html_safe.tap do |tags|
|
2024-07-16 01:51:38 +09:00
|
|
|
tags << stylesheet_pack_tag("skins/#{flavour}/mastodon-light", media: 'not all and (prefers-color-scheme: dark)', crossorigin: 'anonymous')
|
|
|
|
tags << stylesheet_pack_tag("skins/#{flavour}/default", media: '(prefers-color-scheme: dark)', crossorigin: 'anonymous')
|
2024-07-15 22:03:23 +09:00
|
|
|
end
|
2024-04-05 18:52:43 +09:00
|
|
|
else
|
2024-05-02 01:56:48 +09:00
|
|
|
stylesheet_pack_tag "skins/#{flavour}/#{theme}", media: 'all', crossorigin: 'anonymous'
|
2024-04-05 18:52:43 +09:00
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2024-05-02 01:38:55 +09:00
|
|
|
def theme_color_tags(flavour_and_skin)
|
|
|
|
_, theme = flavour_and_skin
|
|
|
|
|
2024-04-05 18:52:43 +09:00
|
|
|
if theme == 'system'
|
2024-07-15 22:03:23 +09:00
|
|
|
''.html_safe.tap do |tags|
|
|
|
|
tags << tag.meta(name: 'theme-color', content: Themes::THEME_COLORS[:dark], media: '(prefers-color-scheme: dark)')
|
|
|
|
tags << tag.meta(name: 'theme-color', content: Themes::THEME_COLORS[:light], media: '(prefers-color-scheme: light)')
|
|
|
|
end
|
2024-04-05 18:52:43 +09:00
|
|
|
else
|
|
|
|
tag.meta name: 'theme-color', content: theme_color_for(theme)
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
private
|
|
|
|
|
|
|
|
def theme_color_for(theme)
|
|
|
|
theme == 'mastodon-light' ? Themes::THEME_COLORS[:light] : Themes::THEME_COLORS[:dark]
|
|
|
|
end
|
|
|
|
end
|