@netlify/spark-ui 1.31.0 → 1.32.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +3 -3
  2. package/packages/styles/tokens.compat.css +21 -0
  3. package/packages/styles/tokens.css +473 -453
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@netlify/spark-ui",
3
3
  "description": "Assets, design tokens, components, and utilities",
4
- "version": "1.31.0",
4
+ "version": "1.32.1",
5
5
  "type": "module",
6
6
  "main": "dist/components/preact/index.js",
7
7
  "types": "dist/components/preact/index.d.ts",
@@ -53,8 +53,8 @@
53
53
  "@semantic-release/changelog": "^6.0.3",
54
54
  "@semantic-release/git": "^10.0.1",
55
55
  "@semantic-release/npm": "^13.0.0",
56
- "@terrazzo/cli": "^0.10.3",
57
- "@terrazzo/plugin-css": "^0.10.0",
56
+ "@terrazzo/cli": "^2.7.1",
57
+ "@terrazzo/plugin-css": "^2.7.1",
58
58
  "@types/gtag.js": "^0.0.20",
59
59
  "@typescript-eslint/eslint-plugin": "^8.26.0",
60
60
  "@typescript-eslint/parser": "^8.26.0",
package/packages/styles/tokens.compat.css CHANGED
@@ -89,6 +89,7 @@
89
89
  --color-warning-border: var(--ntl-color-warning-border);
90
90
  --color-warning-text: var(--ntl-color-warning-text);
91
91
  --eyebrow-text-color: var(--ntl-eyebrow-text-color);
92
+ --filter-invert: var(--ntl-filter-invert);
92
93
  --focus-outline-offset: var(--ntl-focus-outline-offset);
93
94
  --focus-outline-width: var(--ntl-focus-outline-width);
94
95
  --font-family-display: var(--ntl-font-family-display);
@@ -159,6 +160,26 @@
159
160
  --neutral-700: var(--ntl-neutral-700);
160
161
  --neutral-800: var(--ntl-neutral-800);
161
162
  --neutral-900: var(--ntl-neutral-900);
163
+ --neutral-dark-000: var(--ntl-neutral-dark-000);
164
+ --neutral-dark-100: var(--ntl-neutral-dark-100);
165
+ --neutral-dark-200: var(--ntl-neutral-dark-200);
166
+ --neutral-dark-300: var(--ntl-neutral-dark-300);
167
+ --neutral-dark-400: var(--ntl-neutral-dark-400);
168
+ --neutral-dark-500: var(--ntl-neutral-dark-500);
169
+ --neutral-dark-600: var(--ntl-neutral-dark-600);
170
+ --neutral-dark-700: var(--ntl-neutral-dark-700);
171
+ --neutral-dark-800: var(--ntl-neutral-dark-800);
172
+ --neutral-dark-900: var(--ntl-neutral-dark-900);
173
+ --neutral-light-000: var(--ntl-neutral-light-000);
174
+ --neutral-light-100: var(--ntl-neutral-light-100);
175
+ --neutral-light-200: var(--ntl-neutral-light-200);
176
+ --neutral-light-300: var(--ntl-neutral-light-300);
177
+ --neutral-light-400: var(--ntl-neutral-light-400);
178
+ --neutral-light-500: var(--ntl-neutral-light-500);
179
+ --neutral-light-600: var(--ntl-neutral-light-600);
180
+ --neutral-light-700: var(--ntl-neutral-light-700);
181
+ --neutral-light-800: var(--ntl-neutral-light-800);
182
+ --neutral-light-900: var(--ntl-neutral-light-900);
162
183
  --page-content-max-width: var(--ntl-page-content-max-width);
163
184
  --page-gutter: var(--ntl-page-gutter);
164
185
  --pink-000: var(--ntl-pink-000);
package/packages/styles/tokens.css CHANGED
@@ -3,86 +3,87 @@
3
3
  * ------------------------------------------- */
4
4
 
5
5
  :root {
6
- --ntl-active-switcher-tab-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.047058823529411764);
7
- --ntl-badge-bg-color: var(--ntl-neutral-100);
8
- --ntl-badge-border-color: var(--ntl-neutral-300);
9
- --ntl-badge-text-color: var(--ntl-neutral-500);
10
- --ntl-blockquote-accent-color: var(--ntl-blue-700);
11
- --ntl-blue-000: color(srgb 0.9294117647058824 0.9568627450980393 1);
12
- --ntl-blue-100: color(srgb 0.803921568627451 0.8862745098039215 1);
13
- --ntl-blue-200: color(srgb 0.7098039215686275 0.8235294117647058 0.984313725490196);
14
- --ntl-blue-300: color(srgb 0.611764705882353 0.7450980392156863 0.9647058823529412);
15
- --ntl-blue-400: color(srgb 0.5019607843137255 0.6705882352941176 0.9803921568627451);
16
- --ntl-blue-500: color(srgb 0.36470588235294116 0.5529411764705883 0.9607843137254902);
17
- --ntl-blue-600: color(srgb 0.19215686274509805 0.4196078431372549 0.9568627450980393);
18
- --ntl-blue-700: color(srgb 0.1803921568627451 0.3176470588235294 0.9294117647058824);
19
- --ntl-blue-800: color(srgb 0.12549019607843137 0.21176470588235294 0.6313725490196078);
20
- --ntl-blue-900: color(srgb 0.10588235294117647 0.12549019607843137 0.3568627450980392);
6
+ --ntl-active-switcher-tab-bg-color: rgb(4.7059% 16.471% 16.471% / 0.04706);
7
+ --ntl-badge-bg-color: rgb(96.471% 96.471% 96.863%);
8
+ --ntl-badge-border-color: rgb(81.961% 83.529% 85.49%);
9
+ --ntl-badge-text-color: rgb(46.667% 50.196% 53.725%);
10
+ --ntl-blockquote-accent-color: rgb(18.039% 31.765% 92.941%);
11
+ --ntl-blue-000: rgb(92.941% 95.686% 100%);
12
+ --ntl-blue-100: rgb(80.392% 88.627% 100%);
13
+ --ntl-blue-200: rgb(70.98% 82.353% 98.431%);
14
+ --ntl-blue-300: rgb(61.176% 74.51% 96.471%);
15
+ --ntl-blue-400: rgb(50.196% 67.059% 98.039%);
16
+ --ntl-blue-500: rgb(36.471% 55.294% 96.078%);
17
+ --ntl-blue-600: rgb(19.216% 41.961% 95.686%);
18
+ --ntl-blue-700: rgb(18.039% 31.765% 92.941%);
19
+ --ntl-blue-800: rgb(12.549% 21.176% 63.137%);
20
+ --ntl-blue-900: rgb(10.588% 12.549% 35.686%);
21
21
  --ntl-border-width-base: 1.5px;
22
22
  --ntl-border-width-heavy: 3px;
23
23
  --ntl-border-width-thick: 2px;
24
24
  --ntl-border-width-thin: 1px;
