SmartReminder/style.css at main · devamt-014/SmartReminder · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
/* Global dark background */
.root {
    -fx-background-color: #1e1e1e;  /* deep gray instead of white */
    -fx-text-fill: #ffffff; /* default text color white */
    -fx-font : 18px "Philosopher";
}

/* App title */
.label {
    -fx-text-fill: #e0e0e0; /* softer white */
}

/* Input field */
.text-field {
    -fx-background-color: #2a2a2a;
    -fx-text-fill: #f5f5f5;
    -fx-prompt-text-fill: #888888;
    -fx-background-radius: 12px;
    -fx-padding: 8px;
    -fx-font-size: 16px;
    -fx-border-color: transparent;
    -fx-border-radius: 12px;
}

/* Button */
.button {
    -fx-background-color: #333333;
    -fx-text-fill: #ffffff;
    -fx-font-weight: bold;
    -fx-background-radius: 12px;
    -fx-padding: 8px 16px;
    -fx-font-size: 15px;
    -fx-effect: dropshadow( gaussian , rgba(0,0,0,0.4) , 4,0,0,2 );
    -fx-cursor: hand;
    -fx-transition: all 0.3s ease-in-out;
}

.button:hover {
    -fx-background-color: #444444;
    -fx-effect: dropshadow( gaussian , rgba(0,0,0,0.6) , 8,0,0,2 );
}

/* Task list area */
.list-view {
    -fx-background-color: #222222;
    -fx-control-inner-background: #222222;
    -fx-cell-hover-color: #2f2f2f;
    -fx-text-fill: #ffffff;
    -fx-background-radius: 12px;
    -fx-padding: 10px;
}

/* Each task cell */
.list-cell {
    -fx-background-color: transparent;
    -fx-text-fill: #ffffff;
    -fx-font-size: 16px;
}

.list-cell:filled:selected {
    -fx-background-color: #3a3a3a;
}

/* Suggestion label */
.suggestion-label {
    -fx-text-fill: #bbbbbb;
    -fx-font-style: italic;
}

/* Smooth animations */
.root, .button, .text-field, .list-view {
    -fx-transition: all 0.4s ease-in-out;
}

/* ==================== DATE PICKER DARK THEME ==================== */
/* DatePicker Popup Styling */
.date-picker-popup {
    -fx-background-color: black; /* Dark background */
    -fx-text-fill: white;         /* Default text color */
}
/* #2b2b2b */
.date-picker-popup .month-year-pane {
    -fx-background-color: #2b2b2b;
    -fx-text-fill: black;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
}

.date-picker-popup .spinner .button .arrow {
    -fx-background-color: white; /* Arrows visible */
}

.date-picker-popup .day-cell {
    -fx-text-fill: white;
    -fx-background-color: #2b2b2b;
}

.date-picker-popup .day-cell:focused {
    -fx-background-color: #555;
    -fx-text-fill: #00bfff; /* Highlighted text */
}
.date-picker-popup .day-cell:disabled {
    -fx-text-fill: #777;   /* Light gray text */
    -fx-opacity: 0.5;      /* Slightly transparent */
}