implement music.css
This commit is contained in:
@@ -0,0 +1,74 @@
|
|||||||
|
.root-pane {
|
||||||
|
-fx-padding: 20;
|
||||||
|
-fx-background-color: linear-gradient(to bottom right, #1e1e2f, #2b2b45);
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-row {
|
||||||
|
-fx-padding: 10 0 15 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-label {
|
||||||
|
-fx-text-fill: white;
|
||||||
|
-fx-font-size: 24px;
|
||||||
|
-fx-font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.song-row {
|
||||||
|
-fx-padding: 12;
|
||||||
|
-fx-background-color: rgba(255, 255, 255, 0.08);
|
||||||
|
-fx-background-radius: 12;
|
||||||
|
-fx-border-radius: 12;
|
||||||
|
-fx-border-color: rgba(255, 255, 255, 0.15);
|
||||||
|
-fx-border-width: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.song-title {
|
||||||
|
-fx-text-fill: white;
|
||||||
|
-fx-font-size: 16px;
|
||||||
|
-fx-font-weight: bold;
|
||||||
|
-fx-min-width: 160px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.song-artist {
|
||||||
|
-fx-text-fill: #cfcfe8;
|
||||||
|
-fx-font-size: 14px;
|
||||||
|
-fx-min-width: 140px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.song-duration {
|
||||||
|
-fx-text-fill: #a8a8c8;
|
||||||
|
-fx-font-size: 13px;
|
||||||
|
-fx-min-width: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.play-button {
|
||||||
|
-fx-background-color: #4CAF50;
|
||||||
|
-fx-text-fill: white;
|
||||||
|
-fx-font-weight: bold;
|
||||||
|
-fx-background-radius: 8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.play-button:hover {
|
||||||
|
-fx-background-color: #43a047;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-button {
|
||||||
|
-fx-background-color: #2196F3;
|
||||||
|
-fx-text-fill: white;
|
||||||
|
-fx-background-radius: 8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary-button:hover {
|
||||||
|
-fx-background-color: #1976D2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary-button {
|
||||||
|
-fx-background-color: #ff9800;
|
||||||
|
-fx-text-fill: white;
|
||||||
|
-fx-font-weight: bold;
|
||||||
|
-fx-background-radius: 8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary-button:hover {
|
||||||
|
-fx-background-color: #fb8c00;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user