25
- --ntl-button-outline-bg-color: color(srgb 0 0 0 / 0);
26
- --ntl-button-outline-bg-color-hover: color(srgb 0.8392156862745098 0.9803921568627451 0.9764705882352941);
27
- --ntl-button-outline-stroke-color: var(--ntl-neutral-800);
28
- --ntl-button-outline-text-color: var(--ntl-neutral-800);
29
- --ntl-button-primary-bg-color: var(--ntl-teal-200);
30
- --ntl-button-primary-bg-color-hover: var(--ntl-teal-100);
31
- --ntl-button-primary-text-color: var(--ntl-neutral-800);
32
- --ntl-button-secondary-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.09803921568627451);
33
- --ntl-button-secondary-bg-color-hover: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.14901960784313725);
34
- --ntl-button-secondary-text-color: var(--ntl-neutral-800);
35
- --ntl-card-bg-color: var(--ntl-neutral-000);
36
- --ntl-card-border-color: var(--ntl-neutral-200);
37
- --ntl-card-border-color-hover: var(--ntl-neutral-300);
38
- --ntl-code-bg-color: var(--ntl-teal-900);
39
- --ntl-color-bg: var(--ntl-neutral-000);
40
- --ntl-color-bg-2: var(--ntl-neutral-100);
41
- --ntl-color-bg-3: var(--ntl-neutral-200);
42
- --ntl-color-bg-inverse: var(--ntl-neutral-300);
43
- --ntl-color-bg-translucent: color(srgb 1 1 1 / 0.9019607843137255);
44
- --ntl-color-border-default: color(srgb 0 0 0 / 0.14901960784313725);
45
- --ntl-color-border-strong: var(--ntl-neutral-300);
46
- --ntl-color-border-subtle: color(srgb 0 0 0 / 0.06274509803921569);
47
- --ntl-color-brand-primary: var(--ntl-blue-700);
48
- --ntl-color-brand-primary-hover: var(--ntl-blue-800);
49
- --ntl-color-brand-secondary: var(--ntl-teal-300);
50
- --ntl-color-brand-secondary-hover: var(--ntl-teal-800);
51
- --ntl-color-disabled-bg: var(--ntl-neutral-200);
52
- --ntl-color-disabled-border: var(--ntl-neutral-400);
53
- --ntl-color-disabled-text: var(--ntl-neutral-400);
54
- --ntl-color-highlight-bg: var(--ntl-purple-100);
55
- --ntl-color-highlight-border: var(--ntl-purple-600);
56
- --ntl-color-highlight-text: var(--ntl-purple-600);
57
- --ntl-color-icon: var(--ntl-blue-700);
58
- --ntl-color-info-bg: var(--ntl-blue-100);
59
- --ntl-color-info-border: var(--ntl-blue-600);
60
- --ntl-color-info-text: var(--ntl-blue-600);
61
- --ntl-color-invalid-bg: var(--ntl-red-100);
62
- --ntl-color-invalid-border: var(--ntl-red-600);
63
- --ntl-color-invalid-text: var(--ntl-red-600);
64
- --ntl-color-link: var(--ntl-blue-700);
65
- --ntl-color-link-default: var(--ntl-blue-700);
66
- --ntl-color-link-hover: var(--ntl-blue-800);
67
- --ntl-color-link-inverse: var(--ntl-blue-400);
68
- --ntl-color-logo-inactive: color(srgb 0.7019607843137254 0.7019607843137254 0.7019607843137254);
69
- --ntl-color-logo-spark: var(--ntl-teal-400);
70
- --ntl-color-logo-type: var(--ntl-teal-800);
71
- --ntl-color-stroke: color(srgb 0 0 0 / 0.14901960784313725);
72
- --ntl-color-success-bg: var(--ntl-green-100);
73
- --ntl-color-success-border: var(--ntl-green-300);
74
- --ntl-color-success-text: var(--ntl-green-800);
75
- --ntl-color-text: var(--ntl-neutral-700);
76
- --ntl-color-text-accent: var(--ntl-teal-300);
77
- --ntl-color-text-default: var(--ntl-neutral-700);
78
- --ntl-color-text-inverse: var(--ntl-neutral-100);
79
- --ntl-color-text-weak: var(--ntl-neutral-500);
80
- --ntl-color-text-weaker: var(--ntl-neutral-400);
81
- --ntl-color-warning-bg: var(--ntl-gold-100);
82
- --ntl-color-warning-border: var(--ntl-gold-300);
83
- --ntl-color-warning-text: var(--ntl-gold-800);
84
- --ntl-eyebrow-text-color: var(--ntl-blue-700);
85
- --ntl-focus-outline-offset: 0;
25
+ --ntl-button-outline-bg-color: rgb(0% 0% 0% / 0);
26
+ --ntl-button-outline-bg-color-hover: rgb(83.922% 98.039% 97.647%);
27
+ --ntl-button-outline-stroke-color: rgb(9.4118% 10.196% 10.98%);
28
+ --ntl-button-outline-text-color: rgb(9.4118% 10.196% 10.98%);
29
+ --ntl-button-primary-bg-color: rgb(19.608% 90.196% 88.627%);
30
+ --ntl-button-primary-bg-color-hover: rgb(55.686% 98.431% 96.863%);
31
+ --ntl-button-primary-text-color: rgb(9.4118% 10.196% 10.98%);
32
+ --ntl-button-secondary-bg-color: rgb(4.7059% 16.471% 16.471% / 0.09804);
33
+ --ntl-button-secondary-bg-color-hover: rgb(4.7059% 16.471% 16.471% / 0.14902);
34
+ --ntl-button-secondary-text-color: rgb(9.4118% 10.196% 10.98%);
35
+ --ntl-card-bg-color: rgb(100% 100% 100%);
36
+ --ntl-card-border-color: rgb(91.373% 92.157% 92.941%);
37
+ --ntl-card-border-color-hover: rgb(81.961% 83.529% 85.49%);
38
+ --ntl-code-bg-color: rgb(4.7059% 16.471% 16.471%);
39
+ --ntl-color-bg: rgb(100% 100% 100%);
40
+ --ntl-color-bg-2: rgb(96.471% 96.471% 96.863%);
41
+ --ntl-color-bg-3: rgb(91.373% 92.157% 92.941%);
42
+ --ntl-color-bg-inverse: rgb(81.961% 83.529% 85.49%);
43
+ --ntl-color-bg-translucent: rgb(100% 100% 100% / 0.90196);
44
+ --ntl-color-border-default: rgb(0% 0% 0% / 0.14902);
45
+ --ntl-color-border-strong: rgb(81.961% 83.529% 85.49%);
46
+ --ntl-color-border-subtle: rgb(0% 0% 0% / 0.06275);
47
+ --ntl-color-brand-primary: rgb(18.039% 31.765% 92.941%);
48
+ --ntl-color-brand-primary-hover: rgb(12.549% 21.176% 63.137%);
49
+ --ntl-color-brand-secondary: rgb(7.8431% 84.706% 83.137%);
50
+ --ntl-color-brand-secondary-hover: rgb(0.39216% 28.235% 27.843%);
51
+ --ntl-color-disabled-bg: rgb(91.373% 92.157% 92.941%);
52
+ --ntl-color-disabled-border: rgb(61.569% 65.49% 69.804%);
53
+ --ntl-color-disabled-text: rgb(61.569% 65.49% 69.804%);
54
+ --ntl-color-highlight-bg: rgb(88.627% 85.098% 96.863%);
55
+ --ntl-color-highlight-border: rgb(46.667% 36.078% 90.588%);
56
+ --ntl-color-highlight-text: rgb(46.667% 36.078% 90.588%);
57
+ --ntl-color-icon: rgb(18.039% 31.765% 92.941%);
58
+ --ntl-color-info-bg: rgb(80.392% 88.627% 100%);
59
+ --ntl-color-info-border: rgb(19.216% 41.961% 95.686%);
60
+ --ntl-color-info-text: rgb(19.216% 41.961% 95.686%);
61
+ --ntl-color-invalid-bg: rgb(98.431% 82.745% 81.569%);
62
+ --ntl-color-invalid-border: rgb(83.922% 15.294% 25.098%);
63
+ --ntl-color-invalid-text: rgb(83.922% 15.294% 25.098%);
64
+ --ntl-color-link: rgb(18.039% 31.765% 92.941%);
65
+ --ntl-color-link-default: rgb(18.039% 31.765% 92.941%);
66
+ --ntl-color-link-hover: rgb(12.549% 21.176% 63.137%);
67
+ --ntl-color-link-inverse: rgb(50.196% 67.059% 98.039%);
68
+ --ntl-color-logo-inactive: rgb(70.196% 70.196% 70.196%);
69
+ --ntl-color-logo-spark: rgb(1.9608% 74.118% 72.941%);
70
+ --ntl-color-logo-type: rgb(0.39216% 28.235% 27.843%);
71
+ --ntl-color-stroke: rgb(0% 0% 0% / 0.14902);
72
+ --ntl-color-success-bg: rgb(74.51% 97.647% 77.647%);
73
+ --ntl-color-success-border: rgb(39.216% 84.706% 49.804%);
74
+ --ntl-color-success-text: rgb(5.8824% 29.02% 12.941%);
75
+ --ntl-color-text: rgb(20.784% 22.745% 24.314%);
76
+ --ntl-color-text-accent: rgb(7.8431% 84.706% 83.137%);
77
+ --ntl-color-text-default: rgb(20.784% 22.745% 24.314%);
78
+ --ntl-color-text-inverse: rgb(96.471% 96.471% 96.863%);
79
+ --ntl-color-text-weak: rgb(46.667% 50.196% 53.725%);
80
+ --ntl-color-text-weaker: rgb(61.569% 65.49% 69.804%);
81
+ --ntl-color-warning-bg: rgb(96.471% 87.843% 64.706%);
82
+ --ntl-color-warning-border: rgb(98.431% 69.412% 23.922%);
83
+ --ntl-color-warning-text: rgb(37.647% 20.392% 3.1373%);
84
+ --ntl-eyebrow-text-color: rgb(18.039% 31.765% 92.941%);
85
+ --ntl-filter-invert: none;
86
+ --ntl-focus-outline-offset: 0px;
86
87
  --ntl-focus-outline-width: 5px;
87
88
  --ntl-font-family-display: "Figtree", system-ui, "Helvetica", sans-serif;
88
89
  --ntl-font-family-mono: "Martian Mono", ui-monospace, "Cascadia Code", "Source Code Pro", "Menlo", "Consolas", "DejaVu Sans Mono", monospace;
@@ -106,27 +107,27 @@
106
107
  --ntl-font-weight-medium: 500;
107
108
  --ntl-font-weight-regular: 400;
108
109
  --ntl-font-weight-semibold: 600;
109
- --ntl-gold-000: color(srgb 0.9921568627450981 0.9607843137254902 0.8470588235294118);
110
- --ntl-gold-100: color(srgb 0.9647058823529412 0.8784313725490196 0.6470588235294118);
111
- --ntl-gold-200: color(srgb 0.9803921568627451 0.803921568627451 0.43529411764705883);
112
- --ntl-gold-300: color(srgb 0.984313725490196 0.6941176470588235 0.23921568627450981);
113
- --ntl-gold-400: color(srgb 0.9764705882352941 0.5568627450980392 0.12941176470588237);
114
- --ntl-gold-500: color(srgb 0.8352941176470589 0.4666666666666667 0.10196078431372549);
115
- --ntl-gold-600: color(srgb 0.6588235294117647 0.36470588235294116 0.07450980392156863);
116
- --ntl-gold-700: color(srgb 0.5490196078431373 0.2980392156862745 0.050980392156862744);
117
- --ntl-gold-800: color(srgb 0.3764705882352941 0.20392156862745098 0.03137254901960784);
118
- --ntl-gold-900: color(srgb 0.2 0.13333333333333333 0.07450980392156863);
119
- --ntl-green-000: color(srgb 0.9058823529411765 0.9882352941176471 0.9137254901960784);
120
- --ntl-green-100: color(srgb 0.7450980392156863 0.9764705882352941 0.7764705882352941);
121
- --ntl-green-200: color(srgb 0.5764705882352941 0.9607843137254902 0.6470588235294118);
122
- --ntl-green-300: color(srgb 0.39215686274509803 0.8470588235294118 0.4980392156862745);
123
- --ntl-green-400: color(srgb 0.22745098039215686 0.7647058823529411 0.39215686274509803);
124
- --ntl-green-500: color(srgb 0.19215686274509805 0.6588235294117647 0.3333333333333333);
125
- --ntl-green-600: color(srgb 0.13333333333333333 0.5098039215686274 0.25098039215686274);
126
- --ntl-green-700: color(srgb 0.10196078431372549 0.4196078431372549 0.20392156862745098);
127
- --ntl-green-800: color(srgb 0.058823529411764705 0.2901960784313726 0.12941176470588237);
128
- --ntl-green-900: color(srgb 0.08235294117647059 0.16470588235294117 0.09803921568627451);
129
- --ntl-heading-text-color: var(--ntl-neutral-800);
110
+ --ntl-gold-000: rgb(99.216% 96.078% 84.706%);
111
+ --ntl-gold-100: rgb(96.471% 87.843% 64.706%);
112
+ --ntl-gold-200: rgb(98.039% 80.392% 43.529%);
113
+ --ntl-gold-300: rgb(98.431% 69.412% 23.922%);
114
+ --ntl-gold-400: rgb(97.647% 55.686% 12.941%);
115
+ --ntl-gold-500: rgb(83.529% 46.667% 10.196%);
116
+ --ntl-gold-600: rgb(65.882% 36.471% 7.451%);
117
+ --ntl-gold-700: rgb(54.902% 29.804% 5.098%);
118
+ --ntl-gold-800: rgb(37.647% 20.392% 3.1373%);
119
+ --ntl-gold-900: rgb(20% 13.333% 7.451%);
120
+ --ntl-green-000: rgb(90.588% 98.824% 91.373%);
121
+ --ntl-green-100: rgb(74.51% 97.647% 77.647%);
122
+ --ntl-green-200: rgb(57.647% 96.078% 64.706%);
123
+ --ntl-green-300: rgb(39.216% 84.706% 49.804%);
124
+ --ntl-green-400: rgb(22.745% 76.471% 39.216%);
125
+ --ntl-green-500: rgb(19.216% 65.882% 33.333%);
126
+ --ntl-green-600: rgb(13.333% 50.98% 25.098%);
127
+ --ntl-green-700: rgb(10.196% 41.961% 20.392%);
128
+ --ntl-green-800: rgb(5.8824% 29.02% 12.941%);
129
+ --ntl-green-900: rgb(8.2353% 16.471% 9.8039%);
130
+ --ntl-heading-text-color: rgb(9.4118% 10.196% 10.98%);
130
131
  --ntl-line-height-heading: 1.1;
131
132
  --ntl-line-height-loose: 2;
132
133
  --ntl-line-height-none: 1;
@@ -142,38 +143,58 @@
142
143
  --ntl-motion-easing-in: ease-in;
143
144
  --ntl-motion-easing-out: ease-out;
144
145
  --ntl-motion-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
145
- --ntl-neutral-000: color(srgb 1 1 1);
146
- --ntl-neutral-100: color(srgb 0.9647058823529412 0.9647058823529412 0.9686274509803922);
147
- --ntl-neutral-200: color(srgb 0.9137254901960784 0.9215686274509803 0.9294117647058824);
148
- --ntl-neutral-300: color(srgb 0.8196078431372549 0.8352941176470589 0.8549019607843137);
149
- --ntl-neutral-400: color(srgb 0.615686274509804 0.6549019607843137 0.6980392156862745);
150
- --ntl-neutral-500: color(srgb 0.4666666666666667 0.5019607843137255 0.5372549019607843);
151
- --ntl-neutral-600: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451);
152
- --ntl-neutral-700: color(srgb 0.20784313725490197 0.22745098039215686 0.24313725490196078);
153
- --ntl-neutral-800: color(srgb 0.09411764705882353 0.10196078431372549 0.10980392156862745);
154
- --ntl-neutral-900: color(srgb 0.023529411764705882 0.043137254901960784 0.06274509803921569);
146
+ --ntl-neutral-000: rgb(100% 100% 100%);
147
+ --ntl-neutral-100: rgb(96.471% 96.471% 96.863%);
148
+ --ntl-neutral-200: rgb(91.373% 92.157% 92.941%);
149
+ --ntl-neutral-300: rgb(81.961% 83.529% 85.49%);
150
+ --ntl-neutral-400: rgb(61.569% 65.49% 69.804%);
151
+ --ntl-neutral-500: rgb(46.667% 50.196% 53.725%);
152
+ --ntl-neutral-600: rgb(32.941% 35.294% 38.039%);
153
+ --ntl-neutral-700: rgb(20.784% 22.745% 24.314%);
154
+ --ntl-neutral-800: rgb(9.4118% 10.196% 10.98%);
155
+ --ntl-neutral-900: rgb(2.3529% 4.3137% 6.2745%);
156
+ --ntl-neutral-dark-000: rgb(100% 100% 100%);
157
+ --ntl-neutral-dark-100: rgb(90.196% 92.549% 94.902%);
158
+ --ntl-neutral-dark-200: rgb(67.059% 70.98% 74.902%);
159
+ --ntl-neutral-dark-300: rgb(49.412% 52.941% 57.255%);
160
+ --ntl-neutral-dark-400: rgb(30.196% 33.725% 37.255%);
161
+ --ntl-neutral-dark-500: rgb(23.137% 26.275% 29.804%);
162
+ --ntl-neutral-dark-600: rgb(15.294% 18.431% 21.961%);
163
+ --ntl-neutral-dark-700: rgb(11.765% 14.118% 17.255%);
164
+ --ntl-neutral-dark-800: rgb(7.0588% 9.4118% 12.157%);
165
+ --ntl-neutral-dark-900: rgb(2.3529% 4.3137% 6.2745%);
166
+ --ntl-neutral-light-000: rgb(100% 100% 100%);
167
+ --ntl-neutral-light-100: rgb(96.471% 96.471% 96.863%);
168
+ --ntl-neutral-light-200: rgb(91.373% 92.157% 92.941%);
169
+ --ntl-neutral-light-300: rgb(81.961% 83.529% 85.49%);
170
+ --ntl-neutral-light-400: rgb(61.569% 65.49% 69.804%);
171
+ --ntl-neutral-light-500: rgb(46.667% 50.196% 53.725%);
172
+ --ntl-neutral-light-600: rgb(32.941% 35.294% 38.039%);
173
+ --ntl-neutral-light-700: rgb(20.784% 22.745% 24.314%);
174
+ --ntl-neutral-light-800: rgb(9.4118% 10.196% 10.98%);
175
+ --ntl-neutral-light-900: rgb(2.3529% 4.3137% 6.2745%);
155
176
  --ntl-page-content-max-width: 80rem;
156
- --ntl-page-gutter: var(--ntl-space-l);
157
- --ntl-pink-000: color(srgb 0.9882352941176471 0.9411764705882353 0.984313725490196);
158
- --ntl-pink-100: color(srgb 0.9647058823529412 0.8235294117647058 0.9490196078431372);
159
- --ntl-pink-200: color(srgb 0.9686274509803922 0.7372549019607844 0.9529411764705882);
160
- --ntl-pink-300: color(srgb 0.9529411764705882 0.6588235294117647 0.9333333333333333);
161
- --ntl-pink-400: color(srgb 0.9372549019607843 0.4980392156862745 0.9215686274509803);
162
- --ntl-pink-500: color(srgb 0.8745098039215686 0.35294117647058826 0.8627450980392157);
163
- --ntl-pink-600: color(srgb 0.7254901960784313 0.2196078431372549 0.7215686274509804);
164
- --ntl-pink-700: color(srgb 0.6039215686274509 0.17647058823529413 0.6);
165
- --ntl-pink-800: color(srgb 0.4235294117647059 0.11372549019607843 0.4196078431372549);
166
- --ntl-pink-900: color(srgb 0.2196078431372549 0.10588235294117647 0.21568627450980393);
167
- --ntl-purple-000: color(srgb 0.9607843137254902 0.9490196078431372 0.9882352941176471);
168
- --ntl-purple-100: color(srgb 0.8862745098039215 0.8509803921568627 0.9686274509803922);
169
- --ntl-purple-200: color(srgb 0.8470588235294118 0.7803921568627451 1);
170
- --ntl-purple-300: color(srgb 0.792156862745098 0.7254901960784313 0.9568627450980393);
171
- --ntl-purple-400: color(srgb 0.7058823529411765 0.615686274509804 0.9450980392156862);
172
- --ntl-purple-500: color(srgb 0.6078431372549019 0.5019607843137255 0.9294117647058824);
173
- --ntl-purple-600: color(srgb 0.4666666666666667 0.3607843137254902 0.9058823529411765);
174
- --ntl-purple-700: color(srgb 0.3803921568627451 0.2901960784313726 0.792156862745098);
175
- --ntl-purple-800: color(srgb 0.2196078431372549 0.16470588235294117 0.6431372549019608);
176
- --ntl-purple-900: color(srgb 0.1607843137254902 0.12941176470588237 0.25882352941176473);
177
+ --ntl-page-gutter: 2rem;
178
+ --ntl-pink-000: rgb(98.824% 94.118% 98.431%);
179
+ --ntl-pink-100: rgb(96.471% 82.353% 94.902%);
180
+ --ntl-pink-200: rgb(96.863% 73.725% 95.294%);
181
+ --ntl-pink-300: rgb(95.294% 65.882% 93.333%);
182
+ --ntl-pink-400: rgb(93.725% 49.804% 92.157%);
183
+ --ntl-pink-500: rgb(87.451% 35.294% 86.275%);
184
+ --ntl-pink-600: rgb(72.549% 21.961% 72.157%);
185
+ --ntl-pink-700: rgb(60.392% 17.647% 60%);
186
+ --ntl-pink-800: rgb(42.353% 11.373% 41.961%);
187
+ --ntl-pink-900: rgb(21.961% 10.588% 21.569%);
188
+ --ntl-purple-000: rgb(96.078% 94.902% 98.824%);
189
+ --ntl-purple-100: rgb(88.627% 85.098% 96.863%);
190
+ --ntl-purple-200: rgb(84.706% 78.039% 100%);
191
+ --ntl-purple-300: rgb(79.216% 72.549% 95.686%);
192
+ --ntl-purple-400: rgb(70.588% 61.569% 94.51%);
193
+ --ntl-purple-500: rgb(60.784% 50.196% 92.941%);
194
+ --ntl-purple-600: rgb(46.667% 36.078% 90.588%);
195
+ --ntl-purple-700: rgb(38.039% 29.02% 79.216%);
196
+ --ntl-purple-800: rgb(21.961% 16.471% 64.314%);
197
+ --ntl-purple-900: rgb(16.078% 12.941% 25.882%);
177
198
  --ntl-radius-2xl: 1.875rem;
178
199
  --ntl-radius-l: 0.75rem;
179
200
  --ntl-radius-m: 0.375rem;
@@ -181,31 +202,31 @@
181
202
  --ntl-radius-s: 0.25rem;
182
203
  --ntl-radius-xl: 1rem;
183
204
  --ntl-radius-xs: 0.125rem;
184
- --ntl-red-000: color(srgb 0.984313725490196 0.9333333333333333 0.9294117647058824);
185
- --ntl-red-100: color(srgb 0.984313725490196 0.8274509803921568 0.8156862745098039);
186
- --ntl-red-200: color(srgb 1 0.7411764705882353 0.7294117647058823);
187
- --ntl-red-300: color(srgb 1 0.6784313725490196 0.6627450980392157);
188
- --ntl-red-400: color(srgb 0.996078431372549 0.5137254901960784 0.5098039215686274);
189
- --ntl-red-500: color(srgb 0.996078431372549 0.3058823529411765 0.3607843137254902);
190
- --ntl-red-600: color(srgb 0.8392156862745098 0.15294117647058825 0.25098039215686274);
191
- --ntl-red-700: color(srgb 0.6862745098039216 0.1450980392156863 0.21176470588235294);
192
- --ntl-red-800: color(srgb 0.5019607843137255 0.0392156862745098 0.12549019607843137);
193
- --ntl-red-900: color(srgb 0.23921568627450981 0.10980392156862745 0.10588235294117647);
194
- --ntl-search-answer-message-color: var(--ntl-neutral-200);
195
- --ntl-search-back-btn-bg-color: var(--ntl-neutral-100);
196
- --ntl-search-bg-color: var(--ntl-neutral-000);
197
- --ntl-search-highlight-color: var(--ntl-teal-000);
198
- --ntl-search-icon-color: var(--ntl-neutral-400);
199
- --ntl-search-input-bg-color: var(--ntl-neutral-100);
200
- --ntl-search-loading-color: var(--ntl-teal-700);
201
- --ntl-search-source-list-color: var(--ntl-neutral-100);
202
- --ntl-search-submit-btn-bg-color: var(--ntl-teal-200);
203
- --ntl-search-user-message-color: var(--ntl-teal-000);
204
- --ntl-shadow-deep: 0 16px 24px 0 color(srgb 0 0 0 / 0.07), 0 6px 30px 0 color(srgb 0 0 0 / 0.06), 0 8px 10px 0 color(srgb 0 0 0 / 0.1);
205
- --ntl-shadow-heavy: -10px 10px 80px 0 color(srgb 0 0 0 / 0.1);
206
- --ntl-shadow-hover: 0 4px 12px 0 color(srgb 0 0 0 / 0.25);
207
- --ntl-shadow-light: 0 2px 4px 0 color(srgb 0.2 0.21568627450980393 0.23137254901960785 / 0.08), 0 1px 10px 0 color(srgb 0.2 0.21568627450980393 0.23137254901960785 / 0.06);
208
- --ntl-space-0: 0;
205
+ --ntl-red-000: rgb(98.431% 93.333% 92.941%);
206
+ --ntl-red-100: rgb(98.431% 82.745% 81.569%);
207
+ --ntl-red-200: rgb(100% 74.118% 72.941%);
208
+ --ntl-red-300: rgb(100% 67.843% 66.275%);
209
+ --ntl-red-400: rgb(99.608% 51.373% 50.98%);
210
+ --ntl-red-500: rgb(99.608% 30.588% 36.078%);
211
+ --ntl-red-600: rgb(83.922% 15.294% 25.098%);
212
+ --ntl-red-700: rgb(68.627% 14.51% 21.176%);
213
+ --ntl-red-800: rgb(50.196% 3.9216% 12.549%);
214
+ --ntl-red-900: rgb(23.922% 10.98% 10.588%);
215
+ --ntl-search-answer-message-color: rgb(91.373% 92.157% 92.941%);
216
+ --ntl-search-back-btn-bg-color: rgb(96.471% 96.471% 96.863%);
217
+ --ntl-search-bg-color: rgb(100% 100% 100%);
218
+ --ntl-search-highlight-color: rgb(87.059% 100% 99.608%);
219
+ --ntl-search-icon-color: rgb(61.569% 65.49% 69.804%);
220
+ --ntl-search-input-bg-color: rgb(96.471% 96.471% 96.863%);
221
+ --ntl-search-loading-color: rgb(0.39216% 41.176% 40.784%);
222
+ --ntl-search-source-list-color: rgb(96.471% 96.471% 96.863%);
223
+ --ntl-search-submit-btn-bg-color: rgb(19.608% 90.196% 88.627%);
224
+ --ntl-search-user-message-color: rgb(87.059% 100% 99.608%);
225
+ --ntl-shadow-deep: 0px 16px 24px 0px rgb(0% 0% 0% / 0.07), 0px 6px 30px 0px rgb(0% 0% 0% / 0.06), 0px 8px 10px 0px rgb(0% 0% 0% / 0.1);
226
+ --ntl-shadow-heavy: -10px 10px 80px 0px rgb(0% 0% 0% / 0.1);
227
+ --ntl-shadow-hover: 0px 4px 12px 0px rgb(0% 0% 0% / 0.25);
228
+ --ntl-shadow-light: 0px 2px 4px 0px rgb(20% 21.569% 23.137% / 0.08), 0px 1px 10px 0px rgb(20% 21.569% 23.137% / 0.06);
229
+ --ntl-space-0: 0rem;
209
230
  --ntl-space-2xl: 4rem;
