implement music.css

2026-05-25 01:32:31 +03:30
parent 10041bb45b
commit 1e33389921
1 changed files with 74 additions and 0 deletions
@@ -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;
+}