Skip to content

Commit 5cdf205

Browse files
omer-topalomer-topal
authored
docs: update mintlify site for fusionauth docs proxy (#2901)
* docs: css update * change hardcoded links
1 parent 7524b51 commit 5cdf205

13 files changed

Lines changed: 398 additions & 162 deletions

File tree

‎docs/api-reference/introduction.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -87,8 +87,8 @@ These credits are your sole remedy for any availability failures under our SLA.
8787

8888
## Request Rate Limits
8989

90-
Default rate limit is set to 100 requests per second. However, users can adjust this based on their specific needs following our [documentation](https://docs.permify.co/docs/reference/configuration). We used [Token bucket](https://en.wikipedia.org/wiki/Token_bucket) algorithm for rate limiting.
90+
Default rate limit is set to 100 requests per second. However, users can adjust this based on their specific needs following our [documentation](/setting-up/configuration). We used [Token bucket](https://en.wikipedia.org/wiki/Token_bucket) algorithm for rate limiting.
9191

9292
## Need any help?
9393

94-
Our team is happy to help you get started with Permify. If you'd like to learn more about using Permify in your app or have any questions about this example, [schedule a consultation call with one of our account executives](https://www.permify.co/book-demo).
94+
Our team is happy to help you get started with Permify. If you'd like to learn more about using Permify in your app or have any questions about this example, [schedule a consultation call with one of our account executives](https://www.permify.co/book-demo).

‎docs/cloud/intro.mdx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -258,7 +258,7 @@ This approach allows for:
258258
* High availability and resilience in the face of individual nodes or even entire availability zone failure.
259259
* Improved performance due to data locality benefits.
260260

261-
Read More: [How Consistent Hashing Operates In Permify?](https://docs.permify.co/operations/cache#how-consistent-hashing-operates-in-permify)
261+
Read More: [How Consistent Hashing Operates In Permify?](/operations/cache#how-consistent-hashing-operates-in-permify)
262262

263263
### Private Link
264264

@@ -267,4 +267,3 @@ Read More: [How Consistent Hashing Operates In Permify?](https://docs.permify.co
267267
By request, we can set up a Permify instance with Private Link.
268268

269269
It is completely private, not exposed to the public internet and ensures that your data traffic remains within the preferred network.
270-

‎docs/custom.css‎

Lines changed: 352 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,352 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
2+
3+
*, *::before, *::after {
4+
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important;
5+
}
6+
7+
pre, code, kbd, samp, tt {
8+
font-family: 'JetBrains Mono', 'Fira Code', 'Menlo', 'Monaco', 'Consolas', monospace !important;
9+
}
10+
11+
html:not(.dark) span#background-color {
12+
background: transparent !important;
13+
}
14+
15+
html:not(.dark) {
16+
background-color: #ffffff !important;
17+
background-image:
18+
radial-gradient(768px at right top, rgba(199, 210, 254, 0.65) 0%, rgba(255, 255, 255, 1.0) 80%),
19+
linear-gradient(rgba(99, 102, 241, 0.4) 1px, transparent 1px),
20+
linear-gradient(90deg, rgba(99, 102, 241, 0.4) 1px, transparent 1px) !important;
21+
background-size: 100% 30000px, 34px 34px, 34px 34px !important;
22+
background-position: 0 0, 0 0, 0 0 !important;
23+
background-repeat: no-repeat, repeat, repeat !important;
24+
background-attachment: local, local, local !important;
25+
}
26+
27+
/* ---------- Root color overrides ---------- */
28+
:root {
29+
--fa-orange: #F58320;
30+
--fa-orange-light: #fb923c;
31+
--fa-orange-dark: #ea580c;
32+
--fa-slate-800: #1e293b;
33+
--fa-slate-700: #334155;
34+
--fa-slate-100: #F1F5F9;
35+
--fa-slate-200: #E2E8F0;
36+
}
37+
38+
/* ---------- Banner ---------- */
39+
#banner {
40+
background-color: var(--fa-slate-800) !important;
41+
color: #fff !important;
42+
border-bottom: 2px solid var(--fa-orange) !important;
43+
}
44+
45+
#banner a {
46+
color: var(--fa-orange-light) !important;
47+
text-decoration: underline !important;
48+
}
49+
50+
#banner a:hover {
51+
color: #fff !important;
52+
}
53+
54+
#navbar {
55+
background-color: #0f172a !important;
56+
border-bottom: 1px solid #334155 !important;
57+
}
58+
59+
/* Keep the backdrop-blur overlay transparent so the parent dark bg shows */
60+
#navbar #navbar-transition {
61+
background-color: transparent !important;
62+
}
63+
64+
/* All links in navbar → light on dark background */
65+
#navbar a {
66+
color: #e2e8f0 !important;
67+
}
68+
69+
#navbar a:hover {
70+
color: var(--fa-orange-light) !important;
71+
}
72+
73+
/* FusionAuth Documentation topbar link — match tab brightness */
74+
#navbar li.navbar-link a {
75+
color: #ffffff !important;
76+
font-size: 0.875rem !important;
77+
font-weight: 600 !important;
78+
letter-spacing: -0.01em !important;
79+
opacity: 1 !important;
80+
}
81+
82+
#navbar li.navbar-link a:hover {
83+
color: var(--fa-orange-light) !important;
84+
}
85+
86+
/* Mode toggle & other icon buttons in navbar */
87+
#navbar button {
88+
color: #94a3b8 !important;
89+
}
90+
91+
#navbar button:hover {
92+
color: #e2e8f0 !important;
93+
}
94+
95+
/* Search bar — hidden */
96+
#navbar [id="search-bar-entry"] {
97+
display: none !important;
98+
}
99+
100+
/* Logo link — inline-flex so the "/ Docs" label sits to the right */
101+
#navbar a[data-slot="context-menu-trigger"] {
102+
display: inline-flex !important;
103+
align-items: center !important;
104+
}
105+
106+
/* Logo icon — h-12 (48px) matches FusionAuth navbar */
107+
#navbar a[data-slot="context-menu-trigger"] img {
108+
height: 3rem !important;
109+
width: auto !important;
110+
order: 1;
111+
}
112+
113+
/* Slash — pushed after the logo via flex order */
114+
#navbar a[data-slot="context-menu-trigger"]::before {
115+
content: "/";
116+
color: #64748b;
117+
font-size: 1.5rem;
118+
font-weight: 300;
119+
margin-left: 0.75rem;
120+
margin-right: 0.375rem;
121+
line-height: 1;
122+
order: 2;
123+
}
124+
125+
/* "Docs" — after the slash */
126+
#navbar a[data-slot="context-menu-trigger"]::after {
127+
content: "FGA Docs";
128+
color: #ffffff;
129+
font-size: 1.5rem;
130+
font-weight: 700;
131+
letter-spacing: -0.025em;
132+
line-height: 1;
133+
order: 3;
134+
}
135+
136+
/* ---------- Sidebar ---------- */
137+
/* Active / selected sidebar item: orange left accent */
138+
[data-testid="sidebar"] a[aria-current="page"],
139+
aside a[aria-current="page"] {
140+
border-left: 3px solid var(--fa-orange) !important;
141+
color: var(--fa-orange-dark) !important;
142+
font-weight: 600 !important;
143+
background-color: rgba(245, 131, 32, 0.06) !important;
144+
}
145+
146+
/* Sidebar group headings: slate-800 uppercase small */
147+
[data-testid="sidebar"] h3,
148+
aside h3 {
149+
color: var(--fa-slate-800) !important;
150+
text-transform: uppercase !important;
151+
font-size: 0.7rem !important;
152+
letter-spacing: 0.06em !important;
153+
font-weight: 700 !important;
154+
}
155+
156+
:is(.dark) [data-testid="sidebar"] h3,
157+
:is(.dark) aside h3 {
158+
color: var(--fa-slate-200) !important;
159+
}
160+
161+
/* Sidebar links: slate-700 default, orange on hover */
162+
[data-testid="sidebar"] a,
163+
aside a {
164+
color: var(--fa-slate-700) !important;
165+
transition: color 0.15s ease !important;
166+
}
167+
168+
[data-testid="sidebar"] a:hover,
169+
aside a:hover {
170+
color: var(--fa-orange) !important;
171+
}
172+
173+
:is(.dark) [data-testid="sidebar"] a,
174+
:is(.dark) aside a {
175+
color: #cbd5e1 !important;
176+
}
177+
178+
:is(.dark) [data-testid="sidebar"] a:hover,
179+
:is(.dark) aside a:hover {
180+
color: var(--fa-orange-light) !important;
181+
}
182+
183+
/* ---------- Buttons / CTA ---------- */
184+
/* Primary buttons: FusionAuth orange */
185+
a[class*="Button"],
186+
button[class*="primary"],
187+
.cta-button,
188+
[data-testid="cta-button"] {
189+
background-color: var(--fa-orange) !important;
190+
border-color: var(--fa-orange) !important;
191+
color: #fff !important;
192+
border-radius: 6px !important;
193+
transition: background-color 0.15s ease !important;
194+
}
195+
196+
a[class*="Button"]:hover,
197+
button[class*="primary"]:hover,
198+
.cta-button:hover,
199+
[data-testid="cta-button"]:hover {
200+
background-color: var(--fa-orange-dark) !important;
201+
border-color: var(--fa-orange-dark) !important;
202+
}
203+
204+
/* ---------- Links in content ---------- */
205+
article a,
206+
.prose a,
207+
main a:not([class]) {
208+
color: var(--fa-orange-dark) !important;
209+
text-decoration-color: rgba(245, 131, 32, 0.3) !important;
210+
}
211+
212+
article a:hover,
213+
.prose a:hover,
214+
main a:not([class]):hover {
215+
color: var(--fa-orange) !important;
216+
text-decoration-color: var(--fa-orange) !important;
217+
}
218+
219+
:is(.dark) article a,
220+
:is(.dark) .prose a,
221+
:is(.dark) main a:not([class]) {
222+
color: var(--fa-orange-light) !important;
223+
}
224+
225+
/* ---------- Anchor cards / icon cards ---------- */
226+
[class*="anchor-card"],
227+
[class*="AnchorCard"] {
228+
border: 1px solid var(--fa-slate-200) !important;
229+
border-radius: 8px !important;
230+
transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
231+
}
232+
233+
[class*="anchor-card"]:hover,
234+
[class*="AnchorCard"]:hover {
235+
border-color: var(--fa-orange) !important;
236+
box-shadow: 0 2px 8px rgba(245, 131, 32, 0.12) !important;
237+
}
238+
239+
/* ---------- Headings ---------- */
240+
article h1,
241+
article h2,
242+
article h3,
243+
.prose h1,
244+
.prose h2,
245+
.prose h3 {
246+
color: var(--fa-slate-800) !important;
247+
}
248+
249+
:is(.dark) article h1,
250+
:is(.dark) article h2,
251+
:is(.dark) article h3,
252+
:is(.dark) .prose h1,
253+
:is(.dark) .prose h2,
254+
:is(.dark) .prose h3 {
255+
color: #f1f5f9 !important;
256+
}
257+
258+
/* ---------- Code blocks ---------- */
259+
pre, code {
260+
border-radius: 6px !important;
261+
}
262+
263+
pre {
264+
background-color: #1f273b !important;
265+
}
266+
267+
:is(.dark) pre {
268+
background-color: #00081a !important;
269+
}
270+
271+
/* Inline code */
272+
:not(pre) > code {
273+
background-color: #f1f5f9 !important;
274+
color: var(--fa-slate-800) !important;
275+
padding: 0.15em 0.4em !important;
276+
border-radius: 4px !important;
277+
font-size: 0.875em !important;
278+
}
279+
280+
:is(.dark) :not(pre) > code {
281+
background-color: #1e293b !important;
282+
color: #e2e8f0 !important;
283+
}
284+
285+
/* ---------- Tables ---------- */
286+
table th {
287+
background-color: var(--fa-slate-800) !important;
288+
color: #fff !important;
289+
font-weight: 600 !important;
290+
}
291+
292+
:is(.dark) table th {
293+
background-color: #0f172a !important;
294+
}
295+
296+
table tr:nth-child(even) {
297+
background-color: rgba(241, 245, 249, 0.5) !important;
298+
}
299+
300+
:is(.dark) table tr:nth-child(even) {
301+
background-color: rgba(30, 41, 59, 0.3) !important;
302+
}
303+
304+
/* ---------- Tabs ---------- */
305+
[role="tab"][aria-selected="true"] {
306+
color: var(--fa-orange) !important;
307+
border-bottom-color: var(--fa-orange) !important;
308+
}
309+
310+
/* ---------- Scrollbar (webkit) ---------- */
311+
::-webkit-scrollbar {
312+
width: 6px;
313+
height: 6px;
314+
}
315+
316+
::-webkit-scrollbar-thumb {
317+
background: #94a3b8;
318+
border-radius: 3px;
319+
}
320+
321+
::-webkit-scrollbar-track {
322+
background: transparent;
323+
}
324+
325+
/* ---------- Selection highlight ---------- */
326+
::selection {
327+
background-color: rgba(245, 131, 32, 0.2);
328+
color: inherit;
329+
}
330+
331+
/* ---------- Feedback / rating widgets ---------- */
332+
[class*="feedback"] button:hover,
333+
[class*="Feedback"] button:hover {
334+
color: var(--fa-orange) !important;
335+
}
336+
337+
/* ---------- Badge-style version tags ---------- */
338+
[class*="badge"],
339+
[class*="Badge"] {
340+
border-radius: 4px !important;
341+
}
342+
343+
/* ---------- Search highlight ---------- */
344+
mark, [class*="highlight"] {
345+
background-color: rgba(245, 131, 32, 0.15) !important;
346+
}
347+
348+
/* ---------- Card components ---------- */
349+
[class*="Card"],
350+
[class*="card"] {
351+
border-radius: 8px !important;
352+
}

‎docs/docs/permify-overview/authorization-service.md‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ Zanzibar system achieved more than 95% of the access checks responded in 10 mill
4848
Permify applies proven techniques that Google used. We’re trying to make Zanzibar available to everyone to use and benefit in their applications and services
4949

5050
:::success Metrics
51-
Currently, Permify can achieve response times of up to **10ms** for access control checks, with handling up to **1 trillion access requests** per second. Thanks to our state-of-the-art [parallel graph engine](https://docs.permify.co/docs/api-overview/permission/check-api/#how-access-decisions-evaluated) and various [cache mechanisms](https://docs.permify.co/docs/reference/cache/) that we operate.
51+
Currently, Permify can achieve response times of up to **10ms** for access control checks, with handling up to **1 trillion access requests** per second. Thanks to our state-of-the-art [parallel graph engine](/api-reference/permission/check-api#how-access-decisions-evaluated) and various [cache mechanisms](/operations/cache/) that we operate.
5252
:::
5353

5454
[Google Zanzibar]: https://permify.co/post/google-zanzibar-in-a-nutshell
@@ -77,4 +77,3 @@ Permify can help you with things like fraud detection, real-time transaction mon
7777
## Need any help on Authorization ?
7878

7979
Our team is happy to help you get started with Permify. If you'd like to learn more about using Permify or how it might fit into your authorization workflow, [schedule a consultation call with one of our account executives](https://www.permify.co/book-demo).
80-

0 commit comments

Comments
 (0)