210
231
  --ntl-space-2xs: 0.5rem;
211
232
  --ntl-space-3xl: 6rem;
@@ -216,25 +237,25 @@
216
237
  --ntl-space-s: 1rem;
217
238
  --ntl-space-xl: 3rem;
218
239
  --ntl-space-xs: 0.75rem;
219
- --ntl-tabbed-content-bg-color: var(--ntl-neutral-000);
220
- --ntl-tabbed-content-bg-color-active: var(--ntl-neutral-000);
221
- --ntl-tabbed-content-border-color: var(--ntl-color-icon);
222
- --ntl-tabbed-content-code-bg-color: var(--ntl-neutral-900);
223
- --ntl-tabbed-content-tab-text-color-active: var(--ntl-color-icon);
224
- --ntl-teal-000: color(srgb 0.8705882352941177 1 0.996078431372549);
225
- --ntl-teal-100: color(srgb 0.5568627450980392 0.984313725490196 0.9686274509803922);
226
- --ntl-teal-200: color(srgb 0.19607843137254902 0.9019607843137255 0.8862745098039215);
227
- --ntl-teal-300: color(srgb 0.0784313725490196 0.8470588235294118 0.8313725490196079);
228
- --ntl-teal-400: color(srgb 0.0196078431372549 0.7411764705882353 0.7294117647058823);
229
- --ntl-teal-500: color(srgb 0.01568627450980392 0.6352941176470588 0.6235294117647059);
230
- --ntl-teal-600: color(srgb 0.00784313725490196 0.5019607843137255 0.49019607843137253);
231
- --ntl-teal-700: color(srgb 0.00392156862745098 0.4117647058823529 0.40784313725490196);
232
- --ntl-teal-800: color(srgb 0.00392156862745098 0.2823529411764706 0.2784313725490196);
233
- --ntl-teal-900: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117);
234
- --ntl-testimonial-logo-hover-color: var(--ntl-neutral-500);
235
- --ntl-testimonial-logo-inactive-color: var(--ntl-neutral-400);
240
+ --ntl-tabbed-content-bg-color: rgb(100% 100% 100%);
241
+ --ntl-tabbed-content-bg-color-active: rgb(100% 100% 100%);
242
+ --ntl-tabbed-content-border-color: rgb(18.039% 31.765% 92.941%);
243
+ --ntl-tabbed-content-code-bg-color: rgb(2.3529% 4.3137% 6.2745%);
244
+ --ntl-tabbed-content-tab-text-color-active: rgb(18.039% 31.765% 92.941%);
245
+ --ntl-teal-000: rgb(87.059% 100% 99.608%);
246
+ --ntl-teal-100: rgb(55.686% 98.431% 96.863%);
247
+ --ntl-teal-200: rgb(19.608% 90.196% 88.627%);
248
+ --ntl-teal-300: rgb(7.8431% 84.706% 83.137%);
249
+ --ntl-teal-400: rgb(1.9608% 74.118% 72.941%);
250
+ --ntl-teal-500: rgb(1.5686% 63.529% 62.353%);
251
+ --ntl-teal-600: rgb(0.78431% 50.196% 49.02%);
252
+ --ntl-teal-700: rgb(0.39216% 41.176% 40.784%);
253
+ --ntl-teal-800: rgb(0.39216% 28.235% 27.843%);
254
+ --ntl-teal-900: rgb(4.7059% 16.471% 16.471%);
255
+ --ntl-testimonial-logo-hover-color: rgb(46.667% 50.196% 53.725%);
256
+ --ntl-testimonial-logo-inactive-color: rgb(61.569% 65.49% 69.804%);
236
257
  --ntl-text-underline-offset: 0.125em;
237
- --ntl-title-text-color: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451 / 0.7490196078431373);
258
+ --ntl-title-text-color: rgb(32.941% 35.294% 38.039% / 0.74902);
238
259
  --ntl-tracking-tight: -0.02em;
239
260
  --ntl-z-index-base: 0;
240
261
  --ntl-z-index-modal: 300;
@@ -247,296 +268,295 @@
247
268
 
