Custom Theme for Kagi Search Engine

kagi-gentlemans-theme.css

: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;
}