Skip to content

Commit 37a728f

Browse files
Preeti9764Preeti9764
committed
added org button
1 parent 4c6e252 commit 37a728f

File tree

4 files changed

+982
-817
lines changed

4 files changed

+982
-817
lines changed

‎src/index.css

Lines changed: 145 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -2,122 +2,148 @@
22
@tailwind base;
33
@tailwind components;
44
@tailwind utilities;
5+
56
body {
6-
margin: 0;
7-
padding: 0;
8-
background-color: rgba(251, 251, 251, 0.6);
7+
margin: 0;
8+
padding: 0;
9+
background-color: rgba(251, 251, 251, 0.6);
910
}
11+
1012
* {
11-
box-sizing: border-box;
13+
box-sizing: border-box;
1214
}
15+
1316
.datepicker {
14-
margin-bottom: 5px !important;
17+
margin-bottom: 5px !important;
1518
}
19+
1620
.tabs .tab a:hover,
1721
.tabs .tab a.active {
18-
background-color: transparent;
19-
color: #3f51b5;
22+
background-color: transparent;
23+
color: #3f51b5;
2024
}
25+
2126
.tabs {
22-
background-color: transparent;
27+
background-color: transparent;
2328
}
29+
2430
.tabs .tab a {
25-
color: #3f51b5;
31+
color: #3f51b5;
2632
}
33+
2734
.tabs .indicator {
28-
background-color: #3f51b5;
35+
background-color: #3f51b5;
2936
}
30-
.switch label input[type="checkbox"]:checked + .lever {
31-
background-color: #3f51b5;
37+
38+
.switch label input[type="checkbox"]:checked+.lever {
39+
background-color: #3f51b5;
3240
}
33-
.switch label input[type="checkbox"]:checked + .lever:after {
34-
background-color: #fcfcfc;
35-
left: 24px;
41+
42+
.switch label input[type="checkbox"]:checked+.lever:after {
43+
background-color: #fcfcfc;
44+
left: 24px;
3645
}
37-
[type="checkbox"].filled-in:checked + label:after {
38-
border: 2px solid #3f51b5;
39-
background-color: #3f51b5;
46+
47+
[type="checkbox"].filled-in:checked+label:after {
48+
border: 2px solid #3f51b5;
49+
background-color: #3f51b5;
4050
}
51+
4152
.btn:hover,
4253
.btn-large:hover {
43-
background-color: #3f51b5;
54+
background-color: #3f51b5;
4455
}
56+
4557
a {
46-
color: #3f51b5;
58+
color: #3f51b5;
4759
}
60+
4861
.btn,
4962
.btn-large {
50-
background-color: #3f51b5;
63+
background-color: #3f51b5;
5164
}
65+
5266
li {
53-
list-style-type: disc !important;
54-
margin-left: 1rem;
67+
list-style-type: disc !important;
68+
margin-left: 1rem;
69+
}
70+
71+
body,
72+
input,
73+
div,
74+
h3,
75+
h4,
76+
p,
77+
label,
78+
hr,
79+
#scrumReport {
80+
transition: all 0.3s ease-in-out;
5581
}
5682

57-
body,input,div,h3,h4,p,label,hr, #scrumReport{
58-
transition: all 0.3s ease-in-out;
83+
.dark-mode {
84+
background: #1a1a1a !important;
85+
color: #ffffff !important;
86+
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
5987
}
6088

61-
.dark-mode {
62-
background: #1a1a1a !important;
63-
color: #ffffff !important;
64-
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
65-
}
66-
.dark-mode .bg-white{
67-
background-color: #2d2d2d !important;
68-
border-color: #404040 !important;
69-
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
89+
.dark-mode .bg-white {
90+
background-color: #2d2d2d !important;
91+
border-color: #404040 !important;
92+
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
7093
}
7194

7295
.dark-mode input[type="text"],
7396
.dark-mode input[type="date"],
7497
.dark-mode #scrumReport {
75-
background-color: #404040 !important;
76-
border-color: #505050 !important;
77-
color: #ffffff !important;
78-
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
98+
background-color: #404040 !important;
99+
border-color: #505050 !important;
100+
color: #ffffff !important;
101+
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
79102
}
103+
80104
.dark-mode h3,
81105
.dark-mode h4,
82106
.dark-mode p,
83107
.dark-mode label {
84-
color: #ffffff !important;
85-
transition: color 0.3s ease-in-out;
108+
color: #ffffff !important;
109+
transition: color 0.3s ease-in-out;
86110
}
87111

88112
.dark-mode hr {
89-
border-color: #505050 !important;
90-
transition: border-color 0.3s ease-in-out;
113+
border-color: #505050 !important;
114+
transition: border-color 0.3s ease-in-out;
91115
}
116+
92117
#scrumReport {
93-
font-size: 13px !important;
94-
line-height: 1.5 !important;
118+
font-size: 13px !important;
119+
line-height: 1.5 !important;
95120
}
96121

97122
#scrumReport b {
98-
font-size: 13px !important;
123+
font-size: 13px !important;
99124
}
100125