248
269
  @media (prefers-color-scheme: dark) {
249
270
  :root {
250
- --ntl-active-switcher-tab-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117);
251
- --ntl-badge-bg-color: var(--ntl-neutral-700);
252
- --ntl-badge-border-color: var(--ntl-neutral-600);
253
- --ntl-badge-text-color: var(--ntl-neutral-100);
254
- --ntl-blockquote-accent-color: var(--ntl-teal-200);
255
- --ntl-button-outline-bg-color: color(srgb 0 0 0 / 0);
256
- --ntl-button-outline-bg-color-hover: var(--ntl-neutral-500);
257
- --ntl-button-outline-stroke-color: var(--ntl-teal-200);
258
- --ntl-button-outline-text-color: var(--ntl-teal-200);
259
- --ntl-button-primary-bg-color: var(--ntl-teal-200);
260
- --ntl-button-primary-bg-color-hover: var(--ntl-teal-100);
261
- --ntl-button-primary-text-color: var(--ntl-neutral-800);
262
- --ntl-button-secondary-bg-color: color(srgb 1 1 1 / 0.09803921568627451);
263
- --ntl-button-secondary-bg-color-hover: color(srgb 0.6549019607843137 1 0.9921568627450981 / 0.14901960784313725);
264
- --ntl-button-secondary-text-color: var(--ntl-teal-200);
265
- --ntl-card-bg-color: var(--ntl-teal-900);
266
- --ntl-card-border-color: var(--ntl-teal-900);
267
- --ntl-card-border-color-hover: var(--ntl-teal-800);
268
- --ntl-code-bg-color: var(--ntl-teal-900);
269
- --ntl-color-bg: var(--ntl-neutral-800);
270
- --ntl-color-bg-2: var(--ntl-neutral-700);
271
- --ntl-color-bg-3: var(--ntl-neutral-600);
272
- --ntl-color-bg-inverse: var(--ntl-neutral-000);
273
- --ntl-color-bg-translucent: color(srgb 0.07058823529411765 0.09411764705882353 0.12156862745098039 / 0.9490196078431372);
274
- --ntl-color-border-default: color(srgb 1 1 1 / 0.09803921568627451);
275
- --ntl-color-border-strong: var(--ntl-neutral-500);
276
- --ntl-color-border-subtle: color(srgb 1 1 1 / 0.0392156862745098);
277
- --ntl-color-brand-primary: var(--ntl-teal-300);
278
- --ntl-color-brand-primary-hover: var(--ntl-teal-800);
279
- --ntl-color-brand-secondary: var(--ntl-blue-700);
280
- --ntl-color-brand-secondary-hover: var(--ntl-blue-800);
281
- --ntl-color-disabled-bg: var(--ntl-neutral-600);
282
- --ntl-color-disabled-border: var(--ntl-neutral-400);
283
- --ntl-color-disabled-text: var(--ntl-neutral-400);
284
- --ntl-color-highlight-bg: var(--ntl-purple-200);
285
- --ntl-color-highlight-border: var(--ntl-purple-700);
286
- --ntl-color-highlight-text: var(--ntl-purple-700);
287
- --ntl-color-icon: var(--ntl-teal-200);
288
- --ntl-color-info-bg: var(--ntl-blue-200);
289
- --ntl-color-info-border: var(--ntl-blue-700);
290
- --ntl-color-info-text: var(--ntl-blue-700);
291
- --ntl-color-invalid-bg: var(--ntl-red-200);
292
- --ntl-color-invalid-border: var(--ntl-red-700);
293
- --ntl-color-invalid-text: var(--ntl-red-700);
294
- --ntl-color-link: var(--ntl-teal-200);
295
- --ntl-color-link-default: var(--ntl-teal-200);
296
- --ntl-color-link-hover: var(--ntl-teal-100);
297
- --ntl-color-link-inverse: var(--ntl-blue-600);
298
- --ntl-color-logo-inactive: color(srgb 0.2823529411764706 0.36470588235294116 0.36470588235294116);
299
- --ntl-color-logo-spark: var(--ntl-teal-200);
300
- --ntl-color-logo-type: var(--ntl-neutral-000);
301
- --ntl-color-stroke: color(srgb 1 1 1 / 0.09803921568627451);
302
- --ntl-color-success-bg: var(--ntl-green-200);
303
- --ntl-color-success-border: var(--ntl-green-400);
304
- --ntl-color-success-text: var(--ntl-green-900);
305
- --ntl-color-text: var(--ntl-teal-000);
306
- --ntl-color-text-accent: var(--ntl-teal-600);
307
- --ntl-color-text-default: var(--ntl-teal-000);
308
- --ntl-color-text-inverse: var(--ntl-teal-800);
309
- --ntl-color-text-weak: var(--ntl-neutral-300);
310
- --ntl-color-text-weaker: var(--ntl-neutral-400);
311
- --ntl-color-warning-bg: var(--ntl-gold-200);
312
- --ntl-color-warning-border: var(--ntl-gold-400);
313
- --ntl-color-warning-text: var(--ntl-gold-900);
314
- --ntl-eyebrow-text-color: var(--ntl-teal-200);
271
+ --ntl-active-switcher-tab-bg-color: rgb(4.7059% 16.471% 16.471%);
272
+ --ntl-badge-bg-color: rgb(11.765% 14.118% 17.255%);
273
+ --ntl-badge-border-color: rgb(15.294% 18.431% 21.961%);
274
+ --ntl-badge-text-color: rgb(90.196% 92.549% 94.902%);
275
+ --ntl-blockquote-accent-color: rgb(19.608% 90.196% 88.627%);
276
+ --ntl-button-outline-bg-color: rgb(0% 0% 0% / 0);
277
+ --ntl-button-outline-bg-color-hover: rgb(23.137% 26.275% 29.804%);
278
+ --ntl-button-outline-stroke-color: rgb(19.608% 90.196% 88.627%);
279
+ --ntl-button-outline-text-color: rgb(19.608% 90.196% 88.627%);
280
+ --ntl-button-primary-bg-color: rgb(19.608% 90.196% 88.627%);
281
+ --ntl-button-primary-bg-color-hover: rgb(55.686% 98.431% 96.863%);
282
+ --ntl-button-primary-text-color: rgb(7.0588% 9.4118% 12.157%);
283
+ --ntl-button-secondary-bg-color: rgb(100% 100% 100% / 0.09804);
284
+ --ntl-button-secondary-bg-color-hover: rgb(65.49% 100% 99.216% / 0.14902);
285
+ --ntl-button-secondary-text-color: rgb(19.608% 90.196% 88.627%);
286
+ --ntl-card-bg-color: rgb(4.7059% 16.471% 16.471%);
287
+ --ntl-card-border-color: rgb(4.7059% 16.471% 16.471%);
288
+ --ntl-card-border-color-hover: rgb(0.39216% 28.235% 27.843%);
289
+ --ntl-code-bg-color: rgb(4.7059% 16.471% 16.471%);
290
+ --ntl-color-bg: rgb(7.0588% 9.4118% 12.157%);
291
+ --ntl-color-bg-2: rgb(11.765% 14.118% 17.255%);
292
+ --ntl-color-bg-3: rgb(15.294% 18.431% 21.961%);
293
+ --ntl-color-bg-inverse: rgb(100% 100% 100%);
294
+ --ntl-color-bg-translucent: rgb(7.0588% 9.4118% 12.157% / 0.94902);
295
+ --ntl-color-border-default: rgb(100% 100% 100% / 0.09804);
296
+ --ntl-color-border-strong: rgb(23.137% 26.275% 29.804%);
297
+ --ntl-color-border-subtle: rgb(100% 100% 100% / 0.03922);
298
+ --ntl-color-brand-primary: rgb(7.8431% 84.706% 83.137%);
299
+ --ntl-color-brand-primary-hover: rgb(0.39216% 28.235% 27.843%);
300
+ --ntl-color-brand-secondary: rgb(18.039% 31.765% 92.941%);
301
+ --ntl-color-brand-secondary-hover: rgb(12.549% 21.176% 63.137%);
302
+ --ntl-color-disabled-bg: rgb(15.294% 18.431% 21.961%);
303
+ --ntl-color-disabled-border: rgb(30.196% 33.725% 37.255%);
304
+ --ntl-color-disabled-text: rgb(30.196% 33.725% 37.255%);
305
+ --ntl-color-highlight-bg: rgb(84.706% 78.039% 100%);
306
+ --ntl-color-highlight-border: rgb(38.039% 29.02% 79.216%);
307
+ --ntl-color-highlight-text: rgb(38.039% 29.02% 79.216%);
308
+ --ntl-color-icon: rgb(19.608% 90.196% 88.627%);
309
+ --ntl-color-info-bg: rgb(70.98% 82.353% 98.431%);
310
+ --ntl-color-info-border: rgb(18.039% 31.765% 92.941%);
311
+ --ntl-color-info-text: rgb(18.039% 31.765% 92.941%);
312
+ --ntl-color-invalid-bg: rgb(100% 74.118% 72.941%);
313
+ --ntl-color-invalid-border: rgb(68.627% 14.51% 21.176%);
314
+ --ntl-color-invalid-text: rgb(68.627% 14.51% 21.176%);
315
+ --ntl-color-link: rgb(19.608% 90.196% 88.627%);
316
+ --ntl-color-link-default: rgb(19.608% 90.196% 88.627%);
317
+ --ntl-color-link-hover: rgb(55.686% 98.431% 96.863%);
318
+ --ntl-color-link-inverse: rgb(19.216% 41.961% 95.686%);
319
+ --ntl-color-logo-inactive: rgb(28.235% 36.471% 36.471%);
320
+ --ntl-color-logo-spark: rgb(19.608% 90.196% 88.627%);
321
+ --ntl-color-logo-type: rgb(100% 100% 100%);
322
+ --ntl-color-stroke: rgb(100% 100% 100% / 0.09804);
323
+ --ntl-color-success-bg: rgb(57.647% 96.078% 64.706%);
324
+ --ntl-color-success-border: rgb(22.745% 76.471% 39.216%);
325
+ --ntl-color-success-text: rgb(8.2353% 16.471% 9.8039%);
326
+ --ntl-color-text: rgb(87.059% 100% 99.608%);
327
+ --ntl-color-text-accent: rgb(0.78431% 50.196% 49.02%);
328
+ --ntl-color-text-default: rgb(87.059% 100% 99.608%);
329
+ --ntl-color-text-inverse: rgb(0.39216% 28.235% 27.843%);
330
+ --ntl-color-text-weak: rgb(49.412% 52.941% 57.255%);
331
+ --ntl-color-text-weaker: rgb(30.196% 33.725% 37.255%);
332
+ --ntl-color-warning-bg: rgb(98.039% 80.392% 43.529%);
333
+ --ntl-color-warning-border: rgb(97.647% 55.686% 12.941%);
334
+ --ntl-color-warning-text: rgb(20% 13.333% 7.451%);
335
+ --ntl-eyebrow-text-color: rgb(19.608% 90.196% 88.627%);
315
336
  --ntl-filter-invert: invert(1);
316
- --ntl-heading-text-color: var(--ntl-neutral-100);
317
- --ntl-neutral-000: color(srgb 1 1 1);
318
- --ntl-neutral-100: color(srgb 0.9019607843137255 0.9254901960784314 0.9490196078431372);
319
- --ntl-neutral-200: color(srgb 0.6705882352941176 0.7098039215686275 0.7490196078431373);
320
- --ntl-neutral-300: color(srgb 0.49411764705882355 0.5294117647058824 0.5725490196078431);
321
- --ntl-neutral-400: color(srgb 0.30196078431372547 0.33725490196078434 0.37254901960784315);
322
- --ntl-neutral-500: color(srgb 0.23137254901960785 0.2627450980392157 0.2980392156862745);
323
- --ntl-neutral-600: color(srgb 0.15294117647058825 0.1843137254901961 0.2196078431372549);
324
- --ntl-neutral-700: color(srgb 0.11764705882352941 0.1411764705882353 0.17254901960784313);
325
- --ntl-neutral-800: color(srgb 0.07058823529411765 0.09411764705882353 0.12156862745098039);
326
- --ntl-neutral-900: color(srgb 0.023529411764705882 0.043137254901960784 0.06274509803921569);
327
- --ntl-search-answer-message-color: var(--ntl-neutral-600);
328
- --ntl-search-back-btn-bg-color: var(--ntl-neutral-500);
329
- --ntl-search-bg-color: var(--ntl-neutral-700);
330
- --ntl-search-highlight-color: var(--ntl-teal-800);
331
- --ntl-search-icon-color: var(--ntl-neutral-300);
332
- --ntl-search-input-bg-color: var(--ntl-neutral-600);
333
- --ntl-search-loading-color: var(--ntl-teal-200);
334
- --ntl-search-source-list-color: var(--ntl-neutral-700);
335
- --ntl-search-submit-btn-bg-color: var(--ntl-teal-200);
336
- --ntl-search-user-message-color: var(--ntl-teal-800);
337
- --ntl-tabbed-content-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.2);
338
- --ntl-tabbed-content-bg-color-active: var(--ntl-teal-900);
339
- --ntl-tabbed-content-border-color: var(--ntl-color-icon);
340
- --ntl-tabbed-content-code-bg-color: var(--ntl-neutral-900);
341
- --ntl-tabbed-content-tab-text-color-active: var(--ntl-color-icon);
342
- --ntl-testimonial-logo-hover-color: var(--ntl-neutral-300);
343
- --ntl-testimonial-logo-inactive-color: var(--ntl-neutral-400);
344
- --ntl-title-text-color: color(srgb 0.8352941176470589 1 0.996078431372549 / 0.7490196078431373);
337
+ --ntl-heading-text-color: rgb(90.196% 92.549% 94.902%);
338
+ --ntl-neutral-000: rgb(100% 100% 100%);
339
+ --ntl-neutral-100: rgb(90.196% 92.549% 94.902%);
340
+ --ntl-neutral-200: rgb(67.059% 70.98% 74.902%);
341
+ --ntl-neutral-300: rgb(49.412% 52.941% 57.255%);
342
+ --ntl-neutral-400: rgb(30.196% 33.725% 37.255%);
343
+ --ntl-neutral-500: rgb(23.137% 26.275% 29.804%);
344
+ --ntl-neutral-600: rgb(15.294% 18.431% 21.961%);
345
+ --ntl-neutral-700: rgb(11.765% 14.118% 17.255%);
346
+ --ntl-neutral-800: rgb(7.0588% 9.4118% 12.157%);
347
+ --ntl-neutral-900: rgb(2.3529% 4.3137% 6.2745%);
348
+ --ntl-search-answer-message-color: rgb(15.294% 18.431% 21.961%);
349
+ --ntl-search-back-btn-bg-color: rgb(23.137% 26.275% 29.804%);
350
+ --ntl-search-bg-color: rgb(11.765% 14.118% 17.255%);
351
+ --ntl-search-highlight-color: rgb(0.39216% 28.235% 27.843%);
352
+ --ntl-search-icon-color: rgb(49.412% 52.941% 57.255%);
353
+ --ntl-search-input-bg-color: rgb(15.294% 18.431% 21.961%);
354
+ --ntl-search-loading-color: rgb(19.608% 90.196% 88.627%);
355
+ --ntl-search-source-list-color: rgb(11.765% 14.118% 17.255%);
356
+ --ntl-search-submit-btn-bg-color: rgb(19.608% 90.196% 88.627%);
357
+ --ntl-search-user-message-color: rgb(0.39216% 28.235% 27.843%);
358
+ --ntl-tabbed-content-bg-color: rgb(4.7059% 16.471% 16.471% / 0.2);
359
+ --ntl-tabbed-content-bg-color-active: rgb(4.7059% 16.471% 16.471%);
360
+ --ntl-tabbed-content-border-color: rgb(19.608% 90.196% 88.627%);
361
+ --ntl-tabbed-content-code-bg-color: rgb(2.3529% 4.3137% 6.2745%);
362
+ --ntl-tabbed-content-tab-text-color-active: rgb(19.608% 90.196% 88.627%);
363
+ --ntl-testimonial-logo-hover-color: rgb(49.412% 52.941% 57.255%);
364
+ --ntl-testimonial-logo-inactive-color: rgb(30.196% 33.725% 37.255%);
365
+ --ntl-title-text-color: rgb(83.529% 100% 99.608% / 0.74902);
345
366
  }
