|
4 | 4 | --font-heading: "Space Grotesk", "Segoe UI", sans-serif; |
5 | 5 | --font-body: "Manrope", "Segoe UI", sans-serif; |
6 | 6 |
|
7 | | - --md-primary: #006686; |
| 7 | + --md-primary: #9c27b0; |
8 | 8 | --md-on-primary: #ffffff; |
9 | | - --md-primary-container: #bfe9ff; |
10 | | - --md-on-primary-container: #001f2a; |
| 9 | + --md-primary-container: #f3e5f5; |
| 10 | + --md-on-primary-container: #4a0072; |
11 | 11 |
|
12 | | - --md-secondary: #4f616d; |
| 12 | + --md-secondary: #625b71; |
13 | 13 | --md-surface: #f7f9fc; |
14 | 14 | --md-surface-variant: #dde4eb; |
15 | 15 | --md-on-surface: #161c22; |
|
23 | 23 | } |
24 | 24 |
|
25 | 25 | html[data-theme="dark"] { |
26 | | - --md-primary: #74d1ff; |
27 | | - --md-on-primary: #003548; |
28 | | - --md-primary-container: #004d69; |
29 | | - --md-on-primary-container: #bfe9ff; |
| 26 | + --md-primary: #e1bee7; |
| 27 | + --md-on-primary: #3e0051; |
| 28 | + --md-primary-container: #6a0080; |
| 29 | + --md-on-primary-container: #f3e5f5; |
30 | 30 |
|
31 | | - --md-secondary: #b5c9d7; |
| 31 | + --md-secondary: #c8b6db; |
32 | 32 | --md-surface: #0f151b; |
33 | 33 | --md-surface-variant: #26313a; |
34 | 34 | --md-on-surface: #e9f1f8; |
|
83 | 83 | } |
84 | 84 |
|
85 | 85 | .brand { |
| 86 | + display: flex; |
| 87 | + align-items: center; |
| 88 | + gap: 0.6rem; |
86 | 89 | text-decoration: none; |
87 | 90 | font-family: var(--font-heading); |
88 | 91 | font-size: 1.05rem; |
89 | 92 | color: var(--md-on-surface); |
90 | 93 | } |
91 | 94 |
|
| 95 | +.brand-logo { |
| 96 | + height: 40px; |
| 97 | + width: auto; |
| 98 | + max-width: 180px; |
| 99 | + display: block; |
| 100 | +} |
| 101 | + |
92 | 102 | .top-actions { |
93 | 103 | display: flex; |
94 | 104 | align-items: center; |
@@ -341,6 +351,136 @@ a { |
341 | 351 | margin-bottom: 0.7rem; |
342 | 352 | } |
343 | 353 |
|
| 354 | +.function-list { |
| 355 | + display: flex; |
| 356 | + flex-direction: column; |
| 357 | + gap: 1rem; |
| 358 | + margin-top: 0.8rem; |
| 359 | +} |
| 360 | + |
| 361 | +.function-item { |
| 362 | + padding: 0.8rem; |
| 363 | + border-left: 3px solid var(--md-primary); |
| 364 | + border-radius: 0 var(--md-radius-md) var(--md-radius-md) 0; |
| 365 | + background: color-mix(in oklab, var(--md-surface) 85%, transparent); |
| 366 | +} |
| 367 | + |
| 368 | +.function-item h4 { |
| 369 | + margin: 0 0 0.4rem 0; |
| 370 | + font-size: 0.95rem; |
| 371 | + color: var(--md-on-surface); |
| 372 | + font-weight: 600; |
| 373 | + letter-spacing: -0.01em; |
| 374 | +} |
| 375 | + |
| 376 | +.function-item h2 { |
| 377 | + margin: 0 0 0.5rem 0; |
| 378 | + font-size: 1.3rem; |
| 379 | + color: var(--md-on-surface); |
| 380 | + font-weight: 700; |
| 381 | + letter-spacing: -0.01em; |
| 382 | +} |
| 383 | + |
| 384 | +.function-sig { |
| 385 | + margin: 0.3rem 0; |
| 386 | + padding: 0.5rem 0.8rem; |
| 387 | + background: color-mix(in oklab, var(--md-primary) 12%, transparent); |
| 388 | + border-radius: var(--md-radius-md); |
| 389 | + font-size: 0.95rem; |
| 390 | + line-height: 1.6; |
| 391 | + overflow-x: auto; |
| 392 | +} |
| 393 | + |
| 394 | +.function-sig code { |
| 395 | + color: var(--md-primary); |
| 396 | + font-family: 'Courier New', monospace; |
| 397 | + font-size: 1em; |
| 398 | +} |
| 399 | + |
| 400 | +.function-params { |
| 401 | + margin: 0.6rem 0 0 0; |
| 402 | + padding: 0.6rem 0 0 0; |
| 403 | + border-top: 1px solid color-mix(in oklab, var(--md-outline) 20%, transparent); |
| 404 | + list-style: none; |
| 405 | +} |
| 406 | + |
| 407 | +.function-params li { |
| 408 | + margin: 0.4rem 0; |
| 409 | + padding: 0.4rem 0.6rem; |
| 410 | + background: color-mix(in oklab, var(--md-surface-variant) 30%, transparent); |
| 411 | + border-radius: var(--md-radius-md); |
| 412 | + font-size: 0.9rem; |
| 413 | + line-height: 1.5; |
| 414 | +} |
| 415 | + |
| 416 | +.function-params strong { |
| 417 | + color: var(--md-primary); |
| 418 | + font-weight: 600; |
| 419 | +} |
| 420 | + |
| 421 | +.function-params em { |
| 422 | + color: var(--md-secondary); |
| 423 | + font-style: normal; |
| 424 | + font-size: 0.85em; |
| 425 | +} |
| 426 | + |
| 427 | +.function-desc { |
| 428 | + margin: 0.4rem 0; |
| 429 | + color: var(--md-on-surface); |
| 430 | + font-size: 0.9rem; |
| 431 | + line-height: 1.5; |
| 432 | +} |
| 433 | + |
| 434 | +.function-examples { |
| 435 | + margin: 0.5rem 0 0 0; |
| 436 | + padding: 0.8rem; |
| 437 | + background: color-mix(in oklab, var(--md-secondary) 10%, transparent); |
| 438 | + border-radius: var(--md-radius-md); |
| 439 | + font-size: 0.95rem; |
| 440 | +} |
| 441 | + |
| 442 | +.function-examples strong { |
| 443 | + color: var(--md-on-surface); |
| 444 | + font-weight: 600; |
| 445 | + display: block; |
| 446 | + margin-bottom: 0.5rem; |
| 447 | +} |
| 448 | + |
| 449 | +.function-examples code { |
| 450 | + display: block; |
| 451 | + padding: 0.5rem 0.7rem; |
| 452 | + margin: 0.3rem 0; |
| 453 | + background: color-mix(in oklab, var(--md-surface-variant) 50%, transparent); |
| 454 | + border-radius: 4px; |
| 455 | + color: var(--md-secondary); |
| 456 | + font-family: 'Courier New', monospace; |
| 457 | + font-size: 0.95em; |
| 458 | + line-height: 1.5; |
| 459 | +} |
| 460 | + |
| 461 | +.example-item { |
| 462 | + margin: 0.5rem 0; |
| 463 | +} |
| 464 | + |
| 465 | +.example-item code { |
| 466 | + display: block; |
| 467 | + padding: 0.5rem 0.7rem; |
| 468 | + background: color-mix(in oklab, var(--md-surface-variant) 50%, transparent); |
| 469 | + border-radius: 4px; |
| 470 | + color: var(--md-secondary); |
| 471 | + font-family: 'Courier New', monospace; |
| 472 | + font-size: 0.95em; |
| 473 | + margin-bottom: 0.3rem; |
| 474 | +} |
| 475 | + |
| 476 | +.example-item p { |
| 477 | + margin: 0; |
| 478 | + padding: 0.3rem 0.7rem; |
| 479 | + color: var(--md-on-surface-variant); |
| 480 | + font-size: 0.88rem; |
| 481 | + font-style: italic; |
| 482 | +} |
| 483 | + |
344 | 484 | .function-tags { |
345 | 485 | display: flex; |
346 | 486 | flex-wrap: wrap; |
|
0 commit comments