Sansan/MusicPlayer
1
0 Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases 7 Wiki Activity

Give the sync progress bar colour and animation
Build / test (push) Successful in 1m55s
Details
Build / build (push) Successful in 1m12s
Details

Browse Source 
The bar in the Sync popup is now an AnimatedProgressBar: taller, with a
darker track and the theme's accent fill (orange, frost blue in Nord, green
with a gold shine for Christmas). It shows Godot's busy animation until the
server reports progress, glides to each new value, has a soft highlight
sweeping along the filled part inside its rounded corners, and fills and
pops before the result shows. With Reduce animations it only jumps to its
values.

The styles are SyncProgressBar, SyncProgressBarFill and SyncProgressBarText
in every theme. Anim.stop stops a keyed animation without starting an empty
one.

The server now sends sync times as "MM:SS"; the spec is updated from
MusicServer develop (also the linux-package route), and the test data and
screenshots use the new format.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
SansanandClaude Opus 5.5 committed 2026-10-16 11:13:43 +02:00
1 parent f39865fffc
commit 0862d160e5
20 files changed
+791 -44
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

themes/christmas_theme.tres
+39
View File
@@ -1248,6 +1248,30 @@ corner_radius_bottom_right = 8
corner_radius_bottom_left = 8
corner_detail = 8
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_sync_track"]
content_margin_left = 2.0
content_margin_top = 2.0
content_margin_right = 2.0
content_margin_bottom = 2.0
bg_color = Color(0.478, 0.082, 0.125, 0.7)
corner_radius_top_left = 10
corner_radius_top_right = 10
corner_radius_bottom_right = 10
corner_radius_bottom_left = 10
corner_detail = 8
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_sync_fill"]
content_margin_left = 2.0
content_margin_top = 2.0
content_margin_right = 2.0
content_margin_bottom = 2.0
bg_color = Color(0.204, 0.553, 0.290, 1.0)
corner_radius_top_left = 10
corner_radius_top_right = 10
corner_radius_bottom_right = 10
corner_radius_bottom_left = 10
corner_detail = 8
[resource]
default_font = ExtResource("1_default_font")
Button/colors/font_color = Color(0.478, 0.082, 0.125, 1.0)
@@ -1456,6 +1480,21 @@ ProgressBar/constants/outline_size = 0
ProgressBar/font_sizes/font_size = 16
ProgressBar/styles/background = SubResource("StyleBoxFlat_07kyi")
ProgressBar/styles/fill = SubResource("StyleBoxFlat_ouuwv")
SyncProgressBar/base_type = &"ProgressBar"
SyncProgressBar/colors/font_color = Color(1, 1, 1, 1)
SyncProgressBar/colors/font_outline_color = Color(0, 0, 0, 0.45)
SyncProgressBar/colors/shine = Color(0.949, 0.843, 0.478, 0.9)
SyncProgressBar/constants/outline_size = 4
SyncProgressBar/font_sizes/font_size = 18
SyncProgressBar/styles/background = SubResource("StyleBoxFlat_sync_track")
SyncProgressBar/styles/fill = SubResource("StyleBoxFlat_sync_fill")
SyncProgressBarFill/base_type = &"Panel"
SyncProgressBarFill/styles/panel = SubResource("StyleBoxFlat_sync_fill")
SyncProgressBarText/base_type = &"Label"
SyncProgressBarText/colors/font_color = Color(1, 1, 1, 1)
SyncProgressBarText/colors/font_outline_color = Color(0, 0, 0, 0.45)
SyncProgressBarText/constants/outline_size = 4
SyncProgressBarText/font_sizes/font_size = 18
ScoreGraph/colors/axis_text = Color(0.965, 0.925, 0.878, 1.0)
ScoreGraph/colors/grid = Color(0.992, 0.980, 0.953, 0.1)
ScoreGraph/colors/player_1 = Color(0.992, 0.980, 0.953, 1.0)
themes/main_theme.tres
+39
View File
@@ -1056,6 +1056,30 @@ corner_radius_bottom_right = 8
corner_radius_bottom_left = 8
corner_detail = 8
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_sync_track"]
content_margin_left = 2.0
content_margin_top = 2.0
content_margin_right = 2.0
content_margin_bottom = 2.0
bg_color = Color(0.1, 0.1, 0.1, 0.55)
corner_radius_top_left = 6
corner_radius_top_right = 6
corner_radius_bottom_right = 6
corner_radius_bottom_left = 6
corner_detail = 8
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_sync_fill"]
content_margin_left = 2.0
content_margin_top = 2.0
content_margin_right = 2.0
content_margin_bottom = 2.0
bg_color = Color(1, 0.5, 0, 1)
corner_radius_top_left = 6
corner_radius_top_right = 6
corner_radius_bottom_right = 6
corner_radius_bottom_left = 6
corner_detail = 8
[resource]
default_font = ExtResource("1_default_font")
Button/colors/font_color = Color(0.875, 0.875, 0.875, 1)
@@ -1264,6 +1288,21 @@ ProgressBar/constants/outline_size = 0
ProgressBar/font_sizes/font_size = 16
ProgressBar/styles/background = SubResource("StyleBoxFlat_07kyi")
ProgressBar/styles/fill = SubResource("StyleBoxFlat_ouuwv")
SyncProgressBar/base_type = &"ProgressBar"
SyncProgressBar/colors/font_color = Color(1, 1, 1, 1)
SyncProgressBar/colors/font_outline_color = Color(0, 0, 0, 0.55)
SyncProgressBar/colors/shine = Color(1, 0.86, 0.6, 0.8)
SyncProgressBar/constants/outline_size = 4
SyncProgressBar/font_sizes/font_size = 18
SyncProgressBar/styles/background = SubResource("StyleBoxFlat_sync_track")
SyncProgressBar/styles/fill = SubResource("StyleBoxFlat_sync_fill")
SyncProgressBarFill/base_type = &"Panel"
SyncProgressBarFill/styles/panel = SubResource("StyleBoxFlat_sync_fill")
SyncProgressBarText/base_type = &"Label"
SyncProgressBarText/colors/font_color = Color(1, 1, 1, 1)
SyncProgressBarText/colors/font_outline_color = Color(0, 0, 0, 0.55)
SyncProgressBarText/constants/outline_size = 4
SyncProgressBarText/font_sizes/font_size = 18
ScoreGraph/colors/axis_text = Color(0.75, 0.75, 0.75, 1)
ScoreGraph/colors/grid = Color(1, 1, 1, 0.1)
ScoreGraph/colors/player_1 = Color(0.25, 0.56, 0.95, 1)
themes/nord_theme.tres
+39
View File
@@ -1231,6 +1231,30 @@ corner_radius_bottom_right = 8
corner_radius_bottom_left = 8
corner_detail = 8
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_sync_track"]
content_margin_left = 2.0
content_margin_top = 2.0
content_margin_right = 2.0
content_margin_bottom = 2.0
bg_color = Color(0.118, 0.290, 0.412, 0.7)
corner_radius_top_left = 10
corner_radius_top_right = 10
corner_radius_bottom_right = 10
corner_radius_bottom_left = 10
corner_detail = 8
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_sync_fill"]
content_margin_left = 2.0
content_margin_top = 2.0
content_margin_right = 2.0
content_margin_bottom = 2.0
bg_color = Color(0.533, 0.753, 0.816, 1.0)
corner_radius_top_left = 10
corner_radius_top_right = 10
corner_radius_bottom_right = 10
corner_radius_bottom_left = 10
corner_detail = 8
[resource]
default_font = ExtResource("1_default_font")
Button/colors/font_color = Color(0.925, 0.937, 0.957, 1.0)
@@ -1439,6 +1463,21 @@ ProgressBar/constants/outline_size = 0
ProgressBar/font_sizes/font_size = 16
ProgressBar/styles/background = SubResource("StyleBoxFlat_07kyi")
ProgressBar/styles/fill = SubResource("StyleBoxFlat_ouuwv")
SyncProgressBar/base_type = &"ProgressBar"
SyncProgressBar/colors/font_color = Color(0.925, 0.937, 0.957, 1.0)
SyncProgressBar/colors/font_outline_color = Color(0.180, 0.204, 0.251, 0.8)
SyncProgressBar/colors/shine = Color(0.925, 0.937, 0.957, 0.85)
SyncProgressBar/constants/outline_size = 4
SyncProgressBar/font_sizes/font_size = 18
SyncProgressBar/styles/background = SubResource("StyleBoxFlat_sync_track")
SyncProgressBar/styles/fill = SubResource("StyleBoxFlat_sync_fill")
SyncProgressBarFill/base_type = &"Panel"
SyncProgressBarFill/styles/panel = SubResource("StyleBoxFlat_sync_fill")
SyncProgressBarText/base_type = &"Label"
SyncProgressBarText/colors/font_color = Color(0.925, 0.937, 0.957, 1.0)
SyncProgressBarText/colors/font_outline_color = Color(0.180, 0.204, 0.251, 0.8)
SyncProgressBarText/constants/outline_size = 4
SyncProgressBarText/font_sizes/font_size = 18
ScoreGraph/colors/axis_text = Color(0.847, 0.871, 0.914, 1.0)
ScoreGraph/colors/grid = Color(0.925, 0.937, 0.957, 0.1)
ScoreGraph/colors/player_1 = Color(0.533, 0.753, 0.816, 1.0)
themes/original_web_theme.tres
+39
View File
@@ -1157,6 +1157,30 @@ corner_radius_bottom_right = 8
corner_radius_bottom_left = 8
corner_detail = 8
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_sync_track"]
content_margin_left = 2.0
content_margin_top = 2.0
content_margin_right = 2.0
content_margin_bottom = 2.0
bg_color = Color(0.86, 0.86, 0.86, 1)
corner_radius_top_left = 6
corner_radius_top_right = 6
corner_radius_bottom_right = 6
corner_radius_bottom_left = 6
corner_detail = 8
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_sync_fill"]
content_margin_left = 2.0
content_margin_top = 2.0
content_margin_right = 2.0
content_margin_bottom = 2.0
bg_color = Color(1, 0.612, 0, 1)
corner_radius_top_left = 6
corner_radius_top_right = 6
corner_radius_bottom_right = 6
corner_radius_bottom_left = 6
corner_detail = 8
[resource]
default_font = ExtResource("1_default_font")
Button/colors/font_color = Color(1, 0.612, 0, 1)
@@ -1365,6 +1389,21 @@ ProgressBar/constants/outline_size = 0
ProgressBar/font_sizes/font_size = 16
ProgressBar/styles/background = SubResource("StyleBoxFlat_07kyi")
ProgressBar/styles/fill = SubResource("StyleBoxFlat_ouuwv")
SyncProgressBar/base_type = &"ProgressBar"
SyncProgressBar/colors/font_color = Color(1, 1, 1, 1)
SyncProgressBar/colors/font_outline_color = Color(0, 0, 0, 0.45)
SyncProgressBar/colors/shine = Color(1, 1, 1, 0.7)
SyncProgressBar/constants/outline_size = 4
SyncProgressBar/font_sizes/font_size = 18
SyncProgressBar/styles/background = SubResource("StyleBoxFlat_sync_track")
SyncProgressBar/styles/fill = SubResource("StyleBoxFlat_sync_fill")
SyncProgressBarFill/base_type = &"Panel"
SyncProgressBarFill/styles/panel = SubResource("StyleBoxFlat_sync_fill")
SyncProgressBarText/base_type = &"Label"
SyncProgressBarText/colors/font_color = Color(1, 1, 1, 1)
SyncProgressBarText/colors/font_outline_color = Color(0, 0, 0, 0.45)
SyncProgressBarText/constants/outline_size = 4
SyncProgressBarText/font_sizes/font_size = 18
ScoreGraph/colors/axis_text = Color(0.75, 0.75, 0.75, 1)
ScoreGraph/colors/grid = Color(1, 1, 1, 0.1)
ScoreGraph/colors/player_1 = Color(0.25, 0.56, 0.95, 1)