-
Notifications
You must be signed in to change notification settings - Fork 0
/
theme_manager.gd
103 lines (79 loc) · 3.91 KB
/
theme_manager.gd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
# This script is attached to ThemeManager.tscn scene that is
# loaded using Godot AutoLoad feature
extends Node
# You can set the default colors if you open ThemeManager scene
# These colors will be used in the editor when you test the app
export var bg_color: Color
export var text_color: Color
export var hint_color: Color
export var link_color: Color
export var button_color: Color
export var button_text_color: Color
export var secondary_bg_color: Color
var transparent := Color(0, 0, 0, 0)
onready var theme: Theme = load("res://Theme.tres")
var on_theme_change_callback
func _ready():
# Check if the game is running on the Web platform
# In our case it's only when exported and used as a Telegram Mini App
if OS.has_feature('JavaScript'):
load_telegram_colors()
# This function will make it so that when the Telegram theme is changed
# we change our theme as well
register_theme_change_handler()
update_theme()
# Get color from Telegram themeParams
func eval_color(color_name: String) -> Color:
var color: String = JavaScript.eval("window.Telegram.WebApp.themeParams.%s" % color_name)
return Color(color)
func register_theme_change_handler():
# We need to keep a reference to the callback in a variable
# Otherwise the reference will be freed
# Think of it like we create a JavaScript function that we can call
# to execute a Godot function '_on_theme_change'
on_theme_change_callback = JavaScript.create_callback(self, "_on_theme_change")
# Get an interface to a JavaScript 'window' object
var window = JavaScript.get_interface("window")
# With this interface we can basically write JavaScript in Godot and register
# our event handler
window.Telegram.WebApp.onEvent("themeChanged", on_theme_change_callback)
# Telegram will call this function from JavaScript when the
# theme is changed
func _on_theme_change(args):
load_telegram_colors()
update_theme()
func load_telegram_colors():
# Assign colors from Telegram to the local variables
bg_color = eval_color("bg_color")
text_color = eval_color("text_color")
hint_color = eval_color("hint_color")
link_color = eval_color("link_color")
button_color = eval_color("button_color")
button_text_color = eval_color("button_text_color")
secondary_bg_color = eval_color("secondary_bg_color")
# When we change properties on the Theme resource it's updated automatically
# You can change most of the styles inside the theme editor and then only change
# colors here
func update_theme():
theme.set_color("font_color", "Label", text_color)
theme.set_color("font_color", "SubTitleLabel", hint_color)
theme.get_stylebox("normal", "FadingLabel").set_bg_color(secondary_bg_color)
theme.get_stylebox("panel", "PanelContainer").set_bg_color(secondary_bg_color)
theme.get_stylebox("normal", "Button").set_bg_color(button_color)
theme.get_stylebox("focus", "Button").set_bg_color(transparent)
theme.get_stylebox("hover", "Button").set_bg_color(button_color.darkened(0.05))
theme.get_stylebox("pressed", "Button").set_bg_color(button_color.darkened(0.1))
theme.set_color("font_color", "Button", button_text_color)
theme.set_color("font_color_focus", "Button", button_text_color)
theme.set_color("font_color_hover", "Button", button_text_color)
theme.set_color("font_color_hover_pressed", "Button", button_text_color)
theme.set_color("font_color_pressed", "Button", button_text_color)
theme.set_color("icon_color_normal", "IconButton", hint_color)
theme.set_color("icon_color_focus", "IconButton", hint_color)
theme.set_color("icon_color_hover", "IconButton", hint_color.darkened(0.05))
theme.set_color("icon_color_hover_pressed", "IconButton", hint_color.darkened(0.1))
theme.set_color("icon_color_pressed", "IconButton", hint_color)
theme.get_stylebox("scroll", "HScrollBar").bg_color = bg_color
theme.get_stylebox("grabber", "HScrollBar").bg_color = hint_color
theme.get_stylebox("grabber", "HScrollBar").border_color = bg_color
VisualServer.set_default_clear_color(bg_color)