Last active
January 16, 2025 04:43
-
-
Save toddbirchard/dfbc6103eb2e706a46cde8349babc72f to your computer and use it in GitHub Desktop.
Custom Theme for Kagi Search Engine
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --search-result-gap: 32px; | |
| --font-mono: MonoLisa, monospace; | |
| --font-code: MonoLisa, Monaco, monospace; | |
| --wiki_box_margin: 20px !important; | |
| --wiki_box_width: 30vw; | |
| !important; | |
| } | |
| :root a:focus-visible { | |
| outline: 2px solid var(--color-primary_hover); | |
| border-radius: 5px | |
| } | |
| :root .correctedQuery a { | |
| color: var(--search-result-title) | |
| } | |
| :root .k_ui_dropdown_data_list { | |
| padding: 0; | |
| border-radius: 12px; | |
| top: 100% !important | |
| } | |
| :root .k_ui_dropdown_data_list .list_items { | |
| border-radius: 12px; | |
| margin-bottom: 0 | |
| } | |
| :root .k_ui_dropdown_data_list .list_items>a { | |
| padding: 6px 25px !important; | |
| border-radius: 0 | |
| } | |
| :root .k_ui_dropdown_data_list .list_items>a:hover { | |
| border-radius: unset !important | |
| } | |
| :root .k_ui_dropdown_data_list hr { | |
| margin: 0 | |
| } | |
| :root .__srgi-title a:visited:hover { | |
| border-bottom: 1px solid var(--color-primary_visited) | |
| } | |
| :root .__sri-title .__sri_title_link:visited:hover { | |
| color: var(--color-primary_visited); | |
| border-bottom: 1px solid var(--color-primary_visited) | |
| } | |
| :root ._0_more_search_box { | |
| border-radius: inherit | |
| } | |
| :root ._0_more_search_user_bangs_list { | |
| padding-bottom: 0 | |
| } | |
| :root ._0_more_search_box_share_button { | |
| margin-bottom: 0 | |
| } | |
| :root ._0_more_search_box_share_button a { | |
| color: currentColor | |
| } | |
| :root ._0_img-results .item img { | |
| object-fit: cover | |
| } | |
| :root .videoResultItem, | |
| :root ._0_img-results .item, | |
| :root .newsResultItem .newsResultBody .newsResultImage img { | |
| border-radius: 12px | |
| } | |
| :root ._0_img-results .item .imageInfo>div.b { | |
| background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0) 100%) | |
| } | |
| :root ._0_img-results .item .imageInfo>div.t { | |
| background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%) | |
| } | |
| :root .sri-group .__dl { | |
| padding-bottom: 0 | |
| } | |
| :root .main-footer { | |
| padding-bottom: 2rem | |
| } | |
| :root ._0_queryInfo { | |
| padding: 0 | |
| } | |
| :root ._0_page-seperator { | |
| border-bottom: 1px dashed var(--color-primary-dim_1) | |
| } | |
| :root .related-searches:empty { | |
| margin-top: 30px | |
| } | |
| :root .mob .auto_item { | |
| padding: 6px 10px | |
| } | |
| :root ._0_rank-icons { | |
| margin-top: 0 | |
| } | |
| :root .box:hover { | |
| outline-width: 1px; | |
| outline-color: var(--color-primary_hover) | |
| } | |
| :root .auto_suggestions .auto_suggestions_lenses { | |
| border-top-width: 1px; | |
| margin-top: 0 | |
| } | |
| :root .wikipediaRelatedSection .wikipediaRelatedItems { | |
| gap: 1.5rem; | |
| justify-content: start | |
| } | |
| :root .wikipediaRelatedSection .wikipediaRelatedItems a:hover { | |
| color: var(--wiki-content-links) | |
| } | |
| :root #mm-image .img-min-max-sub { | |
| margin: 10px 0 | |
| } | |
| :root ._0_more_search_user_bang_item { | |
| transition: unset | |
| } | |
| :root ._0_more_search_user_bang_item._0__active, | |
| :root ._0_more_search_user_bang_item:hover, | |
| :root ._0_more_search_box_customize_button:hover, | |
| :root ._0_more_search_options_box:hover, | |
| :root ._0_more_search_box_share_button:hover { | |
| color: var(--dd-hover-color); | |
| background-color: var(--dd-hover-bg) | |
| } | |
| .theme_moon_dark { | |
| --background-color: #202124; | |
| --footer-bg: #171717; | |
| --header-bg: #202124; | |
| --control-center-bg: var(--background-color); | |
| --filter-dd-bg: var(--background-color); | |
| --not-found-bubble-bg: var(--footer-bg); | |
| --result-item-title-border: var(--background-color); | |
| --result-item-title-visited-border: var(--background-color); | |
| --result-item-title-border_hover: var(--search-result-title); | |
| --search-result-date-bg: rgb(255 255 255 / 15%); | |
| --search-result-date-new-bg: rgb(255 255 255 / 15%); | |
| --cheatsh_background: rgba(255, 255, 255, 0.1); | |
| --kagi-accent: rgba(255, 255, 255, 0.1); | |
| --tabs-round-bg: rgba(255, 255, 255, 0.1); | |
| --dd-hover-bg: rgba(255, 255, 255, 0.1); | |
| --inline-widget-bg: #303134; | |
| --dd-list-input-bg: rgba(255, 255, 255, 0.1); | |
| --control-center-dd-list-bg_hover: rgba(255, 255, 255, 0.1); | |
| --related-item-bg: rgba(255, 255, 255, 0.1); | |
| --btn-group-bg: rgba(255, 255, 255, 0.1); | |
| --video-item-bg: rgba(255, 255, 255, 0.1); | |
| --search-result-title: #8ab4f8; | |
| --color_link: var(--search-result-title); | |
| --color-primary_visited: #c58af9; | |
| --search-result-title-hover: var(--search-result-title); | |
| --color-primary_hover: var(--search-result-title-hover); | |
| --wiki-content-links: var(--search-result-title); | |
| --m_sri_gap_color: var(--background-color); | |
| --site_info_bg: var(--background-color); | |
| --site_info_bottom_bg: transparent; | |
| --btn-primary-color: var(--inline-widget-bg); | |
| --quick-search-icon: var(--color-secondary) | |
| } | |
| .theme_moon_dark .clipboardCopy ._0_copied_tooltip { | |
| background-color: rgba(13, 13, 14, .9) | |
| } | |
| .theme_moon_dark .auto_suggestions .auto_suggestions_lenses { | |
| border-top: 1px solid var(--color-primary-dim_3) | |
| } | |
| .theme_moon_dark .mob #m_wiki { | |
| color: var(--color-secondary-dim_6) | |
| } | |
| .theme_moon_dark .mob #m_wiki .collapse-icon { | |
| color: var(--color-primary) | |
| } | |
| .theme_moon_dark .mob #m_wiki .wiki-content a { | |
| text-decoration: underline | |
| } | |
| .theme_calm_blue { | |
| --m_sri_gap_color: var(--background-color); | |
| --quick-search-bg: var(--color-primary-dim_6); | |
| --search-result-title: #1a0dab; | |
| --color_link: var(--search-result-title); | |
| --color-primary_visited: #681da8; | |
| --search-result-title-hover: var(--search-result-title) | |
| } | |
| html[data-path="/discussdoc"] { | |
| color-scheme: dark; | |
| --background-color: #202124; | |
| --color-primary: rgb(255 255 255); | |
| --color-primary-dim_5: rgb(255 255 255 / 50%); | |
| --color_link: #8ab4f8; | |
| --color-primary_hover: #8ab4f8; | |
| --color-primary_visited: #c58af9; | |
| --ai_chat_buble_q_bg: #0071f1; | |
| --ai_chat_buble_q_text: var(--color-primary); | |
| --ai_chat_buble_a_bg: #303134; | |
| --ai_chat_buble_a_text: var(--color-primary); | |
| --ai_chat_input_text: var(--color-primary); | |
| --ai_chat_input_button: var(--color-primary-dim_5) | |
| } | |
| html[data-path="/discussdoc"] .closeBtn { | |
| color: var(--color-primary); | |
| background: none | |
| } | |
| .top-panel-box .center-content-box { | |
| margin-bottom: 15px; | |
| } | |
| .right-content-box { | |
| padding-left: 30px; | |
| } | |
| .right-content-box .wikipediaResult .wiki_desc_text { | |
| line-height: 1.8; | |
| } | |
| .right-content-box .wikipediaResult .wiki-t-table .wiki-t-cell:first-of-type { | |
| line-height: 1.2; | |
| } | |
| .right-content-box .wikipediaResult .wiki-t-table .wiki-t-cell:last-of-type a:after { | |
| content: '\A'; | |
| white-space: pre; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment