{ "meta": { "source": "https://angular.dev", "domain": "angular.dev", "extractedAt": "2026-06-11T06:00:56.984Z", "tokenizedAt": "2026-06-11T06:01:17.722Z" }, "colors": { "background": { "primary": "rgb(255,255,255)", "secondary": "rgb(255,255,255)", "tertiary": "rgb(255,255,255)" }, "text": { "primary": "oklch(0.1937 0.006 300.98)", "secondary": "rgba(21, 20, 23, 0.65)", "muted": "oklch(36.98% .014 302.71deg)" }, "accent": { "primary": "rgb(21, 20, 23)", "secondary": "rgb(249, 117, 131)" }, "border": "rgb(36, 41, 46)", "shadow": "rgba(0,0,0,0.1)" }, "typography": { "fontFamily": { "primary": "Inter", "secondary": "ui-sans-serif", "mono": "DM Mono" }, "fontSize": { "xs": "11.2px", "sm": "14.4px", "base": "16px", "lg": "19.2px", "xl": "24px", "2xl": "50.6667px", "3xl": "80px", "4xl": "82px" }, "fontWeight": { "normal": "300", "medium": "500", "semibold": "600", "bold": "600" }, "lineHeight": { "tight": "1.25", "normal": "1.5", "relaxed": "1.75" }, "letterSpacing": { "tight": "-0.010em", "normal": "0em", "wide": "0.025em" } }, "spacing": { "xxs": "2px", "xs": "2px", "sm": "8px", "md": "12px", "base": "16px", "lg": "24px", "xl": "32px", "2xl": "48px", "3xl": "50px" }, "borderRadius": { "none": "0px", "xs": "4px", "sm": "8px", "md": "16px", "lg": "20px", "xl": "32px", "full": "9999px" }, "shadows": { "shadow-1": "rgb(27, 149, 224) 0px 0px 10px 0px, rgb(27, 149, 224) 0px 0px 5px 0px", "shadow-2": "rgba(0, 0, 0, 0.2) 0px 1px 0px 0px, oklch(0.9881 0 0) 0px 0px 0px 2px inset", "shadow-3": "rgba(0, 0, 0, 0.1) 0px 0px 10px 0px" }, "transitions": { "transition-1": "color 0.3s, background-color 0.3s", "transition-2": "all", "transition-3": "transform 0.3s ease-out", "transition-4": "opacity 0.05s linear", "transition-5": "transform 0.3s ease-out 0.6s" }, "layout": { "maxWidth": "80ch", "headerHeight": "64px", "sidebarWidth": "0px", "gap": "normal", "containerPadding": "0px" }, "cssCustomProperties": { "--subtle-blue": "color-mix(in srgb, oklch(51.01% .274 263.83) 5%, white 95%)", "--purple-to-light-purple-vertical-gradient": "linear-gradient( 0deg, oklch(47.66% .246 305.88) 0%, color-mix(in srgb, oklch(53.18% .28 296.97), white 65%) 100% )", "--mat-button-toggle-focus-state-layer-opacity": ".12", "--mat-tab-active-indicator-height": "2px", "--mat-button-toggle-legacy-disabled-state-text-color": "color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)", "--secondary-contrast": "oklch(25.16% .008 308.11deg)", "--z-index-mini-menu": "200", "--blue-to-cyan-vertical-gradient": "linear-gradient( 0deg, oklch(51.01% .274 263.83) 0%, oklch(67.05% .1205924489987394 181.34025902203868) 100% )", "--hot-pink-to-electric-violet-radial-gradient": "radial-gradient( circle at 60% bottom, oklch(59.91% .239 8.14) 20%, oklch(53.18% .28 296.97) 100% )", "--mat-button-toggle-height": "48px", "--primary-nav-width": "6.875rem", "--mat-chip-label-text-color": "oklch(36.98% .014 302.71deg)", "--mat-snack-bar-container-color": "white", "--mat-tab-active-indicator-shape": "0", "--z-index-nav-tutorial": "75", "--mat-tab-divider-color": "transparent", "--mat-button-toggle-legacy-state-layer-color": "color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)", "--mat-button-toggle-label-text-size": "16px", "--quaternary-contrast": "oklch(54.84% .023 304.99deg)", "--mat-chip-focus-outline-color": "oklch(47.66% .246 305.88)", "--vivid-pink": "oklch(69.02% .277 332.77)", "--mat-tooltip-supporting-text-tracking": ".0333333333em", "--green-to-cyan-vertical-gradient": "linear-gradient( 0deg, oklch(67.05% .1205924489987394 181.34025902203868) 0%, oklch(79.12% .257 155.13) 100% )", "--full-contrast": "black", "--electric-violet-header": "oklch(53.18% .28 296.97)", "--code-font": "\"DM Mono\", monospace", "--webgl-gray-unfilled": "oklch(70.9% .015 304.04deg)", "--blue-to-teal-vertical-gradient": "linear-gradient( 0deg, oklch(51.01% .274 263.83) 0%, color-mix(in srgb, oklch(51.01% .274 263.83), white 50%) 100% )", "--hot-red": "oklch(61.42% .238 15.34)", "--mat-button-toggle-legacy-disabled-selected-state-background-color": "color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)", "--mat-tooltip-supporting-text-font": "Roboto, sans-serif", "--angle": "90deg", "--mat-button-toggle-legacy-selected-state-background-color": "color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)", "--z-index-top-level-banner": "150", "--symbolic-gray": "oklch(66.98% 0 0)", "--pink-to-purple-horizontal-gradient": "linear-gradient( 90deg, oklch(69.02% .277 332.77) 0%, oklch(53.18% .28 296.97) 100% )", "--bright-blue": "oklch(51.01% .274 263.83)", "--octonary-contrast": "oklch(98.81% 0 0deg)", "--electric-violet": "oklch(53.18% .28 296.97)", "--red-to-pink-horizontal-gradient": "linear-gradient( 90deg, oklch(59.91% .239 8.14) 11.42%, oklch(61.42% .238 15.34) 34.83%, oklch(69.02% .277 332.77) 60.69% )", "--mat-button-toggle-background-color": "oklch(98.81% 0 0deg)", "--pink-to-purple-vertical-gradient": "linear-gradient( 0deg, oklch(53.18% .28 296.97) 0%, oklch(69.02% .277 332.77) 100% )", "--selection-color": "oklch(69.02% .277 332.77)", "--mat-button-toggle-label-text-line-height": "24px", "--selection-background": "oklch(69.02% .277 332.77)", "--mat-button-toggle-label-text-tracking": ".03125em", "--primary-contrast": "oklch(19.37% .006 300.98deg)", "--mat-button-toggle-shape": "4px", "--light-blue": "color-mix(in srgb, oklch(51.01% .274 263.83), white 50%)", "--fallback-font-stack": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"", "--page-bg-radial-gradient": "radial-gradient(circle, white 0%, white 100%)", "--pink-to-highlight-to-purple-to-blue-horizontal-gradient": "linear-gradient( 140deg, oklch(69.02% .277 332.77) 0%, oklch(69.02% .277 332.77) 15%, color-mix(in srgb, oklch(69.02% .277 332.77), oklch(53.18% .28 296.97) 50%) 25%, color-mix(in srgb, oklch(69.02% .277 332.77), oklch(53.18% .28 296.97) 10%) 35%, color-mix(in srgb, oklch(69.02% .277 332.77), oklch(63.32% .24 31.68) 50%) 42%, color-mix(in srgb, oklch(69.02% .277 332.77), oklch(63.32% .24 31.68) 50%) 44%, color-mix(in srgb, oklch(69.02% .277 332.77), white 70%) 47%, oklch(53.18% .28 296.97) 48%, oklch(51.01% .274 263.83) 60% )", "--pulse-outer": "75%", "--quinary-contrast": "oklch(84.01% .009 308.34deg)", "--mat-snack-bar-supporting-text-color": "oklch(19.37% .006 300.98deg)", "--light-vivid-pink-to-light-electric-violet-horizontal-gradient": "linear-gradient( 90deg, color-mix(in srgb, oklch(69.02% .277 332.77), white 90%), color-mix(in srgb, oklch(53.18% .28 296.97), white 90%) )", "--screen-xxl": "1800px", "--z-index-nav": "100", "--screen-xs": "700px", "--light-pink-to-light-purple-horizontal-gradient": "", "--red-to-pink-to-purple-horizontal-gradient": "linear-gradient( 90deg, oklch(63.32% .24 31.68) 0%, oklch(69.02% .277 332.77) 50%, oklch(53.18% .28 296.97) 100% )", "--pink-to-white-horizontal-gradient": "linear-gradient( 90deg, oklch(69.02% .277 332.77) 0%, oklch(91.75% .004 301.42deg) 60% )", "--page-width": "80ch", "--gray-unfilled": "oklch(70.9% .015 304.04deg)", "--mat-button-toggle-disabled-selected-state-background-color": "color-mix(in srgb, rgba(0, 0, 0, .87) 12%, transparent)", "--black-to-gray-vertical-gradient": "linear-gradient( 0deg, oklch(19.37% .006 300.98deg) 0%, oklch(70.9% .015 304.04deg) 100% )", "--white-to-light-blue-diagonal-gradient": "linear-gradient( 132.83deg, hsl(from color-mix(in srgb, oklch(51.01% .274 263.83), white 60%) h s l / 0) 45.38%, hsl(from color-mix(in srgb, oklch(51.01% .274 263.83), white 60%) h s l / .3) 159.03% )", "--inter-tight-font": "\"Inter Tight\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"", "--symbolic-pink": "oklch(63.67% .254 13.47)", "--icons": "\"Material Symbols Outlined\"", "--mat-tab-container-height": "48px", "--white-to-light-pink-diagonal-gradient": "linear-gradient( 135deg, white 30%, color-mix(in srgb, oklch(69.02% .277 332.77) 10%, white 80%) 100% )", "--fixed-content-height": "calc(100vh - 3.12rem * 2)", "--mat-button-toggle-state-layer-color": "rgba(0, 0, 0, .87)", "--mat-chip-outline-color": "oklch(84.01% .009 308.34deg)", "--purple-to-blue-vertical-gradient": "linear-gradient( 0deg, oklch(53.18% .28 296.97) 0%, oklch(51.01% .274 263.83) 100% )", "--symbolic-cyan": "oklch(67.05% .1205924489987394 181.34025902203868)", "--mat-button-toggle-legacy-text-color": "rgba(0, 0, 0, .87)", "--orange-to-pink-vertical-gradient": "linear-gradient( 0deg, oklch(69.02% .277 332.77) 0%, color-mix(in srgb, oklch(63.32% .24 31.68), white 50%) 100% )", "--deprecated-light": "oklch(95% .02 304.04)", "--screen-sm": "775px", "--light-orange": "color-mix(in srgb, oklch(63.32% .24 31.68), white 50%)", "--symbolic-yellow": "oklch(78.09% .163 65.69)", "--senary-contrast": "oklch(91.75% .004 301.42deg)", "--mat-button-toggle-selected-state-background-color": "oklch(91.75% .004 301.42deg)", "--mat-button-toggle-disabled-state-text-color": "color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)", "--mat-button-toggle-legacy-label-text-tracking": ".03125em", "--mat-button-toggle-divider-color": "rgba(0, 0, 0, .12)", "--mat-button-toggle-legacy-label-text-line-height": "24px", "--mat-tooltip-supporting-text-size": "12px", "--mat-chip-with-icon-selected-icon-color": "oklch(47.66% .246 305.88)", "--mat-snack-bar-container-shape": ".25rem", "--secondary-nav-width": "16.25rem", "--mat-tooltip-container-color": "#424242", "--hot-pink": "oklch(59.91% .239 8.14)", "--red-to-orange-vertical-gradient": "linear-gradient( 0deg, oklch(59.91% .239 8.14) 0%, oklch(63.32% .24 31.68) 100% )", "--mat-button-toggle-legacy-label-text-size": "16px", "--screen-lg": "1200px", "--super-green": "oklch(79.12% .257 155.13)", "--mat-button-toggle-disabled-selected-state-text-color": "color-mix(in srgb, rgba(0, 0, 0, .87) 38%, transparent)", "--page-background": "white", "--layout-padding": "3.12rem", "--mat-button-toggle-label-text-font": "Roboto, sans-serif", "--symbolic-purple": "oklch(42.86% .29 266.4)", "--hot-pink-header": "oklch(59.91% .239 8.14)", "--mat-button-toggle-legacy-selected-state-text-color": "rgba(0, 0, 0, .87)", "--french-violet": "oklch(47.66% .246 305.88)", "--symbolic-lime": "oklch(70.33% .2078857836035299 135.66843631046476)", "--z-index-content": "50", "--mat-button-toggle-legacy-label-text-font": "Roboto, sans-serif", "--mat-tab-divider-height": "0", "--mat-tooltip-supporting-text-color": "white", "--gradient-angle": "90deg", "--mat-button-toggle-selected-state-text-color": "oklch(25.16% .008 308.11deg)", "--light-violet": "color-mix(in srgb, oklch(53.18% .28 296.97), white 65%)", "--z-index-cookie-consent": "200", "--mat-button-toggle-legacy-focus-state-layer-opacity": "1", "--indigo-blue": "oklch(51.64% .229 281.65)", "--symbolic-magenta": "oklch(51.74% .25453048882711515 315.26261625862725)", "--red-to-orange-horizontal-gradient": "linear-gradient( 90deg, oklch(59.91% .239 8.14) 0%, oklch(63.32% .24 31.68) 100% )", "--soft-pink-radial-gradient": "radial-gradient( circle at center bottom, color-mix(in srgb, oklch(69.02% .277 332.77) 10%, white 80%) 0%, white 80% )", "--orange-red": "oklch(63.32% .24 31.68)", "--septenary-contrast": "oklch(97.12% .002 325.59deg)", "--screen-md": "900px", "--mat-chip-selected-label-text-color": "oklch(47.66% .246 305.88)", "--mat-chip-with-icon-icon-color": "oklch(47.66% .246 305.88)", "--mat-button-toggle-legacy-shape": "2px", "--deprecated-docs-bg": "oklch(95% .02 304.04)", "--mat-button-toggle-legacy-label-text-weight": "400", "--subtle-purple": "color-mix(in srgb, oklch(51.01% .274 263.83) 5%, white 10%)", "--symbolic-green": "oklch(48% .16 145)", "--mat-chip-disabled-outline-color": "oklch(84.01% .009 308.34deg)", "--symbolic-brown": "oklch(49.06% .128 46.41)", "--symbolic-teal": "oklch(57.59% .083 230.58)", "--light-pink": "color-mix(in srgb, oklch(69.02% .277 332.77) 10%, white 80%)", "--tertiary-contrast": "oklch(36.98% .014 302.71deg)", "--mat-tooltip-supporting-text-weight": "400", "--mat-button-toggle-text-color": "oklch(19.37% .006 300.98deg)", "--purple-to-blue-horizontal-gradient": "linear-gradient( 90deg, oklch(53.18% .28 296.97) 0%, oklch(51.01% .274 263.83) 100% )", "--screen-xl": "1430px", "--mat-button-toggle-legacy-disabled-state-background-color": "white", "--mat-button-toggle-label-text-weight": "400", "--mat-chip-flat-selected-outline-width": "1px", "--mat-tooltip-container-shape": "4px", "--always-pink": "oklch(69.02% .277 332.77)", "--z-index-icon": "10", "--mat-button-toggle-disabled-state-background-color": "white", "--red-to-pink-vertical-gradient": "linear-gradient(0deg, oklch(61.42% .238 15.34) 0%, oklch(69.02% .277 332.77) 100%)", "--mat-chip-label-text-line-height": "20px", "--symbolic-blue": "oklch(42.45% .223 263.38)", "--mat-button-toggle-hover-state-layer-opacity": ".04", "--inter-font": "\"Inter\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"", "--mat-button-toggle-legacy-height": "36px", "--symbolic-orange": "oklch(64.73% .23769984683784018 33.18328352127882)", "--mat-tooltip-supporting-text-line-height": "16px", "--pulse-inner": "20%", "--mat-chip-label-text-size": "14px", "--pattern-url": "url(\"data:image/svg+xml,\")", "--card-background": "white" } }