supermodel-api-docs/overrides.css at main · supermodeltools/supermodel-api-docs · 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
:root {
  --bg-dark: #000000 !important;
  --bg-default: #000000 !important;
  --bg-background-dark: #000000 !important;
}

html.dark, body.dark, .dark {
  background-color: #000000 !important;
  --tw-ring-offset-color: #000000 !important;
}

.dark .bg-background-dark {
  background-color: #000000 !important;
}

.dark .bg-background-light {
  background-color: #000000 !important;
}

.dark main {
  background-color: #000000 !important;
}

.dark nav, .dark aside {
  background-color: #000000 !important;
  border-right-color: #1F1F1F !important;
}
:root {
  --bg-dark: #000000 !important;
  --bg-default: #000000 !important;
  --bg-background-dark: #000000 !important;
}

html.dark, body.dark, .dark {
  background-color: #000000 !important;
  --tw-ring-offset-color: #000000 !important;
}

/* Force black on all major layout containers */
.dark .bg-background-dark {
  background-color: #000000 !important;
}

.dark .bg-background-light {
  background-color: #000000 !important;
}

/* HEADER - NUCLEAR OPTION FOR NO TRANSLUCENCY */
.dark header,
.dark header.sticky,
.dark .sticky {
  background-color: #000000 !important;
  background: #000000 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid #1F1F1F !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transition: none !important; /* Kill transitions that might fade opacity */
}

/* Target any potential inner wrapper that might get the blur */
.dark header > div,
.dark header nav,
.dark .backdrop-blur,
.dark .backdrop-blur-sm,
.dark .backdrop-blur-md,
.dark .backdrop-blur-lg,
.dark .backdrop-blur-xl {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background-color: #000000 !important; /* Force black on anything trying to blur */
}

/* Navbar Buttons - Clean styling */
.dark header nav a,
.dark header nav button {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.dark header nav a:hover,
.dark header nav button:hover {
  background-color: #1B1B1B !important;
  border-radius: 0.375rem;
}

.dark header .flex {
  background-color: transparent !important;
}

/* Sidebar/Navigation */
.dark nav, .dark aside {
  background-color: #000000 !important;
  border-right-color: #1F1F1F !important;
}

.dark nav div[class*="border-b"],
.dark aside div[class*="border-b"],
.dark nav div[class*="border-t"],
.dark aside div[class*="border-t"] {
  border-color: transparent !important;
}

/* Search Bar */
.dark button[aria-label="Search"],
.dark button[aria-label="Open search"],
.dark .relative > button.flex.items-center {
  background-color: #1B1B1B !important;
  border: 1px solid #333333 !important;
  color: #E5E5E5 !important;
}

.dark button[aria-label="Search"]:hover,
.dark button[aria-label="Open search"]:hover {
  background-color: #252525 !important;
}

/* Main Content */
.dark main {
  background-color: #000000 !important;
}

/* Masks and Gradients */
.mask-linear-gradient {
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.dark [class*="bg-gradient-to"] {
  background-image: none !important;
  background-color: #000000 !important;
}