root { --theme-font: "Inter", var(--system-fonts); } /* basic theme */ .light-mode { --theme-color-1: rgb(9, 9, 11); --theme-color-2: rgb(113, 113, 122); --theme-color-3: rgba(25, 25, 28, 0.5); --theme-color-accent: var(--theme-color-1); --theme-background-1: #fff; --theme-background-2: #f4f4f5; --theme-background-3: #e3e3e6; --theme-background-accent: #8ab4f81f; --theme-border-color: rgb(228, 228, 231); } .dark-mode { --theme-color-1: #fafafa; --theme-color-2: rgb(161, 161, 170); --theme-color-3: rgba(255, 255, 255, 0.533); --theme-color-accent: var(--theme-color-1); --theme-background-1: #09090b; --theme-background-2: #18181b; --theme-background-3: #2c2c30; --theme-background-accent: #8ab4f81f; --theme-border-color: rgba(255, 255, 255, 0.12); } /* Document header */ .light-mode .t-doc__header { --header-background-1: var(--theme-background-1); --header-border-color: var(--theme-border-color); --header-color-1: var(--theme-color-1); --header-color-2: var(--theme-color-2); --header-background-toggle: var(--theme-color-3); --header-call-to-action-color: var(--theme-color-accent); } .dark-mode .t-doc__header { --header-background-1: var(--theme-background-1); --header-border-color: var(--theme-border-color); --header-color-1: var(--theme-color-1); --header-color-2: var(--theme-color-2); --header-background-toggle: var(--theme-color-3); --header-call-to-action-color: var(--theme-color-accent); } /* Document Sidebar */ .light-mode .t-doc__sidebar { --sidebar-background-1: var(--theme-background-1); --sidebar-item-hover-color: currentColor; --sidebar-item-hover-background: var(--theme-background-2); --sidebar-item-active-background: #09090b; --sidebar-border-color: var(--theme-border-color); --sidebar-color-1: var(--theme-color-1); --sidebar-color-2: var(--theme-color-2); --sidebar-color-active: var(--theme-background-1); --sidebar-search-background: transparent; --sidebar-search-border-color: var(--theme-border-color); --sidebar-search--color: var(--theme-color-3); } .dark-mode .sidebar { --sidebar-background-1: var(--theme-background-1); --sidebar-item-hover-color: currentColor; --sidebar-item-hover-background: var(--theme-background-2); --sidebar-item-active-background: var(--theme-background-3); --sidebar-border-color: var(--theme-border-color); --sidebar-color-1: var(--theme-color-1); --sidebar-color-2: var(--theme-color-2); --sidebar-color-active: var(--theme-color-accent); --sidebar-search-background: transparent; --sidebar-search-border-color: var(--theme-border-color); --sidebar-search--color: var(--theme-color-3); } /* advanced */ .light-mode { --theme-button-1: rgb(49 53 56); --theme-button-1-color: #fff; --theme-button-1-hover: rgb(28 31 33); --theme-color-green: #069061; --theme-color-red: #ef0006; --theme-color-yellow: #edbe20; --theme-color-blue: #0082d0; --theme-color-orange: #fb892c; --theme-color-purple: #5203d1; --theme-scrollbar-color: rgba(0, 0, 0, 0.18); --theme-scrollbar-color-active: rgba(0, 0, 0, 0.36); } .dark-mode { --theme-button-1: #f6f6f6; --theme-button-1-color: #000; --theme-button-1-hover: #e7e7e7; --theme-color-green: #00b648; --theme-color-red: #dc1b19; --theme-color-yellow: #ffc90d; --theme-color-blue: #4eb3ec; --theme-color-orange: #ff8d4d; --theme-color-purple: #b191f9; --theme-scrollbar-color: rgba(255, 255, 255, 0.24); --theme-scrollbar-color-active: rgba(255, 255, 255, 0.48); } /* Adv customization */ .introduction-cards .scalar-card:first-of-type { overflow: visible; } .examples .scalar-card-footer { --theme-background-3: transparent; padding-top: 0; } .show-api-client-button:before { background: white !important; } .show-api-client-button span, .show-api-client-button svg { color: black !important; } .download-cta, .references-rendered .markdown a { text-decoration: underline !important; } .introduction-cards .scalar-card:first-of-type:before { content: ""; width: 140px; height: 140px; position: absolute; right: -12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMSIgdmlld0JveD0iMCAwIDEyMDAgODAwIj48cGF0aCBkPSJtMC03LTEyLTI1di0zYzAtMjgtMjktNTUtNzktNzV2MTdsLTE1LTZ2LThjLTcxLTI1LTE3Ny00Mi0yOTQtNDItMTAzIDAtMTk3IDEzLTI2NiAzM3YyOC0zNGMtNzEgMjMtMTE1IDU0LTExNSA4OWwzIDE2LTcgMTNzLTYgNyA0IDIzYTIxMzggMjEzOCAwIDAgMCA5NiAxMjBjMS0xLTctMjktMjctNjAtOS0xNy0yMS00MC0yNy01NiAxOSAxMiAxMzAgNjggMzU3IDY4Qy0xNTAgOTAtNDcgMTgtMzYgOGMtNCAxNi0xNyA0OC0yOCA3MS0xOCAzMi0yNCA2MC0yMyA2MWwxNS0yM0MtNTEgODctMTIgMzEtNCAxNyA1IDAgMC03IDAtNyIgc3R5bGU9ImZpbGw6I2E1MmIwMDtmaWxsLXJ1bGU6bm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwOSA1MDYpIi8+PHBhdGggZD0ibTAgMjA0LTc5LTU4LTMtOCAyNi0zOGMzLTQgNC05IDItMTNzLTYtOC0xMC04bC00NC04LTUtMTAgMTgtNDJjMi01IDItMTAtMS0xNC0yLTQtNy02LTExLTZsLTQ1IDItNy05IDEwLTQ2YzEtNCAwLTktMy0xMi0zLTQtOC01LTEzLTRsLTQzIDExLTktOCAyLTQ2YzAtNS0yLTktNi0xMnMtOC0zLTEzLTFsLTQwIDE5LTEwLTUtNy00NmMtMS01LTQtOS04LTExcy05LTEtMTMgMmwtMzYgMjctMTEtMy0xNi00NGMtMS00LTUtOC05LTktNS0xLTkgMS0xMiA0bC0zMSAzNS0xMS0yLTIzLTM5Yy0zLTQtNy03LTEyLTctNCAwLTggMy0xMSA3bC0yMyAzOS0xMSAyLTMxLTM1YTEzIDEzIDAgMCAwLTIyIDVsLTE1IDQ0LTExIDMtMzYtMjdjLTQtMy05LTQtMTMtMnMtNyA2LTggMTFsLTcgNDYtMTAgNS00MS0xOWMtNC0yLTktMi0xMiAxLTQgMy02IDctNiAxMmwxIDQ2LTggOC00NC0xMWMtNC0xLTkgMC0xMiA0LTMgMy01IDgtMyAxMmwxMCA0Ni03IDktNDUtMmMtNSAwLTkgMi0xMSA2LTMgNC0zIDktMSAxNGwxOCA0Mi01IDEwLTQ0IDhjLTUgMC04IDQtMTAgOHMtMSA5IDEgMTNsMjYgMzh2MmwtNzQgNzhzLTExIDkgNSAzMGMxNSAxOCA4OSA5MSAxMjggMTI5IDE3IDE5IDI4IDMxIDMwIDMwcy04LTM2LTQxLTc4Yy0yNS0zNy01OC05NC01MC0xMDAgMCAwIDgtMTEgMjYtMTkgMSAwLTEtMSAwIDAgMCAwIDM3MCAxNzAgNzEyIDIgNDAtNyA2MyAxNCA2MyAxNCA4IDUtMTMgNjQtMzAgMTAzLTI0IDQ0LTI3IDc4LTI1IDc5IDEgMSAxMC0xMiAyMi0zMyAzMC00MiA4OC0xMjMgOTgtMTQyIDEyLTIzIDAtMjkgMC0yOSIgc3R5bGU9ImZpbGw6I2Y3NGMwMDtmaWxsLXJ1bGU6bm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3OSAyOTUpIi8+PHBhdGggZD0iTTAgMjMyczUzLTIgMTIzLTczbDEwLTIyUzI1IDI5IDE5My00NWMwIDAtMTUgMjQtMTAgMTE3IDAgMCA1MC0xOCA2NS0xMDAgMCAwIDc0IDk4LTgwIDE4OSAwIDAtNzMgMTE3LTE3NSAxMDZsNy0zNVoiIHN0eWxlPSJmaWxsOiNmNzRjMDA7ZmlsbC1ydWxlOm5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxOCAyNDUpIi8+PHBhdGggZD0iTTAtNzhzMzctNDEgNzQgMGMwIDAgMjkgNTQgMCA4MSAwIDAtNDggMzctNzQgMCAwIDAtMzItMzAgMC04MSIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NzcgNDg4KSIvPjxwYXRoIGQ9Ik0wIDBjMCAxNi05IDI5LTIxIDI5LTExIDAtMjAtMTMtMjAtMjlzOS0yOSAyMC0yOUMtOS0yOSAwLTE2IDAgMCIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLXJ1bGU6bm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzIwIDQyNSkiLz48cGF0aCBkPSJNMC04NHM2My0yOCA4MSAzNWMwIDAgMTggNzMtNTIgNzcgMCAwLTkwLTE3LTI5LTExMiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MTIgNDgzKSIvPjxwYXRoIGQ9Ik0wIDBjMCAxNi0xMCAyOS0yMSAyOS0xMiAwLTIyLTEzLTIyLTI5czEwLTI5IDIyLTI5Qy0xMC0yOSAwLTE2IDAgMCIgc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLXJ1bGU6bm9uemVybyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQ0IDQyNikiLz48cGF0aCBkPSJtMC00MCA4MS03cy0zIDEzLTEzIDIzYzAgMC0yOCAzMC02MC0zIDAgMC01LTUtOC0xMyIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1OTMgNTc3KSIvPjxwYXRoIGQ9Ik0wIDE5MWgtMmMtMjYtNi0xMDAtMjUtMTE5LTU3IDAgMCA5OS0xMTItNTYtMTg1bDE4IDEyNXMtNDgtMzItNTgtMTAxYzAgMC0xMTcgODQgNTEgMTY1IDAgMCAxNSA1OCAxNjEgMTAzYTI1IDI1IDAgMCAwIDMwLTI1YzAtMTQtMTEtMjUtMjUtMjUiIHN0eWxlPSJmaWxsOiNmNzRjMDA7ZmlsbC1ydWxlOm5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3MCAyNzEpIi8+PC9zdmc+); background-size: 100%; background-repeat: no-repeat; bottom: 0; background-position: center 70px; }