begin van audio display

This commit is contained in:
michiel301b
2025-10-15 22:58:25 +02:00
parent e71369f7ff
commit 62e2b71ece
5 changed files with 133 additions and 2 deletions

View File

@@ -12,6 +12,35 @@
-fx-effect: dropshadow(gaussian, #1f6a22ff, 10, 0, 0, 3);
}
.song-display {
-fx-background-color: rgba(30, 60, 30, 0.85);
-fx-background-radius: 10px;
-fx-padding: 8 12 8 12;
-fx-spacing: 6px;
-fx-alignment: center;
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 6, 0.5, 0, 2);
-fx-min-width: 220px;
-fx-max-width: 260px;
}
.song-title {
-fx-font-size: 14px;
-fx-font-weight: bold;
-fx-text-fill: white;
}
.progress-bar {
-fx-pref-width: 200px;
-fx-pref-height: 6px;
-fx-accent: #ff4d4d;
-fx-background-color: rgba(255, 255, 255, 0.15);
-fx-background-radius: 4px;
}
.progress-text {
-fx-font-size: 11px;
-fx-text-fill: white;
}
.button {
-fx-background-color: linear-gradient(to bottom, #1b7a1b, #2da32d);
-fx-background-radius: 8;

View File

@@ -12,6 +12,35 @@
-fx-effect: dropshadow(gaussian, #a0c4b088, 6, 0, 0, 2);
}
.song-display {
-fx-background-color: rgba(20, 20, 20, 0.75);
-fx-background-radius: 10px;
-fx-padding: 8 12 8 12;
-fx-spacing: 6px;
-fx-alignment: center;
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 6, 0.5, 0, 2);
-fx-min-width: 220px;
-fx-max-width: 260px;
}
.song-title {
-fx-font-size: 14px;
-fx-font-weight: bold;
-fx-text-fill: white;
}
.progress-bar {
-fx-pref-width: 200px;
-fx-pref-height: 6px;
-fx-accent: #4dd0e1; /* bright cyan progress color */
-fx-background-color: rgba(255, 255, 255, 0.15);
-fx-background-radius: 4px;
}
.progress-text {
-fx-font-size: 11px;
-fx-text-fill: #cccccc;
}
.button {
-fx-background-color: linear-gradient(to bottom, #7ac27a, #90d090);
-fx-background-radius: 8;