Skip to content

Commit 02bbd69

Browse files
Bismanpal-SinghBismanpal-Singh
committed
Fixed UI bugs
1 parent a38926c commit 02bbd69

File tree

1 file changed

+17
-269
lines changed

1 file changed

+17
-269
lines changed

‎app/global.css‎

Lines changed: 17 additions & 269 deletions
Original file line numberDiff line numberDiff line change
@@ -1,99 +1,6 @@
11
@import 'nextra-theme-docs/dist/style.css' layer(nextra);
22

3-
/* Clean and sober styling for code blocks and callouts */
4-
@layer nextra {
5-
/* Code blocks - simple and clean */
6-
.nextra-content pre {
7-
background: #0f172a; /* dark slate */
8-
border: 1px solid #233046; /* subtle border */
9-
border-radius: 6px;
10-
padding: 16px;
11-
margin: 16px 0;
12-
overflow-x: auto;
13-
font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
14-
font-size: 14px;
15-
line-height: 1.5;
16-
color: #e2e8f0;
17-
}
18-
19-
.nextra-content code {
20-
background: #0f172a;
21-
border: 1px solid #233046;
22-
border-radius: 3px;
23-
padding: 2px 4px;
24-
font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
25-
font-size: 0.9em;
26-
color: #e2e8f0;
27-
}
28-
29-
/* Inline code */
30-
.nextra-content :not(pre) > code {
31-
background: #111827;
32-
border: 1px solid #233046;
33-
color: #fca5a5;
34-
padding: 2px 4px;
35-
border-radius: 3px;
36-
font-size: 0.9em;
37-
}
38-
39-
/* Simple callouts - sober styling */
40-
.nextra-content [class*="callout"],
41-
.nextra-content [class*="info"],
42-
.nextra-content [class*="note"],
43-
.nextra-content [class*="warning"],
44-
.nextra-content [class*="error"],
45-
.nextra-content [class*="success"],
46-
.nextra-content [class*="tip"] {
47-
background: #0f172a;
48-
border: 1px solid #233046;
49-
border-radius: 6px;
50-
padding: 16px;
51-
margin: 16px 0;
52-
color: #e2e8f0;
53-
}
54-
55-
/* Blockquotes - simple */
56-
.nextra-content blockquote {
57-
background: #0f172a;
58-
border-left: 4px solid #7c3aed;
59-
padding: 16px;
60-
margin: 16px 0;
61-
border-radius: 6px;
62-
color: #e2e8f0;
63-
}
64-
65-
/* Light scheme adjusts back to light neutrals */
66-
[data-theme="light"] .nextra-content pre,
67-
.light .nextra-content pre {
68-
background: #f6f8fa;
69-
border-color: #e1e4e8;
70-
color: #24292e;
71-
}
72-
[data-theme="light"] .nextra-content code,
73-
.light .nextra-content code {
74-
background: #f6f8fa;
75-
border-color: #e1e4e8;
76-
color: #24292e;
77-
}
78-
[data-theme="light"] .nextra-content :not(pre) > code,
79-
.light .nextra-content :not(pre) > code {
80-
background: #f6f8fa;
81-
border-color: #e1e4e8;
82-
color: #d73a49;
83-
}
84-
[data-theme="light"] .nextra-content [class*="callout"],
85-
.light .nextra-content [class*="callout"] {
86-
background: #f6f8fa;
87-
border-color: #e1e4e8;
88-
color: #24292e;
89-
}
90-
[data-theme="light"] .nextra-content blockquote,
91-
.light .nextra-content blockquote {
92-
background: #f6f8fa;
93-
border-left-color: #0366d6;
94-
color: #24292e;
95-
}
96-
}
3+
/* Reset: remove custom callout/code overrides to use Nextra defaults */
974

985
/**
996
* Custom styles
@@ -426,13 +333,7 @@ html body .nextra-content div {
426333
color: rgba(255, 255, 255, 0.9) !important;
427334
}
428335

429-
/* Override Nextra code blocks - Dark mode */
430-
html body .nextra-content pre,
431-
html body .nextra-content code {
432-
background: rgba(0, 0, 0, 0.3) !important;
433-
border: 1px solid rgba(255, 255, 255, 0.1) !important;
434-
color: #51cf66 !important;
435-
}
336+
/* Code block overrides removed to use Nextra defaults */
436337

