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

Loading circle, better loading colors.

Browse Source
This commit is contained in:
lieght
2025-12-03 23:55:12 +01:00
parent 8ca2399e6a
commit f60df73b66
7 changed files with 115 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
app/src/main/resources/style/light.css
View File

@@ -13,69 +13,79 @@
}
.song-display {
-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-padding: 8 12 8 12;
-fx-spacing: 6px;
-fx-alignment: center;
-fx-min-width: 220px;
-fx-max-width: 260px;
}
.song-title {
-fx-font-size: 14px;
-fx-fill: black;
-fx-font-size: 14px;
-fx-effect: null;
}
.progress-bar {
-fx-inner-background-color: black;
-fx-pref-width: 200px;
-fx-accent: red;
-fx-inner-background-color: black;
-fx-pref-width: 200px;
-fx-accent: red;
}
.progress-bar > .track {
-fx-background-radius: 30;
-fx-background-radius: 30;
}
.progress-bar > .bar {
-fx-background-radius: 30px;
-fx-background-radius: 30px;
}
.loading-progress-bar {
-fx-progress-color: #3caf3f;
}
.loading-progress-bar > .bar {
-fx-background-color: linear-gradient(to bottom, #a2d1a1, #b8e3b9);
}
.loading-progress-bar > .track {
-fx-background-color: rgba(0,0,0,0.15);
}
.progress-text {
-fx-font-size: 11px;
-fx-fill: black;
-fx-font-size: 11px;
-fx-effect: null;
}
.skip-button {
-fx-background-color: transparent;
-fx-background-radius: 0;
-fx-cursor: hand;
-fx-text-fill: black;
}
-fx-background-color: transparent;
-fx-background-radius: 0;
-fx-cursor: hand;
-fx-effect: null;
}
.skip-button .text {
-fx-fill: black;
}
.pause-button {
-fx-background-color: transparent;
-fx-background-radius: 0;
-fx-cursor: hand;
-fx-text-fill: black;
}
-fx-background-color: transparent;
-fx-background-radius: 0;
-fx-cursor: hand;
-fx-effect: null;
}
.pause-button .text {
-fx-fill: black;
-fx-effect: null;
}
.previous-button {
-fx-background-color: transparent;
-fx-background-radius: 0;
-fx-cursor: hand;
-fx-text-fill: black;
}
-fx-background-color: transparent;
-fx-background-radius: 0;
-fx-cursor: hand;
-fx-effect: null;
}
.previous-button .text {
-fx-fill: black;
-fx-effect: null;
}
.button {