346
367
  }
347
368
 
348
369
  [data-theme="dark"] {
349
- --ntl-active-switcher-tab-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117);
350
- --ntl-badge-bg-color: var(--ntl-neutral-700);
351
- --ntl-badge-border-color: var(--ntl-neutral-600);
352
- --ntl-badge-text-color: var(--ntl-neutral-100);
353
- --ntl-blockquote-accent-color: var(--ntl-teal-200);
354
- --ntl-button-outline-bg-color: color(srgb 0 0 0 / 0);
355
- --ntl-button-outline-bg-color-hover: var(--ntl-neutral-500);
356
- --ntl-button-outline-stroke-color: var(--ntl-teal-200);
357
- --ntl-button-outline-text-color: var(--ntl-teal-200);
358
- --ntl-button-primary-bg-color: var(--ntl-teal-200);
359
- --ntl-button-primary-bg-color-hover: var(--ntl-teal-100);
360
- --ntl-button-primary-text-color: var(--ntl-neutral-800);
361
- --ntl-button-secondary-bg-color: color(srgb 1 1 1 / 0.09803921568627451);
362
- --ntl-button-secondary-bg-color-hover: color(srgb 0.6549019607843137 1 0.9921568627450981 / 0.14901960784313725);
363
- --ntl-button-secondary-text-color: var(--ntl-teal-200);
364
- --ntl-card-bg-color: var(--ntl-teal-900);
365
- --ntl-card-border-color: var(--ntl-teal-900);
366
- --ntl-card-border-color-hover: var(--ntl-teal-800);
367
- --ntl-code-bg-color: var(--ntl-teal-900);
368
- --ntl-color-bg: var(--ntl-neutral-800);
369
- --ntl-color-bg-2: var(--ntl-neutral-700);
370
- --ntl-color-bg-3: var(--ntl-neutral-600);
371
- --ntl-color-bg-inverse: var(--ntl-neutral-000);
372
- --ntl-color-bg-translucent: color(srgb 0.07058823529411765 0.09411764705882353 0.12156862745098039 / 0.9490196078431372);
373
- --ntl-color-border-default: color(srgb 1 1 1 / 0.09803921568627451);
374
- --ntl-color-border-strong: var(--ntl-neutral-500);
375
- --ntl-color-border-subtle: color(srgb 1 1 1 / 0.0392156862745098);
376
- --ntl-color-brand-primary: var(--ntl-teal-300);
377
- --ntl-color-brand-primary-hover: var(--ntl-teal-800);
378
- --ntl-color-brand-secondary: var(--ntl-blue-700);
379
- --ntl-color-brand-secondary-hover: var(--ntl-blue-800);
380
- --ntl-color-disabled-bg: var(--ntl-neutral-600);
381
- --ntl-color-disabled-border: var(--ntl-neutral-400);
382
- --ntl-color-disabled-text: var(--ntl-neutral-400);
383
- --ntl-color-highlight-bg: var(--ntl-purple-200);
384
- --ntl-color-highlight-border: var(--ntl-purple-700);
385
- --ntl-color-highlight-text: var(--ntl-purple-700);
386
- --ntl-color-icon: var(--ntl-teal-200);
387
- --ntl-color-info-bg: var(--ntl-blue-200);
388
- --ntl-color-info-border: var(--ntl-blue-700);
389
- --ntl-color-info-text: var(--ntl-blue-700);
390
- --ntl-color-invalid-bg: var(--ntl-red-200);
391
- --ntl-color-invalid-border: var(--ntl-red-700);
392
- --ntl-color-invalid-text: var(--ntl-red-700);
393
- --ntl-color-link: var(--ntl-teal-200);
394
- --ntl-color-link-default: var(--ntl-teal-200);
395
- --ntl-color-link-hover: var(--ntl-teal-100);
396
- --ntl-color-link-inverse: var(--ntl-blue-600);
397
- --ntl-color-logo-inactive: color(srgb 0.2823529411764706 0.36470588235294116 0.36470588235294116);
398
- --ntl-color-logo-spark: var(--ntl-teal-200);
399
- --ntl-color-logo-type: var(--ntl-neutral-000);
400
- --ntl-color-stroke: color(srgb 1 1 1 / 0.09803921568627451);
401
- --ntl-color-success-bg: var(--ntl-green-200);
402
- --ntl-color-success-border: var(--ntl-green-400);
403
- --ntl-color-success-text: var(--ntl-green-900);
404
- --ntl-color-text: var(--ntl-teal-000);
405
- --ntl-color-text-accent: var(--ntl-teal-600);
406
- --ntl-color-text-default: var(--ntl-teal-000);
407
- --ntl-color-text-inverse: var(--ntl-teal-800);
408
- --ntl-color-text-weak: var(--ntl-neutral-300);
409
- --ntl-color-text-weaker: var(--ntl-neutral-400);
410
- --ntl-color-warning-bg: var(--ntl-gold-200);
411
- --ntl-color-warning-border: var(--ntl-gold-400);
412
- --ntl-color-warning-text: var(--ntl-gold-900);
413
- --ntl-eyebrow-text-color: var(--ntl-teal-200);
370
+ --ntl-active-switcher-tab-bg-color: rgb(4.7059% 16.471% 16.471%);
371
+ --ntl-badge-bg-color: rgb(11.765% 14.118% 17.255%);
372
+ --ntl-badge-border-color: rgb(15.294% 18.431% 21.961%);
373
+ --ntl-badge-text-color: rgb(90.196% 92.549% 94.902%);
374
+ --ntl-blockquote-accent-color: rgb(19.608% 90.196% 88.627%);
375
+ --ntl-button-outline-bg-color: rgb(0% 0% 0% / 0);
376
+ --ntl-button-outline-bg-color-hover: rgb(23.137% 26.275% 29.804%);
377
+ --ntl-button-outline-stroke-color: rgb(19.608% 90.196% 88.627%);
378
+ --ntl-button-outline-text-color: rgb(19.608% 90.196% 88.627%);
379
+ --ntl-button-primary-bg-color: rgb(19.608% 90.196% 88.627%);
380
+ --ntl-button-primary-bg-color-hover: rgb(55.686% 98.431% 96.863%);
381
+ --ntl-button-primary-text-color: rgb(7.0588% 9.4118% 12.157%);
382
+ --ntl-button-secondary-bg-color: rgb(100% 100% 100% / 0.09804);
383
+ --ntl-button-secondary-bg-color-hover: rgb(65.49% 100% 99.216% / 0.14902);
384
+ --ntl-button-secondary-text-color: rgb(19.608% 90.196% 88.627%);
385
+ --ntl-card-bg-color: rgb(4.7059% 16.471% 16.471%);
386
+ --ntl-card-border-color: rgb(4.7059% 16.471% 16.471%);
387
+ --ntl-card-border-color-hover: rgb(0.39216% 28.235% 27.843%);
388
+ --ntl-code-bg-color: rgb(4.7059% 16.471% 16.471%);
389
+ --ntl-color-bg: rgb(7.0588% 9.4118% 12.157%);
390
+ --ntl-color-bg-2: rgb(11.765% 14.118% 17.255%);
391
+ --ntl-color-bg-3: rgb(15.294% 18.431% 21.961%);
392
+ --ntl-color-bg-inverse: rgb(100% 100% 100%);
393
+ --ntl-color-bg-translucent: rgb(7.0588% 9.4118% 12.157% / 0.94902);
394
+ --ntl-color-border-default: rgb(100% 100% 100% / 0.09804);
395
+ --ntl-color-border-strong: rgb(23.137% 26.275% 29.804%);
396
+ --ntl-color-border-subtle: rgb(100% 100% 100% / 0.03922);
397
+ --ntl-color-brand-primary: rgb(7.8431% 84.706% 83.137%);
398
+ --ntl-color-brand-primary-hover: rgb(0.39216% 28.235% 27.843%);
399
+ --ntl-color-brand-secondary: rgb(18.039% 31.765% 92.941%);
400
+ --ntl-color-brand-secondary-hover: rgb(12.549% 21.176% 63.137%);
401
+ --ntl-color-disabled-bg: rgb(15.294% 18.431% 21.961%);
402
+ --ntl-color-disabled-border: rgb(30.196% 33.725% 37.255%);
403
+ --ntl-color-disabled-text: rgb(30.196% 33.725% 37.255%);
404
+ --ntl-color-highlight-bg: rgb(84.706% 78.039% 100%);
405
+ --ntl-color-highlight-border: rgb(38.039% 29.02% 79.216%);
406
+ --ntl-color-highlight-text: rgb(38.039% 29.02% 79.216%);
407
+ --ntl-color-icon: rgb(19.608% 90.196% 88.627%);
408
+ --ntl-color-info-bg: rgb(70.98% 82.353% 98.431%);
409
+ --ntl-color-info-border: rgb(18.039% 31.765% 92.941%);
410
+ --ntl-color-info-text: rgb(18.039% 31.765% 92.941%);
411
+ --ntl-color-invalid-bg: rgb(100% 74.118% 72.941%);
412
+ --ntl-color-invalid-border: rgb(68.627% 14.51% 21.176%);
413
+ --ntl-color-invalid-text: rgb(68.627% 14.51% 21.176%);
414
+ --ntl-color-link: rgb(19.608% 90.196% 88.627%);
415
+ --ntl-color-link-default: rgb(19.608% 90.196% 88.627%);
416
+ --ntl-color-link-hover: rgb(55.686% 98.431% 96.863%);
417
+ --ntl-color-link-inverse: rgb(19.216% 41.961% 95.686%);
418
+ --ntl-color-logo-inactive: rgb(28.235% 36.471% 36.471%);
419
+ --ntl-color-logo-spark: rgb(19.608% 90.196% 88.627%);
420
+ --ntl-color-logo-type: rgb(100% 100% 100%);
421
+ --ntl-color-stroke: rgb(100% 100% 100% / 0.09804);
422
+ --ntl-color-success-bg: rgb(57.647% 96.078% 64.706%);
423
+ --ntl-color-success-border: rgb(22.745% 76.471% 39.216%);
424
+ --ntl-color-success-text: rgb(8.2353% 16.471% 9.8039%);
425
+ --ntl-color-text: rgb(87.059% 100% 99.608%);
426
+ --ntl-color-text-accent: rgb(0.78431% 50.196% 49.02%);
427
+ --ntl-color-text-default: rgb(87.059% 100% 99.608%);
428
+ --ntl-color-text-inverse: rgb(0.39216% 28.235% 27.843%);
429
+ --ntl-color-text-weak: rgb(49.412% 52.941% 57.255%);
430
+ --ntl-color-text-weaker: rgb(30.196% 33.725% 37.255%);
431
+ --ntl-color-warning-bg: rgb(98.039% 80.392% 43.529%);
432
+ --ntl-color-warning-border: rgb(97.647% 55.686% 12.941%);
433
+ --ntl-color-warning-text: rgb(20% 13.333% 7.451%);
434
+ --ntl-eyebrow-text-color: rgb(19.608% 90.196% 88.627%);
414
435
  --ntl-filter-invert: invert(1);
