denis/aventuriers-des-mots
1
0
Fork 0
mirror of https://github.com/deunix-educ/aventuriers-des-mots.git synced 2026-10-13 02:11:58 +02:00
Code Issues Packages Projects Releases Wiki Activity

Visual overhaul: theme, illustrations, redesigned screens (0.3.0)

Browse Source 
Phase "habillage" of the post-0.1.0 plan. Rendering was reviewed on real
screenshots (new tools/screenshot.gd, `make screenshot`), which also
caught and fixed map markers overlapping and truncated titles.

- Global Godot theme (Atkinson Hyperlegible font, cream/green/gold
  palette, raised buttons, rounded cards, thick keyboard focus).
- Original vector art: forest/marsh backdrops, Plume the owl, stars,
  exercise-type icons, correct/try-again icons, 10 collection items.
- Redesigned world map (markers as cards with icon, title and stars,
  responsive layout), profile screens, mission intro, exercise host,
  rule/feedback panels, reward screen and collection grid.
- Motion helper (pop-in, fade) honouring an animations setting.
- Settings: animations flag; base window 1152x648 with canvas_items.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Denis Defolie
2026-10-11 22:36:43 +02:00
parent ebe2dbe3ed
commit 97a065879c
93 changed files with 2596 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/interface/theme.tres
+362
View File
@@ -0,0 +1,362 @@
[gd_resource type="Theme" load_steps=20 format=3]
[ext_resource type="FontFile" path="res://assets/fonts/AtkinsonHyperlegible-Regular.ttf" id="font_regular"]
[ext_resource type="FontFile" path="res://assets/fonts/AtkinsonHyperlegible-Bold.ttf" id="font_bold"]
[sub_resource type="StyleBoxFlat" id="btn_normal"]
bg_color = Color(0.184, 0.502, 0.251, 1)
corner_radius_top_left = 18
corner_radius_top_right = 18
corner_radius_bottom_right = 18
corner_radius_bottom_left = 18
border_color = Color(0.122, 0.361, 0.173, 1)
border_width_left = 0
border_width_top = 0
border_width_right = 0
border_width_bottom = 6
content_margin_left = 24
content_margin_top = 10
content_margin_right = 24
content_margin_bottom = 6
[sub_resource type="StyleBoxFlat" id="btn_hover"]
bg_color = Color(0.227, 0.561, 0.298, 1)
corner_radius_top_left = 18
corner_radius_top_right = 18
corner_radius_bottom_right = 18
corner_radius_bottom_left = 18
border_color = Color(0.122, 0.361, 0.173, 1)
border_width_left = 0
border_width_top = 0
border_width_right = 0
border_width_bottom = 6
content_margin_left = 24
content_margin_top = 10
content_margin_right = 24
content_margin_bottom = 6
[sub_resource type="StyleBoxFlat" id="btn_pressed"]
bg_color = Color(1, 0.784, 0.239, 1)
corner_radius_top_left = 18
corner_radius_top_right = 18
corner_radius_bottom_right = 18
corner_radius_bottom_left = 18
border_color = Color(0.149, 0.196, 0.290, 1)
border_width_left = 4
border_width_top = 4
border_width_right = 4
border_width_bottom = 4
content_margin_left = 24
content_margin_top = 12
content_margin_right = 24
content_margin_bottom = 8
[sub_resource type="StyleBoxFlat" id="btn_disabled"]
bg_color = Color(0.78, 0.8, 0.78, 1)
corner_radius_top_left = 18
corner_radius_top_right = 18
corner_radius_bottom_right = 18
corner_radius_bottom_left = 18
border_color = Color(0.66, 0.69, 0.66, 1)
border_width_left = 0
border_width_top = 0
border_width_right = 0
border_width_bottom = 6
content_margin_left = 24
content_margin_top = 10
content_margin_right = 24
content_margin_bottom = 6
[sub_resource type="StyleBoxFlat" id="btn_focus"]
bg_color = Color(0,0,0,0)
draw_center = false
corner_radius_top_left = 20
corner_radius_top_right = 20
corner_radius_bottom_right = 20
corner_radius_bottom_left = 20
border_color = Color(0.184, 0.490, 0.820, 1)
border_width_left = 4
border_width_top = 4
border_width_right = 4
border_width_bottom = 4
content_margin_left = 0
content_margin_top = 0
content_margin_right = 0
content_margin_bottom = 0
expand_margin_left = 3
expand_margin_top = 3
expand_margin_right = 3
expand_margin_bottom = 3
[sub_resource type="StyleBoxFlat" id="sec_normal"]
bg_color = Color(0.992, 0.949, 0.816, 1)
corner_radius_top_left = 18
corner_radius_top_right = 18
corner_radius_bottom_right = 18
corner_radius_bottom_left = 18
border_color = Color(0.898, 0.812, 0.604, 1)
border_width_left = 2
border_width_top = 2
border_width_right = 2
border_width_bottom = 6
content_margin_left = 20
content_margin_top = 8
content_margin_right = 20
content_margin_bottom = 4
[sub_resource type="StyleBoxFlat" id="sec_hover"]
bg_color = Color(1, 0.98, 0.9, 1)
corner_radius_top_left = 18
corner_radius_top_right = 18
corner_radius_bottom_right = 18
corner_radius_bottom_left = 18
border_color = Color(0.898, 0.812, 0.604, 1)
border_width_left = 2
border_width_top = 2
border_width_right = 2
border_width_bottom = 6
content_margin_left = 20
content_margin_top = 8
content_margin_right = 20
content_margin_bottom = 4
[sub_resource type="StyleBoxFlat" id="sec_pressed"]
bg_color = Color(1, 0.784, 0.239, 1)
corner_radius_top_left = 18
corner_radius_top_right = 18
corner_radius_bottom_right = 18
corner_radius_bottom_left = 18
border_color = Color(0.149, 0.196, 0.290, 1)
border_width_left = 4
border_width_top = 4
border_width_right = 4
border_width_bottom = 4
content_margin_left = 20
content_margin_top = 10
content_margin_right = 20
content_margin_bottom = 6
[sub_resource type="StyleBoxFlat" id="card"]
bg_color = Color(1, 0.965, 0.878, 1)
corner_radius_top_left = 28
corner_radius_top_right = 28
corner_radius_bottom_right = 28
corner_radius_bottom_left = 28
border_color = Color(0.898, 0.812, 0.604, 1)
border_width_left = 4
border_width_top = 4
border_width_right = 4
border_width_bottom = 4
content_margin_left = 20
content_margin_top = 16
content_margin_right = 20
content_margin_bottom = 16
shadow_color = Color(0, 0, 0, 0.28)
shadow_size = 14
shadow_offset = Vector2(0, 6)
[sub_resource type="StyleBoxFlat" id="card_soft"]
bg_color = Color(1, 0.965, 0.878, 1)
corner_radius_top_left = 20
corner_radius_top_right = 20
corner_radius_bottom_right = 20
corner_radius_bottom_left = 20
border_color = Color(0.898, 0.812, 0.604, 1)
border_width_left = 3
border_width_top = 3
border_width_right = 3
border_width_bottom = 3
content_margin_left = 14
content_margin_top = 10
content_margin_right = 14
content_margin_bottom = 10
shadow_color = Color(0, 0, 0, 0.28)
shadow_size = 8
shadow_offset = Vector2(0, 6)
[sub_resource type="StyleBoxFlat" id="marker_normal"]
bg_color = Color(1, 0.965, 0.878, 1)
corner_radius_top_left = 22
corner_radius_top_right = 22
corner_radius_bottom_right = 22
corner_radius_bottom_left = 22
border_color = Color(0.898, 0.812, 0.604, 1)
border_width_left = 3
border_width_top = 3
border_width_right = 3
border_width_bottom = 7
content_margin_left = 10
content_margin_top = 8
content_margin_right = 10
content_margin_bottom = 4
shadow_color = Color(0, 0, 0, 0.28)
shadow_size = 6
shadow_offset = Vector2(0, 6)
[sub_resource type="StyleBoxFlat" id="marker_hover"]
bg_color = Color(1, 0.99, 0.93, 1)
corner_radius_top_left = 22
corner_radius_top_right = 22
corner_radius_bottom_right = 22
corner_radius_bottom_left = 22
border_color = Color(0.122, 0.361, 0.173, 1)
border_width_left = 3
border_width_top = 3
border_width_right = 3
border_width_bottom = 7
content_margin_left = 10
content_margin_top = 8
content_margin_right = 10
content_margin_bottom = 4
shadow_color = Color(0, 0, 0, 0.28)
shadow_size = 6
shadow_offset = Vector2(0, 6)
[sub_resource type="StyleBoxFlat" id="marker_pressed"]
bg_color = Color(1, 0.784, 0.239, 1)
corner_radius_top_left = 22
corner_radius_top_right = 22
corner_radius_bottom_right = 22
corner_radius_bottom_left = 22
border_color = Color(0.149, 0.196, 0.290, 1)
border_width_left = 4
border_width_top = 4
border_width_right = 4
border_width_bottom = 4
content_margin_left = 10
content_margin_top = 10
content_margin_right = 10
content_margin_bottom = 6
[sub_resource type="StyleBoxFlat" id="edit_normal"]
bg_color = Color(1, 1, 1, 1)
corner_radius_top_left = 14
corner_radius_top_right = 14
corner_radius_bottom_right = 14
corner_radius_bottom_left = 14
border_color = Color(0.75, 0.68, 0.52, 1)
border_width_left = 3
border_width_top = 3
border_width_right = 3
border_width_bottom = 3
content_margin_left = 16
content_margin_top = 10
content_margin_right = 16
content_margin_bottom = 10
[sub_resource type="StyleBoxFlat" id="edit_focus"]
bg_color = Color(1, 1, 1, 1)
corner_radius_top_left = 14
corner_radius_top_right = 14
corner_radius_bottom_right = 14
corner_radius_bottom_left = 14
border_color = Color(0.184, 0.490, 0.820, 1)
border_width_left = 4
border_width_top = 4
border_width_right = 4
border_width_bottom = 4
content_margin_left = 16
content_margin_top = 10
content_margin_right = 16
content_margin_bottom = 10
[sub_resource type="StyleBoxFlat" id="window_panel"]
bg_color = Color(1, 0.965, 0.878, 1)
corner_radius_top_left = 24
corner_radius_top_right = 24
corner_radius_bottom_right = 24
corner_radius_bottom_left = 24
border_color = Color(0.898, 0.812, 0.604, 1)
border_width_left = 4
border_width_top = 4
border_width_right = 4
border_width_bottom = 4
content_margin_left = 20
content_margin_top = 16
content_margin_right = 20
content_margin_bottom = 16
shadow_color = Color(0, 0, 0, 0.28)
shadow_size = 16
shadow_offset = Vector2(0, 6)
[sub_resource type="StyleBoxFlat" id="pill"]
bg_color = Color(1, 0.784, 0.239, 0.95)
corner_radius_top_left = 30
corner_radius_top_right = 30
corner_radius_bottom_right = 30
corner_radius_bottom_left = 30
border_color = Color(0.851, 0.557, 0, 1)
border_width_left = 3
border_width_top = 3
border_width_right = 3
border_width_bottom = 3
content_margin_left = 16
content_margin_top = 6
content_margin_right = 16
content_margin_bottom = 6
[resource]
default_font = ExtResource("font_regular")
default_font_size = 22
Label/colors/font_color = Color(0.149, 0.196, 0.290, 1)
Label/colors/font_shadow_color = Color(0, 0, 0, 0)
Button/colors/font_color = Color(1, 1, 1, 1)
Button/colors/font_hover_color = Color(1, 1, 1, 1)
Button/colors/font_pressed_color = Color(0.149, 0.196, 0.290, 1)
Button/colors/font_focus_color = Color(1, 1, 1, 1)
Button/colors/font_disabled_color = Color(0.36, 0.4, 0.36, 1)
Button/fonts/font = ExtResource("font_bold")
Button/font_sizes/font_size = 22
Button/styles/normal = SubResource("btn_normal")
Button/styles/hover = SubResource("btn_hover")
Button/styles/pressed = SubResource("btn_pressed")
Button/styles/disabled = SubResource("btn_disabled")
Button/styles/focus = SubResource("btn_focus")
SecondaryButton/base_type = &"Button"
SecondaryButton/colors/font_color = Color(0.149, 0.196, 0.290, 1)
SecondaryButton/colors/font_hover_color = Color(0.149, 0.196, 0.290, 1)
SecondaryButton/colors/font_focus_color = Color(0.149, 0.196, 0.290, 1)
SecondaryButton/colors/font_pressed_color = Color(0.149, 0.196, 0.290, 1)
SecondaryButton/styles/normal = SubResource("sec_normal")
SecondaryButton/styles/hover = SubResource("sec_hover")
SecondaryButton/styles/pressed = SubResource("sec_pressed")
MarkerButton/base_type = &"Button"
MarkerButton/colors/font_color = Color(0.149, 0.196, 0.290, 1)
MarkerButton/colors/font_hover_color = Color(0.149, 0.196, 0.290, 1)
MarkerButton/colors/font_focus_color = Color(0.149, 0.196, 0.290, 1)
MarkerButton/colors/font_pressed_color = Color(0.149, 0.196, 0.290, 1)
MarkerButton/styles/normal = SubResource("marker_normal")
MarkerButton/styles/hover = SubResource("marker_hover")
MarkerButton/styles/pressed = SubResource("marker_pressed")
PanelContainer/styles/panel = SubResource("card")
Panel/styles/panel = SubResource("card")
SoftCard/base_type = &"PanelContainer"
SoftCard/styles/panel = SubResource("card_soft")
Pill/base_type = &"PanelContainer"
Pill/styles/panel = SubResource("pill")
LineEdit/colors/font_color = Color(0.149, 0.196, 0.290, 1)
LineEdit/colors/font_placeholder_color = Color(0.45, 0.48, 0.56, 1)
LineEdit/colors/caret_color = Color(0.149, 0.196, 0.290, 1)
LineEdit/font_sizes/font_size = 24
LineEdit/styles/normal = SubResource("edit_normal")
LineEdit/styles/focus = SubResource("edit_focus")
HeaderTitle/base_type = &"Label"
HeaderTitle/colors/font_color = Color(1, 1, 1, 1)
HeaderTitle/colors/font_outline_color = Color(0.122, 0.361, 0.173, 1)
HeaderTitle/constants/outline_size = 10
HeaderTitle/fonts/font = ExtResource("font_bold")
HeaderTitle/font_sizes/font_size = 40
CardTitle/base_type = &"Label"
CardTitle/fonts/font = ExtResource("font_bold")
CardTitle/font_sizes/font_size = 34
Emphasis/base_type = &"Label"
Emphasis/fonts/font = ExtResource("font_bold")
Emphasis/font_sizes/font_size = 24
Small/base_type = &"Label"
Small/font_sizes/font_size = 17
AcceptDialog/styles/panel = SubResource("window_panel")
Window/styles/embedded_border = SubResource("window_panel")
Window/colors/title_color = Color(0.149, 0.196, 0.290, 1)
Window/fonts/title_font = ExtResource("font_bold")
Window/font_sizes/title_font_size = 26
Window/constants/title_height = 44