stef_buwalda/pism
1
0
Fork 0
mirror of https://github.com/2OOP/pism.git synced 2026-02-04 10:54:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Basis Audio Display toegevoegd + standaard CSS toegevoegd

Browse Source 
Kan nu zien hoe lang de song duurt, hoe lang ie al bezig is met draaien en de titel (-.mp3)
This commit is contained in:
michiel301b
2025-10-16 00:45:29 +02:00
parent 545e830b3c
commit f44c3932dc
14 changed files with 156 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/src/main/resources/assets/style/dark.css
View File

@@ -12,6 +12,34 @@
-fx-effect: dropshadow(gaussian, #224455cc, 8, 0, 0, 2);
}
.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;
-fx-text-fill: white;
}
.song-title {
-fx-font-size: 14px;
-fx-font-weight: bold;
-fx-text-fill: white;
}
.progress-bar {
-fx-pref-width: 150px;
-fx-accent: red;
}
.progress-text {
-fx-font-size: 11px;
-fx-text-fill: white;
}
.button {
-fx-background-color: linear-gradient(to bottom, #1f5e20, #2e7d2e);
-fx-background-radius: 8;

9
app/src/main/resources/assets/style/high-contrast.css
View File

@@ -21,6 +21,7 @@
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 6, 0.5, 0, 2);
-fx-min-width: 220px;
-fx-max-width: 260px;
-fx-text-fill: white;
}
.song-title {
@@ -30,17 +31,15 @@
}
.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;
-fx-pref-width: 150px;
-fx-accent: red;
}
.progress-text {
-fx-font-size: 11px;
-fx-text-fill: white;
}
.button {
-fx-background-color: linear-gradient(to bottom, #1b7a1b, #2da32d);
-fx-background-radius: 8;

13
app/src/main/resources/assets/style/light.css
View File

@@ -13,7 +13,7 @@
}
.song-display {
-fx-background-color: rgba(20, 20, 20, 0.75);
-fx-background-color: rgba(30, 60, 30, 0.85);
-fx-background-radius: 10px;
-fx-padding: 8 12 8 12;
-fx-spacing: 6px;
@@ -21,6 +21,7 @@
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.5), 6, 0.5, 0, 2);
-fx-min-width: 220px;
-fx-max-width: 260px;
-fx-text-fill: white;
}
.song-title {
@@ -30,17 +31,15 @@
}
.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;
-fx-pref-width: 150px;
-fx-accent: red;
}
.progress-text {
-fx-font-size: 11px;
-fx-text-fill: #cccccc;
-fx-text-fill: white;
}
.button {
-fx-background-color: linear-gradient(to bottom, #7ac27a, #90d090);
-fx-background-radius: 8;