喜歡 0
分支 0

最後活躍 1764621585

Kagi Catppuccin Latte/Mocha Theme

修訂 ea2a5424d174fdf2d6da8fb028c47a1bbfa50989

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 .k-ui-tooltip,
369 ._0_img-results .item .ai-generated-badge .ai-info,
370 .tooltip_base,
371 p.m-0 {
372 color: var(--surface0);
373 }
374
375 .ranked-box-wrapper,
376 .ranked-box-center,
377 .d-info-section-desc,
378 .d-info-section,
379 .ranked-c-adjust-title {
380 color: var(--text);
381 }
382
383 @media all and (min-device-width: 766px) {
384 form#form {
385 margin: 0;
386 border: 1px var(--peach) solid;
387 border-radius: 35px;
388 padding: 12px 20px;
389 }
390 ._0_more_search_box {
391 max-width: 300px;
392 width: unset;
393 }
394 }
395}
396
397body {
398 font-family: Poppins, sans-serif !important;
399}
400
401.onboarding-tip {
402 background: var(--crust) !important;
403}
404
405._0_copied_tooltip {
406 left: 50% !important;
407}
408
409.kite-nav ul {
410 background-color: var(--ai_chat_buble_a_bg);
411}
412
413#tags > .tag,
414#tags > .untagged {
415 color: var(--text);
416}
417
418#tags #tags-add {
419 color: var(--text);
420}
421
422.results_summary_text_box sup > a {
423 color: var(--crust);
424}
425
426.promptOptionsSelector .custom-assistants {
427 background: unset;
428}
429
430header .header-btn:hover {
431 background-color: var(--background-color-sky);
432}
433
434.new-tooltip.dia-tooltip a {
435 color: var(--cheatsh_ef9);
436 text-decoration: underline;
437}
438
439.citation .source {
440 color: var(--crust);
441}
442
443.cluster section.did-you-know {
444 background-color: var(--box-shadow-15);
445}
446
447.cluster section.perspectives ul li {
448 background-color: var(--ai_chat_buble_a_bg);
449}
450
451.cluster .cluster-header .badge {
452 background-color: var(--accent-info);
453}
454
455.k_ui_dropdown_data_list .list_items > ._0_k_ui_dropdown_li:hover {
456 background-color: var(--surface2) !important;
457}
458
459.dropdown .dd-list ._0_list_items li:hover,
460.sidebar-filter-nav-form .sidebar-filter-nav > .filter-item .dd-list li:hover {
461 color: var(--overlay0) !important;
462}
463
464.k_ui_dropdown_data_list .list_items > div:hover {
465 background-color: unset !important;
466 color: unset !important;
467 outline: 0;
468 text-decoration: none;
469}
470
471span.domain,
472#chat_box .chat_bubble .sources .domain {
473 background-color: var(--surface0) !important;
474 color: var(--text) !important;
475 padding: 2px 4px !important;
476 border-radius: 3px !important;
477}
478
479span.__domain-name,
480.widget-simple .__domain-name,
481.bg-p-50 {
482 background-color: var(--surface0) !important;
483}
484
485.d-info-section-desc,
486.d-info-section,
487.ranked-box-wrapper,
488.d-info-body,
489.ranked-c-adjust-title {
490 color: var(--text);
491}
492
493.k_ui_toggle_switch.--enabled .k_ui_toggle_switch_bar {
494 background: var(--primary-g-6);
495}
496
497.k_ui_toggle_switch.--mini .k_ui_toggle_switch_bar {
498 --border-color: var(--primary-g-6);
499}
500
501.k-tooltip {
502 background-color: var(--primary-100);
503}
504
505:focus-visible {
506 border-radius: 5px;
507 outline: 2px solid var(--peach);
508}
509
510div.sidebar-box {
511 background-color: var(--mantle) !important;
512}
513
514.thread-list > li:is(.active, :hover, :focus-within) {
515 background-color: var(--surface1) !important;
516}
517
518#thread-sidebar-collapse:hover {
519 color: var(--crust);
520}
521
522.threads-pane .header,
523.sidebar-box > .tags-pane {
524 background: 0 !important;
525}
526
527.tag-selector:has(:checked) {
528 background: var(--surface1) !important;
529}
530
531header {
532 background: var(--crust) !important;
533}
534
535header .header-btn:hover {
536 color: var(--crust);
537}
538
539.landing-category-select .landing_cat_buttons > button.--active {
540 align-items: center;
541 border: 1px solid var(--primary-400);
542 border-radius: 999px;
543 color: var(--primary-500);
544 display: flex;
545 flex-shrink: 0;
546 gap: 4px;
547 padding: 8px 16px;
548 background-color: var(--surface0);
549 font-weight: 700;
550}
551
552.landing-category-select .landing_cat_buttons > button {
553 border-bottom: 2px solid transparent;
554 color: var(--primary);
555 font-size: .875rem;
556 height: 47px;
557 margin: 0;
558 min-width: unset !important;
559 padding: 0 8px;
560 position: relative;
561}
562
563.landing-category-select .landing_cat_buttons > button.n_se.--active,
564.landing-category-select .landing_cat_buttons > button.n_se:hover {
565 border-bottom: 2px solid var(--nav_n_ma_line) !important;
566}
567
568.landing-category-select .landing_cat_buttons > button.n_im.--active,
569.landing-category-select .landing_cat_buttons > button.n_im:hover,
570.landing-category-select .landing_cat_buttons > button.n_vi.--active,
571.landing-category-select .landing_cat_buttons > button.n_vi:hover {
572 border-bottom: 2px solid var(--nav_n_vi_line) !important;
573}
574
575.landing-category-select .landing_cat_buttons > button.n_ne.--active,
576.landing-category-select .landing_cat_buttons > button.n_ne:hover {
577 border-bottom: 2px solid var(--nav_n_ne_line) !important;
578}
579
580.landing-category-select .landing_cat_buttons > button.n_ma.--active,
581.landing-category-select .landing_cat_buttons > button.n_ma:hover {
582 border-bottom: 2px solid var(--nav_n_ma_line) !important;
583}
584
585.landing_cat_buttons {
586 border-bottom: 1px solid var(--primary-200);
587 display: flex;
588 justify-content: space-between;
589 width: 100%;
590 padding-bottom: 10px;
591 padding-top: 0px;
592}
593
594#adv_search_btn:checked + #mainContent .search-form .landing-category-select {
595 top: 65px;
596}
597
598.prompt-options button:hover,
599.prompt-options label:hover,
600.promptOptionsSelector .custom-assistants li.option:hover,
601.promptOptionsSelector .default-assistants li.option.focus,
602.promptOptionsSelector .default-assistants li.option:hover,
603.promptOptionsSelector .custom-assistants span a:hover,
604.promptOptionsSelector .custom-assistants li.option.focus {
605 background-color: unset !important;
606}
607
608.promptOptionsSelector .custom-assistants li.option,
609.promptOptionsSelector .default-assistants li.option {
610 color: var(--text);
611}
612
613#chat_box > div:nth-child(1),
614[aria-label="You said:"] {
615 background-color: var(--surface0) !important;
616 padding: 20px !important;
617 border: 2px solid var(--overlay0) !important;
618 border-radius: 25px !important;
619}
620
621.chat_bubble {
622 padding-block: 32px;
623 position: relative;
624 border: 2px solid var(--overlay0);
625 border-radius: 25px;
626 margin-top: 25px;
627 margin-bottom: 10px;
628 padding: 20px;
629 background-color: var(--crust);
630}
631
632.chat_bubble:focus-within:before,
633.chat_bubble:hover:before {
634 background-color: unset !important;
635}
636
637.chat_bubble .actions {
638 display: inline-flex !important;
639 gap: 8px !important;
640 flex-direction: row !important;
641}
642
643#chat_box .chat_bubble .actions [data-action]:is(a, button):hover {
644 background: var(--surface1);
645}
646
647#chat_box .chat_bubble .content sup {
648 background-color: var(--surface1);
649 color: var(--text);
650}
651
652#chat_box .chat_bubble .content sup:hover {
653 background-color: var(--surface2);
654}
655
656.message-info li .value {
657 background-color: var(--surface0);
658 color: var(--text);
659 padding: 2px 5px;
660 border-radius: 4px;
661}
662
663#prompt-box:before {
664 border-top: 2px solid var(--peach);
665}
666
667#dictation-button:hover {
668 color: var(--crust);
669}
670
671input[type=date] {
672 color: var(--primary-600) !important;
673}
674
675._0_filters-clear-btn {
676 color: var(--crust) !important;
677}
678
679._0_filters-clear-btn i svg {
680 color: var(--base) !important;
681}
682
683#uploadedItems .item .type,
684#uploadedItems .item .icon,
685#uploadedItems .item .name {
686 color: var(--crust);
687}
688
689.POI-item-back .text {
690 color: var(--crust);
691}
692
693#popover-privacy > p:nth-child(3) > span > i {
694 color: var(--crust) !important;
695}
696
697.search-result,
698.sri-group {
699 border-bottom: unset !important;
700}
701
702.inline-content + .search-result,
703.inline-content + .sri-group {
704 border-top: unset !important;
705}
706
707.s-f-w.--active .search_area {
708 padding: 10px !important;
709}
710
711.main-center-box > * {
712 margin-inline: auto;
713 max-width: 850px;
714 padding-inline: 16px;
715 width: 100%;
716}
717
718.__sri-title .__sri_title_link {
719 border-bottom: 0;
720}
721
722#thread-sidebar-visible:checked ~ #sidebar-backdrop,
723.quick-settings,
724.quick-settings-footer,
725.promptOptionsSelector,
726.promptOptionsSelector .search-bar,
727.k_ui_dropdown_data_list,
728._0_more_search_box,
729.dropdown .dd-list,
730.chat_bubble .actions,
731.citation,
732.message-info,
733.thread-more-menu,
734.threads-pane {
735 background-color: var(--crust) !important;
736}
737
738._0_lenses {
739 background-color: unset !important;
740}
741
742.k_ui_toggle_switch.--enabled .k_ui_toggle_switch_bar:after {
743 background-color: var(--crust) !important;
744 border-color: unset !important;
745}
746
747#internet-access-mobile:has(:checked) {
748 color: var(--surface0);
749}
750
751.team_badge {
752 color: var(--crust);
753}
754
755@media (min-width: 1280px) {
756 #promptBox:placeholder-shown + .rich-placeholder {
757 padding-left: 25px;
758 }
759}
760
761@media all and (max-device-width: 766px) {
762 .cluster section.did-you-know {
763 background-color: var(--box-shadow-15);
764 }
765
766 .cluster section.perspectives ul li {
767 background-color: var(--ai_chat_buble_a_bg);
768 }
769
770 .cluster .cluster-header .badge {
771 background-color: var(--accent-info);
772 }
773
774 .bg-p-50 {
775 background-color: var(--surface0);
776 }
777
778 body:not(._0_processing) #form:has(#promptBox:placeholder-shown):has(#uploadedItems:empty) #submit {
779 color: var(--surface0);
780 }
781
782 .landing-category-select .landing_cat_buttons > button.--active {
783 align-items: center;
784 border: 1px solid var(--primary-400);
785 border-radius: 999px;
786 color: var(--primary-500);
787 display: flex;
788 flex-shrink: 0;
789 gap: 4px;
790 padding: 8px 16px;
791 background-color: var(--surface0);
792 font-weight: 700;
793 }
794
795 .landing-category-select .landing_cat_buttons > button {
796 border: 0;
797 color: var(--primary);
798 font-size: .875rem;
799 height: 47px;
800 margin: 0;
801 min-width: unset !important;
802 padding: 0 8px;
803 position: relative;
804 }
805
806 #thread-sidebar-visible:checked ~ #sidebar-backdrop {
807 background-color: unset !important;
808 }
809
810 .chat_bubble .actions,
811 .editing .actions {
812 border-radius: 10%;
813 color: var(--primary-600);
814 display: flex;
815 padding: 4px;
816 }
817
818 .landing_cat_buttons {
819 border-bottom: 0 !important;
820 display: flex;
821 justify-content: space-between;
822 width: 100%;
823 }
824
825 #adv_search_btn:checked + #mainContent .search-form .landing-category-select {
826 top: 85px;
827 }
828}
829
830#PreviewImageViewImageBtn,
831#PreviewImageViewPageBtn {
832 color: unset !important;
833}
834
835.ranked-box-wrapper,
836.d-info-body,
837dialog {
838 background-color: var(--crust);
839}
840
841.ranked-box-wrapper,
842.ranked-box-center,
843.d-info-section-desc,
844.d-info-section,
845.ranked-c-adjust-title {
846 color: var(--text);
847}

由 Opengist 提供支持 ⋅ Load: 210ms⋅

繁體中文