415
- --ntl-heading-text-color: var(--ntl-neutral-100);
416
- --ntl-neutral-000: color(srgb 1 1 1);
417
- --ntl-neutral-100: color(srgb 0.9019607843137255 0.9254901960784314 0.9490196078431372);
418
- --ntl-neutral-200: color(srgb 0.6705882352941176 0.7098039215686275 0.7490196078431373);
419
- --ntl-neutral-300: color(srgb 0.49411764705882355 0.5294117647058824 0.5725490196078431);
420
- --ntl-neutral-400: color(srgb 0.30196078431372547 0.33725490196078434 0.37254901960784315);
421
- --ntl-neutral-500: color(srgb 0.23137254901960785 0.2627450980392157 0.2980392156862745);
422
- --ntl-neutral-600: color(srgb 0.15294117647058825 0.1843137254901961 0.2196078431372549);
423
- --ntl-neutral-700: color(srgb 0.11764705882352941 0.1411764705882353 0.17254901960784313);
424
- --ntl-neutral-800: color(srgb 0.07058823529411765 0.09411764705882353 0.12156862745098039);
425
- --ntl-neutral-900: color(srgb 0.023529411764705882 0.043137254901960784 0.06274509803921569);
426
- --ntl-search-answer-message-color: var(--ntl-neutral-600);
427
- --ntl-search-back-btn-bg-color: var(--ntl-neutral-500);
428
- --ntl-search-bg-color: var(--ntl-neutral-700);
429
- --ntl-search-highlight-color: var(--ntl-teal-800);
430
- --ntl-search-icon-color: var(--ntl-neutral-300);
431
- --ntl-search-input-bg-color: var(--ntl-neutral-600);
432
- --ntl-search-loading-color: var(--ntl-teal-200);
433
- --ntl-search-source-list-color: var(--ntl-neutral-700);
434
- --ntl-search-submit-btn-bg-color: var(--ntl-teal-200);
435
- --ntl-search-user-message-color: var(--ntl-teal-800);
436
- --ntl-tabbed-content-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.2);
437
- --ntl-tabbed-content-bg-color-active: var(--ntl-teal-900);
438
- --ntl-tabbed-content-border-color: var(--ntl-color-icon);
439
- --ntl-tabbed-content-code-bg-color: var(--ntl-neutral-900);
440
- --ntl-tabbed-content-tab-text-color-active: var(--ntl-color-icon);
441
- --ntl-testimonial-logo-hover-color: var(--ntl-neutral-300);
442
- --ntl-testimonial-logo-inactive-color: var(--ntl-neutral-400);
443
- --ntl-title-text-color: color(srgb 0.8352941176470589 1 0.996078431372549 / 0.7490196078431373);
436
+ --ntl-heading-text-color: rgb(90.196% 92.549% 94.902%);
437
+ --ntl-neutral-000: rgb(100% 100% 100%);
438
+ --ntl-neutral-100: rgb(90.196% 92.549% 94.902%);
439
+ --ntl-neutral-200: rgb(67.059% 70.98% 74.902%);
440
+ --ntl-neutral-300: rgb(49.412% 52.941% 57.255%);
441
+ --ntl-neutral-400: rgb(30.196% 33.725% 37.255%);
442
+ --ntl-neutral-500: rgb(23.137% 26.275% 29.804%);
443
+ --ntl-neutral-600: rgb(15.294% 18.431% 21.961%);
444
+ --ntl-neutral-700: rgb(11.765% 14.118% 17.255%);
445
+ --ntl-neutral-800: rgb(7.0588% 9.4118% 12.157%);
446
+ --ntl-neutral-900: rgb(2.3529% 4.3137% 6.2745%);
447
+ --ntl-search-answer-message-color: rgb(15.294% 18.431% 21.961%);
448
+ --ntl-search-back-btn-bg-color: rgb(23.137% 26.275% 29.804%);
449
+ --ntl-search-bg-color: rgb(11.765% 14.118% 17.255%);
450
+ --ntl-search-highlight-color: rgb(0.39216% 28.235% 27.843%);
451
+ --ntl-search-icon-color: rgb(49.412% 52.941% 57.255%);
452
+ --ntl-search-input-bg-color: rgb(15.294% 18.431% 21.961%);
453
+ --ntl-search-loading-color: rgb(19.608% 90.196% 88.627%);
454
+ --ntl-search-source-list-color: rgb(11.765% 14.118% 17.255%);
455
+ --ntl-search-submit-btn-bg-color: rgb(19.608% 90.196% 88.627%);
456
+ --ntl-search-user-message-color: rgb(0.39216% 28.235% 27.843%);
457
+ --ntl-tabbed-content-bg-color: rgb(4.7059% 16.471% 16.471% / 0.2);
458
+ --ntl-tabbed-content-bg-color-active: rgb(4.7059% 16.471% 16.471%);
459
+ --ntl-tabbed-content-border-color: rgb(19.608% 90.196% 88.627%);
460
+ --ntl-tabbed-content-code-bg-color: rgb(2.3529% 4.3137% 6.2745%);
461
+ --ntl-tabbed-content-tab-text-color-active: rgb(19.608% 90.196% 88.627%);
462
+ --ntl-testimonial-logo-hover-color: rgb(49.412% 52.941% 57.255%);
463
+ --ntl-testimonial-logo-inactive-color: rgb(30.196% 33.725% 37.255%);
464
+ --ntl-title-text-color: rgb(83.529% 100% 99.608% / 0.74902);
444
465
  }
445
466
 