437338
/* Override Nextra links - Dark mode */
438339
html body .nextra-content a {
@@ -461,53 +362,9 @@ html body .nextra-content a:hover {
461362
color: #334155 !important;
462363
}
463364

464-
/* Enhanced code blocks - Dark mode - More aggressive */
465-
html body .nextra-content pre,
466-
html body .nextra-content code,
467-
html body .nextra-content pre *,
468-
html body .nextra-content code *,
469-
html body [class*="nextra"] pre,
470-
html body [class*="nextra"] code,
471-
html body [class*="nextra"] pre *,
472-
html body [class*="nextra"] code *,
473-
html body pre,
474-
html body code {
475-
background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #1e293b 100%) !important;
476-
border: 1px solid rgba(255, 255, 255, 0.15) !important;
477-
color: #e2e8f0 !important;
478-
box-shadow:
479-
0 4px 6px -1px rgba(0, 0, 0, 0.3),
480-
0 2px 4px -1px rgba(0, 0, 0, 0.2),
481-
inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
482-
border-radius: 8px !important;
483-
padding: 16px !important;
484-
margin: 16px 0 !important;
485-
backdrop-filter: blur(10px) !important;
486-
}
487-
488-
/* Light mode code blocks - More aggressive */
489-
:global([data-mantine-color-scheme="light"]) html body .nextra-content pre,
490-
:global([data-mantine-color-scheme="light"]) html body .nextra-content code,
491-
:global([data-mantine-color-scheme="light"]) html body .nextra-content pre *,
492-
:global([data-mantine-color-scheme="light"]) html body .nextra-content code *,
493-
:global([data-mantine-color-scheme="light"]) html body [class*="nextra"] pre,
494-
:global([data-mantine-color-scheme="light"]) html body [class*="nextra"] code,
495-
:global([data-mantine-color-scheme="light"]) html body [class*="nextra"] pre *,
496-
:global([data-mantine-color-scheme="light"]) html body [class*="nextra"] code *,
497-
:global([data-mantine-color-scheme="light"]) html body pre,
498-
:global([data-mantine-color-scheme="light"]) html body code {
499-
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #ffffff 100%) !important;
500-
border: 1px solid rgba(0, 0, 0, 0.12) !important;
501-
color: #1e293b !important;
502-
box-shadow:
503-
0 4px 6px -1px rgba(0, 0, 0, 0.1),
504-
0 2px 4px -1px rgba(0, 0, 0, 0.06),
505-
inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
506-
border-radius: 8px !important;
507-
padding: 16px !important;
508-
margin: 16px 0 !important;
509-
backdrop-filter: blur(10px) !important;
510-
}
365+
/* Removed aggressive code block overrides: fall back to Nextra defaults */
366+
367+
/* Removed light mode aggressive code block overrides */
511368

512369
/* Light mode links */
513370
:global([data-mantine-color-scheme="light"]) html body .nextra-content a {
@@ -533,36 +390,7 @@ html body code {
533390
color: #334155 !important;
534391
}
535392

536-
/* Enhanced info boxes and callouts - Dark mode - More aggressive */
537-
html body .nextra-content blockquote,
538-
html body .nextra-content .callout,
539-
html body .nextra-content [class*="callout"],
540-
html body .nextra-content [class*="info"],
541-
html body .nextra-content [class*="note"],
542-
html body .nextra-content [class*="warning"],
543-
html body .nextra-content [class*="error"],
544-
html body .nextra-content [class*="tip"],
545-
html body [class*="nextra"] blockquote,
546-
html body [class*="nextra"] [class*="callout"],
547-
html body [class*="nextra"] [class*="info"],
548-
html body [class*="nextra"] [class*="note"],
549-
html body [class*="nextra"] [class*="warning"],
550-
html body [class*="nextra"] [class*="error"],
551-
html body [class*="nextra"] [class*="tip"],
552-
html body blockquote {
553-
background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #1e293b 100%) !important;
554-
border: 1px solid rgba(255, 255, 255, 0.15) !important;
555-
border-left: 4px solid #f783ac !important;
556-
color: rgba(255, 255, 255, 0.9) !important;
557-
box-shadow:
558-
0 4px 6px -1px rgba(0, 0, 0, 0.3),
559-
0 2px 4px -1px rgba(0, 0, 0, 0.2),
560-
inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
561-
border-radius: 8px !important;
562-
padding: 16px !important;
563-
margin: 16px 0 !important;
564-
backdrop-filter: blur(10px) !important;
565-
}
393+
/* Removed callout overrides to use Nextra defaults */
566394

567395
/* Specific styling for different types of callouts */
568396
html body .nextra-content [class*="info"] {
@@ -581,29 +409,11 @@ html body .nextra-content [class*="tip"] {
581409
border-left-color: #10b981 !important;
582410
}
583411

584-
html body .nextra-content table {
585-
background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #1e293b 100%) !important;
586-
border: 1px solid rgba(255, 255, 255, 0.15) !important;
587-
border-radius: 8px !important;
588-
overflow: hidden !important;
589-
box-shadow:
590-
0 4px 6px -1px rgba(0, 0, 0, 0.3),
591-
0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
592-
backdrop-filter: blur(10px) !important;
593-
}
412+
/* Removed table overrides */
594413

595-
html body .nextra-content th,
596-
html body .nextra-content td {
597-
border: 1px solid rgba(255, 255, 255, 0.1) !important;
598-
color: rgba(255, 255, 255, 0.9) !important;
599-
}
414+
/* Removed table cell overrides */
600415

601-
html body .nextra-content th {
602-
background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
603-
color: #e2e8f0 !important;
604-
font-weight: 600 !important;
605-
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
606-
}
416+
/* Removed table header overrides */
607417

608418
html body .nextra-content ul,
609419
html body .nextra-content ol {
@@ -620,80 +430,18 @@ html body .nextra-content i {
620430
color: rgba(255, 255, 255, 0.8) !important;
621431
}
622432

623-
/* Enhanced info boxes and callouts - Light mode */
624-
:global([data-mantine-color-scheme="light"]) html body .nextra-content blockquote,
625-
:global([data-mantine-color-scheme="light"]) html body .nextra-content .callout,
626-
:global([data-mantine-color-scheme="light"]) html body .nextra-content [class*="callout"],
627-
:global([data-mantine-color-scheme="light"]) html body .nextra-content [class*="info"],
628-
:global([data-mantine-color-scheme="light"]) html body .nextra-content [class*="note"],
629-
:global([data-mantine-color-scheme="light"]) html body .nextra-content [class*="warning"],
630-
:global([data-mantine-color-scheme="light"]) html body .nextra-content [class*="error"],
631-
:global([data-mantine-color-scheme="light"]) html body .nextra-content [class*="tip"] {
632-
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #ffffff 100%) !important;
633-
border: 1px solid rgba(0, 0, 0, 0.12) !important;
634-
border-left: 4px solid #7c3aed !important;
635-
color: #1e293b !important;
636-
box-shadow:
637-
0 4px 6px -1px rgba(0, 0, 0, 0.1),
638-
0 2px 4px -1px rgba(0, 0, 0, 0.06),
639-
inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
640-
border-radius: 8px !important;
641-
padding: 16px !important;
642-
margin: 16px 0 !important;
643-
backdrop-filter: blur(10px) !important;
644-
}
433+
/* Removed light mode callout overrides */
645434

646-
/* Specific styling for different types of callouts - Light mode */
647-
:global([data-mantine-color-scheme="light"]) html body .nextra-content [class*="info"] {
648-
border-left-color: #2563eb !important;
649-
}
435+
/* Removed light mode callout accent overrides */
650436

651-
:global([data-mantine-color-scheme="light"]) html body .nextra-content [class*="warning"] {
652-
border-left-color: #d97706 !important;
653-
}
437+
/* Removed light mode table overrides */
654438

655-
:global([data-mantine-color-scheme="light"]) html body .nextra-content [class*="error"] {
656-
border-left-color: #dc2626 !important;
657-
}
439+
/* Removed light mode table cells overrides */
658440

659-
:global([data-mantine-color-scheme="light"]) html body .nextra-content [class*="tip"] {
660-
border-left-color: #059669 !important;
661-
}
441+
/* Removed light mode table header overrides */
662442

663-
:global([data-mantine-color-scheme="light"]) html body .nextra-content table {
664-
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #ffffff 100%) !important;
665-
border: 1px solid rgba(0, 0, 0, 0.12) !important;
666-
border-radius: 8px !important;
667-
overflow: hidden !important;
668-
box-shadow:
669-
0 4px 6px -1px rgba(0, 0, 0, 0.1),
670-
0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
671-
backdrop-filter: blur(10px) !important;
672-
}
443+
/* Removed light mode list overrides */
673444

674-
:global([data-mantine-color-scheme="light"]) html body .nextra-content th,
675-
:global([data-mantine-color-scheme="light"]) html body .nextra-content td {
676-
border: 1px solid rgba(0, 0, 0, 0.08) !important;
677-
color: #334155 !important;
678-
}
679-
680-
:global([data-mantine-color-scheme="light"]) html body .nextra-content th {
681-
background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #f1f5f9 100%) !important;
682-
color: #0f172a !important;
683-
font-weight: 600 !important;
684-
}
685-
686-
:global([data-mantine-color-scheme="light"]) html body .nextra-content ul,
687-
:global([data-mantine-color-scheme="light"]) html body .nextra-content ol {
688-
color: #334155 !important;
689-
}
690-
691-
:global([data-mantine-color-scheme="light"]) html body .nextra-content strong,
692-
:global([data-mantine-color-scheme="light"]) html body .nextra-content b {
693-
color: #0f172a !important;
694-
}
445+
/* Removed light mode strong/b overrides */
695446

696-
:global([data-mantine-color-scheme="light"]) html body .nextra-content em,
697-
:global([data-mantine-color-scheme="light"]) html body .nextra-content i {
698-
color: #475057 !important;
699-
}
447+
/* Removed light mode em/i overrides */

0 commit comments

Comments
 (0)