Нравится 0
Создать форк 0

Последняя активность 1764621585

Kagi Catppuccin Latte/Mocha Theme

kagi-catppuccin-mocha.css Исходник
1:root {
2 --rosewater: #dc8a78;
3 --flamingo: #dd7878;
4 --pink: #ea76cb;
5 --mauve: #8839ef;
6 --red: #d20f39;
7 --maroon: #e64553;
8 --peach: #fe640b;
9 --yellow: #df8e1d;
10 --green: #40a02b;
11 --teal: #179299;
12 --sky: #04a5e5;
13 --sapphire: #209fb5;
14 --blue: #1e66f5;
15 --lavender: #7287fd;
16 --text: #4c4f69;
17 --subtext1: #5c5f77;
18 --subtext0: #6c6f85;
19 --overlay2: #7c7f93;
20 --overlay1: #8c8fa1;
21 --overlay0: #9ca0b0;
22 --surface2: #acb0be;
23 --surface1: #bcc0cc;
24 --surface0: #ccd0da;
25 --base: #eff1f5;
26 --mantle: #e6e9ef;
27 --crust: #dce0e8;
28 --color-scheme: light;
29 --app-bg: var(--base);
30 --app-text: var(--text);
31 --header-bg: var(--crust);
32 --app-frame-bg: var(--app-bg);
33 --landing-bg: var(--app-bg);
34 --app-bg-opac: rgba(30, 30, 46, 0);
35 --bottom-bar-bg: var(--yellow);
36 --white: var(--text);
37 --graphite: var(--base);
38 --graphite-25: var(--overlay2);
39 --graphite-50: var(--flamingo);
40 --graphite-70: var(--pink);
41 --graphite-100: var(--mauve);
42 --graphite-200: var(--red);
43 --graphite-300: var(--maroon);
44 --graphite-400: var(--peach);
45 --graphite-500: var(--yellow);
46 --graphite-600: var(--green);
47 --graphite-700: var(--teal);
48 --graphite-800: var(--sky);
49 --graphite-850: var(--sapphire);
50 --graphite-900: var(--blue);
51 --graphite-950: var(--lavender);
52 --graphite-1000: var(--text);
53 --chrome-25: var(--rosewater);
54 --chrome-50: var(--flamingo);
55 --chrome-70: var(--pink);
56 --chrome-100: var(--mauve);
57 --chrome-200: var(--red);
58 --chrome-300: var(--maroon);
59 --chrome-400: var(--peach);
60 --chrome-500: var(--yellow);
61 --chrome-600: var(--green);
62 --chrome-700: var(--teal);
63 --chrome-800: var(--sky);
64 --chrome-850: var(--sapphire);
65 --chrome-900: var(--blue);
66 --chrome-950: var(--lavender);
67 --chrome-1000: var(--text);
68 --purple-300: var(--lavender);
69 --purple-400: var(--blue);
70 --purple-500: var(--sapphire);
71 --purple-600: var(--sky);
72 --purple-800: var(--teal);
73 --purple-900: var(--green);
74 --primary: var(--text);
75 --primary-25: var(--overlay2);
76 --primary-50: var(--flamingo);
77 --primary-70: var(--pink);
78 --primary-100: var(--mauve);
79 --primary-200: var(--red);
80 --primary-300: var(--maroon);
81 --primary-400: var(--peach);
82 --primary-500: var(--yellow);
83 --primary-600: var(--green);
84 --primary-700: var(--teal);
85 --primary-800: var(--sky);
86 --primary-850: var(--sapphire);
87 --primary-900: var(--blue);
88 --primary-950: var(--lavender);
89 --primary-1000: var(--text);
90 --primary-g: var(--text);
91 --primary-g-2: var(--red);
92 --primary-g-6: var(--green);
93 --primary-g-8: var(--sky);
94 --primary-300-solid: var(--maroon);
95 --warning: var(--peach);
96 --info: var(--sky);
97 --danger: var(--red);
98 --success: var(--green);
99 --calm: var(--surface0);
100 --link: var(--purple-600);
101 --primary-hover: var(--purple-600);
102 --primary-hover-hover: var(--purple-500);
103 --primary-visited: var(--teal);
104 --kagi-highlight: var(--yellow);
105 --beta-tag-bg: var(--yellow);
106 --beta-tag-text: var(--base);
107 --beta-tag-inside-corners: var(--maroon);
108 --kagi-light-cream: var(--rosewater);
109 --kagi-accent: var(--surface1);
110 --kagi-sky: var(--sky);
111 --kagi-sky-b: var(--sapphire);
112 --kagi-sky-i: var(--sky);
113 --kagi-orange: var(--maroon);
114 --resultsummary-highlight: var(--surface2);
115 --resultsummary-highlight_text: var(--text);
116 --kagi-graphite: var(--text);
117 --kagi-graphite-s: var(--overlay2);
118 --kagi-graphite-text: var(--base);
119 --kagi-graphite-ia: var(--text);
120 --kagi-graphite-ia-color: var(--base);
121 --inner-shadow: rgba(0, 0, 0, .05);
122 --settings-app-inner-bg: var(--app-bg);
123 --box-shadow: rgba(0, 0, 0, .09);
124 --box-shadow-15: rgba(0, 0, 0, .15);
125 --ranked-box-shadow: rgba(0, 0, 0, .25);
126 --color-search-input-border: var(--mauve);
127 --color-search-input: var(--base);
128 --color-search-input-opac: var(--app-bg-opac);
129 --color-danger: var(--red);
130 --input-bg: var(--app-bg);
131 --btn-primary-bg: var(--mauve);
132 --btn-primary-text: var(--crust);
133 --btn-primary-color: var(--base);
134 --btn-group-bg: var(--base);
135 --nav_n_se_line: var(--yellow);
136 --nav_n_im_line: var(--blue);
137 --nav_n_vi_line: var(--red);
138 --nav_n_ne_line: var(--mauve);
139 --nav_n_ma_line: var(--green);
140 --secondary: var(--base);
141 --app-sidebar-item-border: rgba(255, 255, 255, .2);
142 --app-sidebar-link: rgba(255, 255, 255, .6);
143 --app-sidebar-nav-item-bg_hover: var(--yellow);
144 --app-sidebar-nav-item-icon_hover: var(--base);
145 --result-item-title-border: var(--peach);
146 --result-item-title-border_hover: var(--primary-hover);
147 --result-item-title-visited-border: var(--pink);
148 --result-rank-icon-stroke_promoted: var(--text);
149 --result-item-highlight: var(--sky);
150 --search-result-content-text: var(--text);
151 --search-result-url-link: var(--green);
152 --search-result-title: var(--text);
153 --search-result-title-hover: var(--primary-hover);
154 --search-result-date-bg: var(--surface0);
155 --search-result-date-new-bg: var(--base);
156 --search-result-date-new: var(--sky);
157 --domain-rank-icon-color-ban: var(--red);
158 --domain-rank-icon-color-lower: var(--red);
159 --domain-rank-icon-color-normal: var(--red);
160 --domain-rank-icon-color-higher: var(--red);
161 --domain-rank-icon-color-boosted: var(--red);
162 --domain-rank-icon-color-trackers: var(--peach);
163 --domain-rank-icon-color-trackers-hover: var(--maroon);
164 --domain-rank-icon-color-scam: var(--peach);
165 --domain-rank-icon-color-scam-hover: var(--maroon);
166 --ranked-box-connection-secure: var(--green);
167 --ranked-box-connection-insecure: var(--red);
168 --ranked-box-tracker-desc-danger: var(--red);
169 --ranked-box-tracker-desc-clear: var(--green);
170 --inline-header-title: var(--text);
171 --inline-widget-bg: var(--surface0);
172 --inline-widget-hover-bg: var(--surface1);
173 --inline-header-border: var(--red);
174 --inline-domain-tag-bg: var(--pink);
175 --related-item-bg: var(--surface0);
176 --related-item-hover-bg: var(--surface1);
177 --video-item-bg: var(--surface0);
178 --auto-sugg-bg_hover: var(--surface0);
179 --provider-breakdown_server: var(--sky);
180 --provider-breakdown_client: var(--peach);
181 --provider-breakdown_speed1: var(--yellow);
182 --provider-breakdown_speed2: var(--red);
183 --provider-breakdown_speed3: var(--red);
184 --widget-progress_bar: var(--text);
185 --translate-fc_icon: var(--text);
186 --rating-star_background: var(--surface1);
187 --wiki-content-links: var(--text);
188 --m_sri_gap_color: var(--surface1);
189 --ai_chat_buble_a_bg: var(--kagi-accent);
190 --ai_chat_buble_q_bg: var(--app-bg);
191 --ai_chat_buble_dd_q_bg: var(--kagi-accent);
192 --ai_chat_buble_dd_a_bg: var(--surface1);
193 --ai_chat_buble_a_text: var(--app-text);
194 --ai_chat_buble_q_text: var(--app-text);
195 --ai_chat_input_text: var(--app-text);
196 --ai_chat_input_button: var(--teal);
197 --doggo-color-1: var(--text);
198 --doggo-bg-color: var(--app-bg);
199 --doggo-stroke-color: var(--maroon);
200 --landing-page-clouds-opacity: 1;
201 --quick-search-bg: var(--text);
202 --quick-search-icon: var(--base);
203 --app-logo: var(--text);
204 --app-logo-bg: var(--yellow);
205 --filters-clear-btn-icon: var(--maroon);
206 --filter-dd-bg: var(--surface2);
207 --k-tooltip-bg: var(--background-color-sky);
208 --k-tooltip-text: var(--text);
209 --dd-hover-bg: var(--mauve);
210 --dd-hover-color: var(--text);
211 --dd-list-input-bg: var(--input-bg);
212 --not-found-bubble-bg: var(--surface1);
213 --site_info_bg: var(--app-bg);
214 --site_info_bottom_bg: var(--kagi-accent);
215 --code-bg: var(--base);
216 --code-border: var(--overlay0);
217 --code-k: var(--mauve);
218 --code-s: var(--green);
219 --code-cm-c1: var(--maroon);
220 --code-n: var(--mauve);
221 --code-p: var(--text);
222 --background-color-sky: var(--sky);
223 --checkbox-bg: var(--mauve);
224 --checkbox-check: var(--crust);
225 --as-dd-border: var(--app-bg);
226 --dd-list-input-bg: var(--base);
227 --icon-purple: var(--sky);
228 --onboarding_theme_options_dark_visibility: none;
229 --onboarding_theme_options_light_visibility: flex;
230 --onb_theme_light_preview_box: flex;
231 --onb_theme_calm_blue_preview_box: none;
232 --onb_theme_royal_blue_preview_box: none;
233 --onb_theme_moon_dark_preview_box: none;
234 --image_brightness: 100%;
235}
236
237.theme_moon_dark {
238 --rosewater: #f5e0dc;
239 --flamingo: #f2cdcd;
240 --pink: #f5c2e7;
241 --mauve: #cba6f7;
242 --red: #f38ba8;
243 --maroon: #eba0ac;
244 --peach: #fab387;
245 --yellow: #f9e2af;
246 --green: #a6e3a1;
247 --teal: #94e2d5;
248 --sky: #89dceb;
249 --sapphire: #74c7ec;
250 --blue: #89b4fa;
251 --lavender: #b4befe;
252 --text: #cdd6f4;
253 --subtext1: #bac2de;
254 --subtext0: #a6adc8;
255 --overlay2: #9399b2;
256 --overlay1: #7f849c;
257 --overlay0: #6c7086;
258 --surface2: #585b70;
259 --surface1: #45475a;
260 --surface0: #313244;
261 --base: #1e1e2e;
262 --mantle: #181825;
263 --crust: #11111b;
264 --color-scheme: dark;
265 --app-bg: var(--base);
266 --app-text: var(--text);
267 --header-bg: var(--app-bg);
268 --inline-widget-bg: var(--surface0);
269 --inline-widget-hover-bg: var(--surface1);
270 --btn-primary-bg: var(--text);
271 --btn-primary-text: var(--base);
272 --checkbox-bg: var(--yellow);
273 --checkbox-check: var(--base);
274 --onboarding_theme_options_dark_visibility: flex;
275 --onboarding_theme_options_light_visibility: none;
276 --onb_theme_light_preview_box: none;
277 --onb_theme_moon_dark_preview_box: flex;
278 --k-tooltip-bg: var(--background-color-sky);
279 --k-tooltip-text: var(--text);
280}
281
282@media (prefers-color-scheme: dark) {
283 .theme_moon_dark_conditional {
284 --rosewater: #f5e0dc;
285 --flamingo: #f2cdcd;
286 --pink: #f5c2e7;
287 --mauve: #cba6f7;
288 --red: #f38ba8;
289 --maroon: #eba0ac;
290 --peach: #fab387;
291 --yellow: #f9e2af;
292 --green: #a6e3a1;
293 --teal: #94e2d5;
294 --sky: #89dceb;
295 --sapphire: #74c7ec;
296 --blue: #89b4fa;
297 --lavender: #b4befe;
298 --text: #cdd6f4;
299 --subtext1: #bac2de;
300 --subtext0: #a6adc8;
301 --overlay2: #9399b2;
302 --overlay1: #7f849c;
303 --overlay0: #6c7086;
304 --surface2: #585b70;
305 --surface1: #45475a;
306 --surface0: #313244;
307 --base: #1e1e2e;
308 --mantle: #181825;
309 --crust: #11111b;
310 --color-scheme: dark;
311 --app-bg: var(--base);
312 --app-text: var(--text);
313 --header-bg: var(--app-bg);
314 --inline-widget-bg: var(--surface0);
315 --inline-widget-hover-bg: var(--surface1);
316 --btn-primary-bg: var(--text);
317 --btn-primary-text: var(--base);
318 --checkbox-bg: var(--yellow);
319 --checkbox-check: var(--base);
320 --onboarding_theme_options_dark_visibility: flex;
321 --onboarding_theme_options_light_visibility: none;
322 --onb_theme_light_preview_box: none;
323 --onb_theme_moon_dark_preview_box: flex;
324 --k-tooltip-bg: var(--background-color-sky);
325 --k-tooltip-text: var(--text);
326 }
327
328.landing-category-select .landing_cat_buttons > .nav-item.n_se::after, .landing-category-select .landing_cat_buttons > .nav-item.n_im::after, .landing-category-select .landing_cat_buttons > .nav-item.n_vi::after, .landing-category-select .landing_cat_buttons > .nav-item.n_ne::after, .landing-category-select .landing_cat_buttons > .nav-item.n_ma::after {
329 display: none;
330}
331
332 .k_ui_toggle_switch input:checked ~ .k_ui_toggle_switch_bar:after {
333 background-color: var(--surface0);
334 border-color: var(--surface1);
335 }
336
337 .k_ui_toggle_switch input:checked ~ .k_ui_toggle_switch_bar {
338 background: var(--green);
339 border-color: var(--primary-25);
340 }
341
342 .tag-selector:hover {
343 background: var(--surface1);
344 }
345
346 .advanced-search-modal-backdrop:before {
347 background-color: unset;
348 }
349
350 .advanced-search-modal {
351 background-color: var(--crust);
352 }
353
354 .ranked-box-wrapper,
355 .d-info-body,
356 dialog {
357 background-color: var(--crust);
358 }
359
360#tags .untagged {
361 background: var(--ai_chat_buble_a_bg);
362}
363
364.promptOptionsSelector .default-assistants li.option:hover, .promptOptionsSelector .recommended-assistants li.option:hover, .promptOptionsSelector .recommended-assistants li.option[aria-selected="true"], .promptOptionsSelector .default-assistants li.option[aria-selected="true"], .promptOptionsSelector .default-assistants li.option.info-show:hover {
365 background-color: var(--ai_chat_buble_a_bg);
366 }
367
368.prompt-options {
369 background: var(--base);
370 margin-top: 18px;
371}
372
373.chat_bubble ol[data-ref-list] .contribution {
374 border: 1px solid var(--primary-100);
375 border-radius: 4px;
376 color: var(--base);
377 font-size: .75rem;
378 line-height: 1.25rem;
379 padding: 0 8px;
380 background-color: var(--overlay2) !important;
381}
382
383 .k-ui-tooltip,
384 ._0_img-results .item .ai-generated-badge .ai-info,
385 .tooltip_base,
386 p.m-0 {
387 color: var(--surface0);
388 }
389
390 .ranked-box-wrapper,
391 .ranked-box-center,
392 .d-info-section-desc,
393 .d-info-section,
394 .ranked-c-adjust-title {
395 color: var(--text);
396 }
397
398 @media all and (min-device-width: 766px) {
399 form#form {
400 margin: 0;
401 border: 1px var(--peach) solid;
402 border-radius: 35px;
403 padding: 12px 20px;
404 }
405 ._0_more_search_box {
406 max-width: 300px;
407 width: unset;
408 }
409 }
410}
411
412body {
413 font-family: Poppins, sans-serif !important;
414}
415
416.onboarding-tip {
417 background: var(--crust) !important;
418}
419
420._0_copied_tooltip {
421 left: 50% !important;
422}
423
424.kite-nav ul {
425 background-color: var(--ai_chat_buble_a_bg);
426}
427
428#tags > .tag,
429#tags > .untagged {
430 color: var(--text);
431}
432
433#tags #tags-add {
434 color: var(--text);
435}
436
437.results_summary_text_box sup > a {
438 color: var(--crust);
439}
440
441.promptOptionsSelector .custom-assistants {
442 background: unset;
443}
444
445.chat_bubble .content sup:hover>a {
446 background: var(--primary-hover);
447 color: var(--base);
448}
449
450.tooltip_base {
451 color: var(--base) !important;
452}
453
454header .header-btn:hover {
455 background-color: var(--background-color-sky);
456}
457
458.new-tooltip.dia-tooltip a {
459 color: var(--cheatsh_ef9);
460 text-decoration: underline;
461}
462
463.citation .source {
464 color: var(--crust);
465}
466
467.cluster section.did-you-know {
468 background-color: var(--box-shadow-15);
469}
470
471.cluster section.perspectives ul li {
472 background-color: var(--ai_chat_buble_a_bg);
473}
474
475.cluster .cluster-header .badge {
476 background-color: var(--accent-info);
477}
478
479.k_ui_dropdown_data_list .list_items > ._0_k_ui_dropdown_li:hover {
480 background-color: var(--surface2) !important;
481}
482
483.dropdown .dd-list ._0_list_items li:hover,
484.sidebar-filter-nav-form .sidebar-filter-nav > .filter-item .dd-list li:hover {
485 color: var(--overlay0) !important;
486}
487
488.k_ui_dropdown_data_list .list_items > div:hover {
489 background-color: unset !important;
490 color: unset !important;
491 outline: 0;
492 text-decoration: none;
493}
494
495span.domain,
496#chat_box .chat_bubble .sources .domain {
497 background-color: var(--surface0) !important;
498 color: var(--text) !important;
499 padding: 2px 4px !important;
500 border-radius: 3px !important;
501}
502
503span.__domain-name,
504.widget-simple .__domain-name,
505.bg-p-50 {
506 background-color: var(--surface0) !important;
507}
508
509.d-info-section-desc,
510.d-info-section,
511.ranked-box-wrapper,
512.d-info-body,
513.ranked-c-adjust-title {
514 color: var(--text);
515}
516
517.k_ui_toggle_switch.--enabled .k_ui_toggle_switch_bar {
518 background: var(--primary-g-6);
519}
520
521.k_ui_toggle_switch.--mini .k_ui_toggle_switch_bar {
522 --border-color: var(--primary-g-6);
523}
524
525.k-tooltip {
526 background-color: var(--primary-100);
527}
528
529:focus-visible {
530 border-radius: 5px;
531 outline: 2px solid var(--peach);
532}
533
534div.sidebar-box {
535 background-color: var(--mantle) !important;
536}
537
538.thread-list > li:is(.active, :hover, :focus-within) {
539 background-color: var(--surface1) !important;
540}
541
542#thread-sidebar-collapse:hover {
543 color: var(--crust);
544}
545
546.threads-pane .header,
547.sidebar-box > .tags-pane {
548 background: 0 !important;
549}
550
551.tag-selector:has(:checked) {
552 background: var(--surface1) !important;
553}
554
555header {
556 background: var(--crust) !important;
557}
558
559header .header-btn:hover {
560 color: var(--crust);
561}
562
563.landing-category-select .landing_cat_buttons > button.--active {
564 align-items: center;
565 border: 1px solid var(--primary-400);
566 border-radius: 999px;
567 color: var(--primary-500);
568 display: flex;
569 flex-shrink: 0;
570 gap: 4px;
571 padding: 8px 16px;
572 background-color: var(--surface0);
573 font-weight: 700;
574}
575
576.landing-category-select .landing_cat_buttons > button {
577 border-bottom: 2px solid transparent;
578 color: var(--primary);
579 font-size: .875rem;
580 height: 47px;
581 margin: 0;
582 min-width: unset !important;
583 padding: 0 8px;
584 position: relative;
585}
586
587.landing-category-select .landing_cat_buttons > button.n_se.--active,
588.landing-category-select .landing_cat_buttons > button.n_se:hover {
589 border-bottom: 2px solid var(--nav_n_ma_line) !important;
590}
591
592.landing-category-select .landing_cat_buttons > button.n_im.--active,
593.landing-category-select .landing_cat_buttons > button.n_im:hover,
594.landing-category-select .landing_cat_buttons > button.n_vi.--active,
595.landing-category-select .landing_cat_buttons > button.n_vi:hover {
596 border-bottom: 2px solid var(--nav_n_vi_line) !important;
597}
598
599.landing-category-select .landing_cat_buttons > button.n_ne.--active,
600.landing-category-select .landing_cat_buttons > button.n_ne:hover {
601 border-bottom: 2px solid var(--nav_n_ne_line) !important;
602}
603
604.landing-category-select .landing_cat_buttons > button.n_ma.--active,
605.landing-category-select .landing_cat_buttons > button.n_ma:hover {
606 border-bottom: 2px solid var(--nav_n_ma_line) !important;
607}
608
609.landing_cat_buttons {
610 border-bottom: 1px solid var(--primary-200);
611 display: flex;
612 justify-content: space-between;
613 width: 100%;
614 padding-bottom: 10px;
615 padding-top: 0px;
616}
617
618#adv_search_btn:checked + #mainContent .search-form .landing-category-select {
619 top: 65px;
620}
621
622.prompt-options button:hover,
623.prompt-options label:hover,
624.promptOptionsSelector .custom-assistants li.option:hover,
625.promptOptionsSelector .default-assistants li.option.focus,
626.promptOptionsSelector .default-assistants li.option:hover,
627.promptOptionsSelector .custom-assistants span a:hover,
628.promptOptionsSelector .custom-assistants li.option.focus {
629 background-color: unset !important;
630}
631
632.promptOptionsSelector .custom-assistants li.option,
633.promptOptionsSelector .default-assistants li.option {
634 color: var(--text);
635}
636
637#chat_box > div:nth-child(1),
638[aria-label="You said:"] {
639 background-color: var(--surface0) !important;
640 padding: 20px !important;
641 border: 2px solid var(--overlay0) !important;
642 border-radius: 25px !important;
643}
644
645.chat_bubble {
646 padding-block: 32px;
647 position: relative;
648 border: 2px solid var(--overlay0);
649 border-radius: 25px;
650 margin-top: 25px;
651 margin-bottom: 10px;
652 padding: 20px;
653 background-color: var(--crust);
654}
655
656.chat_bubble:focus-within:before,
657.chat_bubble:hover:before {
658 background-color: unset !important;
659}
660
661.chat_bubble .actions {
662 display: inline-flex !important;
663 gap: 8px !important;
664 flex-direction: row !important;
665}
666
667#chat_box .chat_bubble .actions [data-action]:is(a, button):hover {
668 background: var(--surface1);
669}
670
671#chat_box .chat_bubble .content sup {
672 background-color: var(--surface1);
673 color: var(--text);
674}
675
676#chat_box .chat_bubble .content sup:hover {
677 background-color: var(--surface2);
678}
679
680.message-info li .value {
681 background-color: var(--surface0);
682 color: var(--text);
683 padding: 2px 5px;
684 border-radius: 4px;
685}
686
687#prompt-box:before {
688 border-top: 2px solid var(--peach);
689}
690
691#dictation-button:hover {
692 color: var(--crust);
693}
694
695input[type=date] {
696 color: var(--primary-600) !important;
697}
698
699._0_filters-clear-btn {
700 color: var(--crust) !important;
701}
702
703._0_filters-clear-btn i svg {
704 color: var(--base) !important;
705}
706
707#uploadedItems .item .type,
708#uploadedItems .item .icon,
709#uploadedItems .item .name {
710 color: var(--crust);
711}
712
713.POI-item-back .text {
714 color: var(--crust);
715}
716
717#popover-privacy > p:nth-child(3) > span > i {
718 color: var(--crust) !important;
719}
720
721.search-result,
722.sri-group {
723 border-bottom: unset !important;
724}
725
726.inline-content + .search-result,
727.inline-content + .sri-group {
728 border-top: unset !important;
729}
730
731.s-f-w.--active .search_area {
732 padding: 10px !important;
733}
734
735.main-center-box > * {
736 margin-inline: auto;
737 max-width: 850px;
738 padding-inline: 16px;
739 width: 100%;
740}
741
742.__sri-title .__sri_title_link {
743 border-bottom: 0;
744}
745
746#thread-sidebar-visible:checked ~ #sidebar-backdrop,
747.quick-settings,
748.quick-settings-footer,
749.promptOptionsSelector,
750.promptOptionsSelector .search-bar,
751.k_ui_dropdown_data_list,
752._0_more_search_box,
753.dropdown .dd-list,
754.chat_bubble .actions,
755.citation,
756.message-info,
757.thread-more-menu,
758.threads-pane {
759 background-color: var(--crust) !important;
760}
761
762._0_lenses {
763 background-color: unset !important;
764}
765
766.k_ui_toggle_switch.--enabled .k_ui_toggle_switch_bar:after {
767 background-color: var(--crust) !important;
768 border-color: unset !important;
769}
770
771#internet-access-mobile:has(:checked) {
772 color: var(--surface0);
773}
774
775.team_badge {
776 color: var(--crust);
777}
778
779@media (min-width: 1280px) {
780 #promptBox:placeholder-shown + .rich-placeholder {
781 padding-left: 25px;
782 }
783}
784
785@media all and (max-device-width: 766px) {
786 .cluster section.did-you-know {
787 background-color: var(--box-shadow-15);
788 }
789
790 .cluster section.perspectives ul li {
791 background-color: var(--ai_chat_buble_a_bg);
792 }
793
794 .cluster .cluster-header .badge {
795 background-color: var(--accent-info);
796 }
797
798 .bg-p-50 {
799 background-color: var(--surface0);
800 }
801
802 body:not(._0_processing) #form:has(#promptBox:placeholder-shown):has(#uploadedItems:empty) #submit {
803 color: var(--surface0);
804 }
805
806 .landing-category-select .landing_cat_buttons > button.--active {
807 align-items: center;
808 border: 1px solid var(--primary-400);
809 border-radius: 999px;
810 color: var(--primary-500);
811 display: flex;
812 flex-shrink: 0;
813 gap: 4px;
814 padding: 8px 16px;
815 background-color: var(--surface0);
816 font-weight: 700;
817 }
818
819 .landing-category-select .landing_cat_buttons > button {
820 border: 0;
821 color: var(--primary);
822 font-size: .875rem;
823 height: 47px;
824 margin: 0;
825 min-width: unset !important;
826 padding: 0 8px;
827 position: relative;
828 }
829
830 #thread-sidebar-visible:checked ~ #sidebar-backdrop {
831 background-color: unset !important;
832 }
833
834 .chat_bubble .actions,
835 .editing .actions {
836 border-radius: 10%;
837 color: var(--primary-600);
838 display: flex;
839 padding: 4px;
840 }
841
842 .landing_cat_buttons {
843 border-bottom: 0 !important;
844 display: flex;
845 justify-content: space-between;
846 width: 100%;
847 }
848
849 #adv_search_btn:checked + #mainContent .search-form .landing-category-select {
850 top: 85px;
851 }
852}
853
854#PreviewImageViewImageBtn,
855#PreviewImageViewPageBtn {
856 color: unset !important;
857}
858
859.ranked-box-wrapper,
860.d-info-body,
861dialog {
862 background-color: var(--crust);
863}
864
865.ranked-box-wrapper,
866.ranked-box-center,
867.d-info-section-desc,
868.d-info-section,
869.ranked-c-adjust-title {
870 color: var(--text);
871}

Работает на Opengist ⋅ Load: 198ms⋅

Русский