446
467
  [data-theme="light"] {
447
- --ntl-active-switcher-tab-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.047058823529411764);
448
- --ntl-badge-bg-color: var(--ntl-neutral-100);
449
- --ntl-badge-border-color: var(--ntl-neutral-300);
450
- --ntl-badge-text-color: var(--ntl-neutral-500);
451
- --ntl-blockquote-accent-color: var(--ntl-blue-700);
452
- --ntl-button-outline-bg-color: color(srgb 0 0 0 / 0);
453
- --ntl-button-outline-bg-color-hover: color(srgb 0.8392156862745098 0.9803921568627451 0.9764705882352941);
454
- --ntl-button-outline-stroke-color: var(--ntl-neutral-800);
455
- --ntl-button-outline-text-color: var(--ntl-neutral-800);
456
- --ntl-button-primary-bg-color: var(--ntl-teal-200);
457
- --ntl-button-primary-bg-color-hover: var(--ntl-teal-100);
458
- --ntl-button-primary-text-color: var(--ntl-neutral-800);
459
- --ntl-button-secondary-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.09803921568627451);
460
- --ntl-button-secondary-bg-color-hover: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.14901960784313725);
461
- --ntl-button-secondary-text-color: var(--ntl-neutral-800);
462
- --ntl-card-bg-color: var(--ntl-neutral-000);
463
- --ntl-card-border-color: var(--ntl-neutral-200);
464
- --ntl-card-border-color-hover: var(--ntl-neutral-300);
465
- --ntl-code-bg-color: var(--ntl-teal-900);
466
- --ntl-color-bg: var(--ntl-neutral-000);
467
- --ntl-color-bg-2: var(--ntl-neutral-100);
468
- --ntl-color-bg-3: var(--ntl-neutral-200);
469
- --ntl-color-bg-inverse: var(--ntl-neutral-300);
470
- --ntl-color-bg-translucent: color(srgb 1 1 1 / 0.9019607843137255);
471
- --ntl-color-border-default: color(srgb 0 0 0 / 0.14901960784313725);
472
- --ntl-color-border-strong: var(--ntl-neutral-300);
473
- --ntl-color-border-subtle: color(srgb 0 0 0 / 0.06274509803921569);
474
- --ntl-color-brand-primary: var(--ntl-blue-700);
475
- --ntl-color-brand-primary-hover: var(--ntl-blue-800);
476
- --ntl-color-brand-secondary: var(--ntl-teal-300);
477
- --ntl-color-brand-secondary-hover: var(--ntl-teal-800);
478
- --ntl-color-disabled-bg: var(--ntl-neutral-200);
479
- --ntl-color-disabled-border: var(--ntl-neutral-400);
480
- --ntl-color-disabled-text: var(--ntl-neutral-400);
481
- --ntl-color-highlight-bg: var(--ntl-purple-100);
482
- --ntl-color-highlight-border: var(--ntl-purple-600);
483
- --ntl-color-highlight-text: var(--ntl-purple-600);
484
- --ntl-color-icon: var(--ntl-blue-700);
485
- --ntl-color-info-bg: var(--ntl-blue-100);
486
- --ntl-color-info-border: var(--ntl-blue-600);
487
- --ntl-color-info-text: var(--ntl-blue-600);
488
- --ntl-color-invalid-bg: var(--ntl-red-100);
489
- --ntl-color-invalid-border: var(--ntl-red-600);
490
- --ntl-color-invalid-text: var(--ntl-red-600);
491
- --ntl-color-link: var(--ntl-blue-700);
492
- --ntl-color-link-default: var(--ntl-blue-700);
493
- --ntl-color-link-hover: var(--ntl-blue-800);
494
- --ntl-color-link-inverse: var(--ntl-blue-400);
495
- --ntl-color-logo-inactive: color(srgb 0.7019607843137254 0.7019607843137254 0.7019607843137254);
496
- --ntl-color-logo-spark: var(--ntl-teal-400);
497
- --ntl-color-logo-type: var(--ntl-teal-800);
498
- --ntl-color-stroke: color(srgb 0 0 0 / 0.14901960784313725);
499
- --ntl-color-success-bg: var(--ntl-green-100);
500
- --ntl-color-success-border: var(--ntl-green-300);
501
- --ntl-color-success-text: var(--ntl-green-800);
502
- --ntl-color-text: var(--ntl-neutral-700);
503
- --ntl-color-text-accent: var(--ntl-teal-300);
504
- --ntl-color-text-default: var(--ntl-neutral-700);
505
- --ntl-color-text-inverse: var(--ntl-neutral-100);
506
- --ntl-color-text-weak: var(--ntl-neutral-500);
507
- --ntl-color-text-weaker: var(--ntl-neutral-400);
508
- --ntl-color-warning-bg: var(--ntl-gold-100);
509
- --ntl-color-warning-border: var(--ntl-gold-300);
510
- --ntl-color-warning-text: var(--ntl-gold-800);
511
- --ntl-eyebrow-text-color: var(--ntl-blue-700);
468
+ --ntl-active-switcher-tab-bg-color: rgb(4.7059% 16.471% 16.471% / 0.04706);
469
+ --ntl-badge-bg-color: rgb(96.471% 96.471% 96.863%);
470
+ --ntl-badge-border-color: rgb(81.961% 83.529% 85.49%);
471
+ --ntl-badge-text-color: rgb(46.667% 50.196% 53.725%);
472
+ --ntl-blockquote-accent-color: rgb(18.039% 31.765% 92.941%);
473
+ --ntl-button-outline-bg-color: rgb(0% 0% 0% / 0);
474
+ --ntl-button-outline-bg-color-hover: rgb(83.922% 98.039% 97.647%);
475
+ --ntl-button-outline-stroke-color: rgb(9.4118% 10.196% 10.98%);
476
+ --ntl-button-outline-text-color: rgb(9.4118% 10.196% 10.98%);
477
+ --ntl-button-primary-bg-color: rgb(19.608% 90.196% 88.627%);
478
+ --ntl-button-primary-bg-color-hover: rgb(55.686% 98.431% 96.863%);
479
+ --ntl-button-primary-text-color: rgb(9.4118% 10.196% 10.98%);
480
+ --ntl-button-secondary-bg-color: rgb(4.7059% 16.471% 16.471% / 0.09804);
481
+ --ntl-button-secondary-bg-color-hover: rgb(4.7059% 16.471% 16.471% / 0.14902);
482
+ --ntl-button-secondary-text-color: rgb(9.4118% 10.196% 10.98%);
483
+ --ntl-card-bg-color: rgb(100% 100% 100%);
484
+ --ntl-card-border-color: rgb(91.373% 92.157% 92.941%);
485
+ --ntl-card-border-color-hover: rgb(81.961% 83.529% 85.49%);
486
+ --ntl-code-bg-color: rgb(4.7059% 16.471% 16.471%);
487
+ --ntl-color-bg: rgb(100% 100% 100%);
488
+ --ntl-color-bg-2: rgb(96.471% 96.471% 96.863%);
489
+ --ntl-color-bg-3: rgb(91.373% 92.157% 92.941%);
490
+ --ntl-color-bg-inverse: rgb(81.961% 83.529% 85.49%);
491
+ --ntl-color-bg-translucent: rgb(100% 100% 100% / 0.90196);
492
+ --ntl-color-border-default: rgb(0% 0% 0% / 0.14902);
493
+ --ntl-color-border-strong: rgb(81.961% 83.529% 85.49%);
494
+ --ntl-color-border-subtle: rgb(0% 0% 0% / 0.06275);
495
+ --ntl-color-brand-primary: rgb(18.039% 31.765% 92.941%);
496
+ --ntl-color-brand-primary-hover: rgb(12.549% 21.176% 63.137%);
497
+ --ntl-color-brand-secondary: rgb(7.8431% 84.706% 83.137%);
498
+ --ntl-color-brand-secondary-hover: rgb(0.39216% 28.235% 27.843%);
499
+ --ntl-color-disabled-bg: rgb(91.373% 92.157% 92.941%);
500
+ --ntl-color-disabled-border: rgb(61.569% 65.49% 69.804%);
501
+ --ntl-color-disabled-text: rgb(61.569% 65.49% 69.804%);
502
+ --ntl-color-highlight-bg: rgb(88.627% 85.098% 96.863%);
503
+ --ntl-color-highlight-border: rgb(46.667% 36.078% 90.588%);
504
+ --ntl-color-highlight-text: rgb(46.667% 36.078% 90.588%);
505
+ --ntl-color-icon: rgb(18.039% 31.765% 92.941%);
506
+ --ntl-color-info-bg: rgb(80.392% 88.627% 100%);
507
+ --ntl-color-info-border: rgb(19.216% 41.961% 95.686%);
508
+ --ntl-color-info-text: rgb(19.216% 41.961% 95.686%);
509
+ --ntl-color-invalid-bg: rgb(98.431% 82.745% 81.569%);
510
+ --ntl-color-invalid-border: rgb(83.922% 15.294% 25.098%);
511
+ --ntl-color-invalid-text: rgb(83.922% 15.294% 25.098%);
512
+ --ntl-color-link: rgb(18.039% 31.765% 92.941%);
513
+ --ntl-color-link-default: rgb(18.039% 31.765% 92.941%);
514
+ --ntl-color-link-hover: rgb(12.549% 21.176% 63.137%);
515
+ --ntl-color-link-inverse: rgb(50.196% 67.059% 98.039%);
516
+ --ntl-color-logo-inactive: rgb(70.196% 70.196% 70.196%);
517
+ --ntl-color-logo-spark: rgb(1.9608% 74.118% 72.941%);
518
+ --ntl-color-logo-type: rgb(0.39216% 28.235% 27.843%);
519
+ --ntl-color-stroke: rgb(0% 0% 0% / 0.14902);
520
+ --ntl-color-success-bg: rgb(74.51% 97.647% 77.647%);
521
+ --ntl-color-success-border: rgb(39.216% 84.706% 49.804%);
522
+ --ntl-color-success-text: rgb(5.8824% 29.02% 12.941%);
523
+ --ntl-color-text: rgb(20.784% 22.745% 24.314%);
524
+ --ntl-color-text-accent: rgb(7.8431% 84.706% 83.137%);
525
+ --ntl-color-text-default: rgb(20.784% 22.745% 24.314%);
526
+ --ntl-color-text-inverse: rgb(96.471% 96.471% 96.863%);
527
+ --ntl-color-text-weak: rgb(46.667% 50.196% 53.725%);
528
+ --ntl-color-text-weaker: rgb(61.569% 65.49% 69.804%);
529
+ --ntl-color-warning-bg: rgb(96.471% 87.843% 64.706%);
530
+ --ntl-color-warning-border: rgb(98.431% 69.412% 23.922%);
531
+ --ntl-color-warning-text: rgb(37.647% 20.392% 3.1373%);
532
+ --ntl-eyebrow-text-color: rgb(18.039% 31.765% 92.941%);
512
533
  --ntl-filter-invert: none;
513
- --ntl-heading-text-color: var(--ntl-neutral-800);
514
- --ntl-neutral-000: color(srgb 1 1 1);
515
- --ntl-neutral-100: color(srgb 0.9647058823529412 0.9647058823529412 0.9686274509803922);
516
- --ntl-neutral-200: color(srgb 0.9137254901960784 0.9215686274509803 0.9294117647058824);
517
- --ntl-neutral-300: color(srgb 0.8196078431372549 0.8352941176470589 0.8549019607843137);
518
- --ntl-neutral-400: color(srgb 0.615686274509804 0.6549019607843137 0.6980392156862745);
519
- --ntl-neutral-500: color(srgb 0.4666666666666667 0.5019607843137255 0.5372549019607843);
520
- --ntl-neutral-600: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451);
521
- --ntl-neutral-700: color(srgb 0.20784313725490197 0.22745098039215686 0.24313725490196078);
522
- --ntl-neutral-800: color(srgb 0.09411764705882353 0.10196078431372549 0.10980392156862745);
523
- --ntl-search-answer-message-color: var(--ntl-neutral-200);
524
- --ntl-search-back-btn-bg-color: var(--ntl-neutral-100);
525
- --ntl-search-bg-color: var(--ntl-neutral-000);
526
- --ntl-search-highlight-color: var(--ntl-teal-000);
527
- --ntl-search-icon-color: var(--ntl-neutral-400);
528
- --ntl-search-input-bg-color: var(--ntl-neutral-100);
529
- --ntl-search-loading-color: var(--ntl-teal-700);
530
- --ntl-search-source-list-color: var(--ntl-neutral-100);
531
- --ntl-search-submit-btn-bg-color: var(--ntl-teal-200);
532
- --ntl-search-user-message-color: var(--ntl-teal-000);
533
- --ntl-tabbed-content-bg-color: var(--ntl-neutral-000);
534
- --ntl-tabbed-content-bg-color-active: var(--ntl-neutral-000);
535
- --ntl-tabbed-content-border-color: var(--ntl-color-icon);
536
- --ntl-tabbed-content-code-bg-color: var(--ntl-neutral-900);
537
- --ntl-tabbed-content-tab-text-color-active: var(--ntl-color-icon);
538
- --ntl-testimonial-logo-hover-color: var(--ntl-neutral-500);
539
- --ntl-testimonial-logo-inactive-color: var(--ntl-neutral-400);
540
- --ntl-title-text-color: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451 / 0.7490196078431373);
534
+ --ntl-heading-text-color: rgb(9.4118% 10.196% 10.98%);
535
+ --ntl-neutral-000: rgb(100% 100% 100%);
536
+ --ntl-neutral-100: rgb(96.471% 96.471% 96.863%);
537
+ --ntl-neutral-200: rgb(91.373% 92.157% 92.941%);
538
+ --ntl-neutral-300: rgb(81.961% 83.529% 85.49%);
539
+ --ntl-neutral-400: rgb(61.569% 65.49% 69.804%);
540
+ --ntl-neutral-500: rgb(46.667% 50.196% 53.725%);
541
+ --ntl-neutral-600: rgb(32.941% 35.294% 38.039%);
542
+ --ntl-neutral-700: rgb(20.784% 22.745% 24.314%);
543
+ --ntl-neutral-800: rgb(9.4118% 10.196% 10.98%);
544
+ --ntl-search-answer-message-color: rgb(91.373% 92.157% 92.941%);
545
+ --ntl-search-back-btn-bg-color: rgb(96.471% 96.471% 96.863%);
546
+ --ntl-search-bg-color: rgb(100% 100% 100%);
547
+ --ntl-search-highlight-color: rgb(87.059% 100% 99.608%);
548
+ --ntl-search-icon-color: rgb(61.569% 65.49% 69.804%);
549
+ --ntl-search-input-bg-color: rgb(96.471% 96.471% 96.863%);
550
+ --ntl-search-loading-color: rgb(0.39216% 41.176% 40.784%);
551
+ --ntl-search-source-list-color: rgb(96.471% 96.471% 96.863%);
552
+ --ntl-search-submit-btn-bg-color: rgb(19.608% 90.196% 88.627%);
553
+ --ntl-search-user-message-color: rgb(87.059% 100% 99.608%);
554
+ --ntl-tabbed-content-bg-color: rgb(100% 100% 100%);
555
+ --ntl-tabbed-content-bg-color-active: rgb(100% 100% 100%);
556
+ --ntl-tabbed-content-border-color: rgb(18.039% 31.765% 92.941%);
557
+ --ntl-tabbed-content-code-bg-color: rgb(2.3529% 4.3137% 6.2745%);
558
+ --ntl-tabbed-content-tab-text-color-active: rgb(18.039% 31.765% 92.941%);
559
+ --ntl-testimonial-logo-hover-color: rgb(46.667% 50.196% 53.725%);
560
+ --ntl-testimonial-logo-inactive-color: rgb(61.569% 65.49% 69.804%);
561
+ --ntl-title-text-color: rgb(32.941% 35.294% 38.039% / 0.74902);
541
562
  }
542
-