A slightly refined, dark-focused, mobile-supported Kagi theme. Works best using Dark Theme, and either Moon Dark or Royal Blue.

kagi-darkmustard-theme.css

:root {
  --font-main: "Inter", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-lufga: "Inter", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.theme_dark, .theme_moon_dark {
  --background-color: #181715;
  --page-text-color: #F2E6D7;
  --color-primary: #F2E6D7;
  
  --header-bg: #181715;
  --header-border: #2B2621;

  --app-sidebar-bg: #181715;
  
  --input-bg: #1E1E1E;

  --search-result-title: #F2E6D7;
  --search-result-title-hover: #BBB2A8;
  --search-result-content-text: #BBB2A8;
  --search-result-url-link: #BBB2A8;
  --search-result-date-bg: #2B2621;
  --search-result-date-new-bg: #603C12;

  --domain-rank-icon-color-trackers: #C97E26;
  
  --color_link: #C97E26;
  --color-primary_hover: #BBB2A8;
  --color-primary_visited: #766B5E;
  --related-item-bg: #1E1E1E;
  --inline-domain-tag-bg: #2B2621;
  --inline-header-border: #2B2621;
  --inline-header-title: #F2E6D7;
  --inline-widget-bg: #2B2621;
  --color-primary-dim_2: #766B5E;
  --color-primary-dim_3: #766B5E;
  --color-primary-dim_5: #766B5E;
  --color-primary-dim_8: #BBB2A8;

  --resultsummary-highlight: #C97E26;
  --resultsummary-highlight_text: #2B2621;

  --wiki-title: #F2E6D7;
  --wiki-content-links: #C97E26;
  --wiki-nw-links: #C97E26;
  --result-item-title-border: transparent;

  --site_info_bg: #2B2621;
  --site_info_bottom_bg: #1E1E1E;
  --btn-group-bg: #1E1E1E;

  --dd-hover-bg: #2B2621;
  --dd-list-input-bg: #2B2621;
  --kagi-accent: #2B2621;
  --filter-dd-bg: #2B2621;

  /* mobile */
  --m_sri_gap_color: #2B2621;
}

/* disable horizontal scrollbars */
body {
  overflow-x: hidden;
}

::selection {
  background-color: #C97E26;
  color: #2B2621;
}

/* disable links borders */
#layout-v2 a, .__sri-title .__sri_title_link, .__sri-title .__sri_title_link:hover, .wikipediaResult a:hover {
  border-bottom: 0;
}

/* general input focus */
:focus-visible {
  outline-color: #C97E26;
}

/* result tweaks */
.__sri-title-box, .__sri-title, .__sri-url-box, .__sri-body {
  padding-left: 0;
}

.__sri-title .__domain-favicon {
  margin-left: -25px;
}

.__sri-preview {
  left: 0;
}

.__sri-url-box {
  margin-bottom: 4px;
}

.__sri-url {
  font-size: 0.75rem;
}

.__sri-time {
  background-color: transparent;
  color: #948677;
  padding: 0;
}

.__sri-time::after {
  content: "—";
  display: inline-block;
  padding: 0 4px;
}

.__sri-time.--new {
  background: transparent;
  color: #C97E26;
}

.__sri-desc {
  line-height: 1.57;
}

/* domain info popover */
#domainInfoModal .d-info-box-title-header {
  background: transparent;
}

#domainInfoModal .d-info-domain-title {
  text-shadow: none;
  color: var(--color-primary);
}

#domainInfoModal .rakned-box-close {
  color: var(--color-primary);
}

/* wolfram-alpha/"smart" things specific */
.widget_holder .wasb, .wasb, .wasb-ans {
  font-family: var(--font-main);
}

.widget_holder .wasb {
  border: 1px solid var(--color-primary-dim_3);
}

.suggestions_area {
  border-bottom: 1px solid var(--color-primary-dim_3);
}

/* misc */
.wikipediaResult .wiki-title a:hover {
  color: var(--color-primary_hover);  
}

.k_ui_toggle_switch {
  --active-bg-color: #C97E26;
}

.footer .footerInner ul li, footer .footerInner ul li {
  color: inherit;
}

/* mobile specific */
@media screen and (max-width: 767px) {
  /* header */
  .m-h {
    padding: 4px 16px;
  }
  /* search box */
  .m-h .m-app-logo {
    justify-content: flex-start;
    width: auto;
    min-width: auto;
  }

  .s-f-w.--active .search-form-container {
    margin: 0;
    padding-right: 0;
  }

  .search-form-container {
    margin: 0 0 0 12px;
  }

  .search-form {
    width: 100%;
  }

  .search-form .search-input-box {
    padding-right: 25px;
  }
  
  .search-form .search-form-icons {
    background: linear-gradient(90deg, transparent 0%, rgba(24,23,21,1) 50%);
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    height: 46px;
    top: 1px;
    right: 11px !important;
    padding-right: 0;
  }

  #searchFormSubmit {
    display: none;
  }

  .m-h .search-form-icons .clear-search {
    margin-right: 4px;
  }

  /* remove top/bottom border between results */
  .search-result, .sri-group, .inline-content+.search-result, .inline-content+.sri-group {
    border-top: 0;
    border-bottom: 0;
  }

  /* tighten line-height */
  .__sri-title .__sri_title_link {
    line-height: 1.65rem;
  }

  /* hide inline image preview */
  .__sri-body.--img .__sri-preview {
    display: none;
  }

  .__sri-body.--img .__sri-desc:before {
    display: none;
  }

  /* tighten up secondary results to match rhythm */
  .sri-group .sr-group {
    margin-top: 15px;
  }

  /* disable bottom-right distracting button on scroll up */
  .quick-search-btn {
    display: none;
  }

  /* fix video results spacing */
  #newsHeader, .headerVideos {
    margin-right: 0;
  }

  /* clean up page 2 results spacing */
  ._0_page-separator {
    margin-bottom: 15px;
  }
  
  /* give the page 2 button more bottom room */
  .main-footer {
    padding-bottom: 40px;
  }

  /* light-specific */
  .theme_light .search-form .search-form-icons {
    background: linear-gradient(90deg, transparent 0%, rgb(255, 255, 255) 50%);
  }
}