101126
#scrumReport li {
102-
font-size: 13px !important;
103-
margin-bottom: 4px !important;
127+
font-size: 13px !important;
128+
margin-bottom: 4px !important;
104129
}
105130

106131
.dark-mode #scrumReport {
107-
font-size: 13px !important;
132+
font-size: 13px !important;
108133
}
109134

110135
.dark-mode #scrumReport b {
111-
font-size: 13px !important;
136+
font-size: 13px !important;
112137
}
113138

114139
.dark-mode #scrumReport li {
115-
font-size: 13px !important;
140+
font-size: 13px !important;
116141
}
117142

118143
.dark-mode a {
119-
color: #00b7ff !important;
144+
color: #00b7ff !important;
120145
}
146+
121147
#refreshCache {
122148
background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
123149
border: none;
@@ -145,9 +171,15 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
145171
}
146172

147173
@keyframes spin {
148-
from { transform: rotate(0deg); }
149-
to { transform: rotate(360deg); }
174+
from {
175+
transform: rotate(0deg);
176+
}
177+
178+
to {
179+
transform: rotate(360deg);
180+
}
150181
}
182+
151183
/* Disabled state styling */
152184
.disabled-content {
153185
opacity: 0.5 !important;
@@ -165,6 +197,7 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
165197
.dark-mode .disabled-content {
166198
opacity: 0.4 !important;
167199
}
200+
168201
.cache-info {
169202
font-size: 11px;
170203
color: #6b7280;
@@ -182,6 +215,7 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
182215
.dark-mode .cache-info {
183216
color: #9ca3af;
184217
}
218+
185219
#cacheInput {
186220
transition: border-color 0.2s ease;
187221
}
@@ -197,7 +231,7 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
197231
transition: all 0.2s ease;
198232
border: none;
199233
cursor: pointer;
200-
background: none !important;
234+
background: none !important;
201235
}
202236

203237
#settingsToggle:hover {
@@ -211,7 +245,7 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
211245

212246
#settingsToggle img {
213247
transition: transform 0.2s ease;
214-
filter: brightness(0.9);
248+
filter: brightness(0.9);
215249
}
216250

217251
#settingsToggle.active img {
@@ -228,7 +262,7 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
228262
}
229263

230264
.dark-mode #settingsToggle img {
231-
filter: brightness(0.9);
265+
filter: brightness(0.9);
232266
}
233267

234268
.dark-mode #settingsToggle.active img {
@@ -338,4 +372,59 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
338372

339373
.dark-mode .tooltip-container.tooltip-right .tooltip-bubble::after {
340374
border-color: transparent #374151 transparent transparent;
375+
}
376+
377+
/* Custom Toast Styles for Materialize */
378+
.toast {
379+
color: #fff !important;
380+
font-weight: 300;
381+
font-size: 1rem;
382+
border-radius: 0.75rem !important;
383+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
384+
padding: 1rem 2rem !important;
385+
opacity: 0.98 !important;
386+
letter-spacing: 0.01em;
387+
text-align: center;
388+
}
389+
390+
.toast.red,
391+
.toast.error,
392+
.toast.toast-error {
393+
background: #e53935 !important;
394+
color: #fff !important;
395+
}
396+
397+
.toast.green,
398+
.toast.success,
399+
.toast.toast-success {
400+
background: #43a047 !important;
401+
color: #fff !important;
402+
}
403+
404+
.toast.yellow,
405+
.toast.warning,
406+
.toast.toast-warning {
407+
background: #fbc02d !important;
408+
color: #222 !important;
409+
}
410+
411+
.toast.blue,
412+
.toast.info,
413+
.toast.toast-info {
414+
background: #1e88e5 !important;
415+
color: #fff !important;
416+
}
417+
418+
/* Toast in dark mode */
419+
.dark-mode .toast {
420+
background: #222 !important;
421+
color: #fff !important;
422+
border: 1px solid #444;
423+
}
424+
425+
.dark-mode .toast.red,
426+
.dark-mode .toast.error,
427+
.dark-mode .toast.toast-error {
428+
background: #b71c1c !important;
429+
color: #fff !important;
341430
}

0 commit comments

Comments
 (0)