kagi-hackerish-minimal.css

/* Default light theme variables */
:root {
  --color-scheme: light;
  --color-primary: #75BFFF;
  --color-secondary: #FE7DE9;
  --color-tertiary: #B98EFF;
  --app-bg: var(--cheatsh_ef232);
  --search-result-title: var(--color-primary);
  --result-item-title-border: var(--color-primary);
  --primary-visited: var(--color-secondary);
}

.theme_moon_dark {
  --color-scheme: dark;
  --app-bg: var(--cheatsh_ef232);
  --primary-visited: var(--color-secondary);
}

/* Automatic dark theme override */
@media (prefers-color-scheme: dark) {
  .theme_moon_dark_conditional {
    --app-bg: var(--cheatsh_ef232); /* Dark theme background colour */
    --primary-visited: var(--cheatsh_ef123);
  }
}

/* Applying the background colour */
body {
  background-color: var(--app-bg);
  font-family: monospace;
}

/* Style search result titles */

.search-result .__sri-title {
  display: grid;
  align-items: center;
  grid-template-columns: 16px 1fr 48px;
  gap: 8px;
}

.__sri-title-box {
  max-width: 100% !important;
}

.__sri-title .__sri_title_link {
  color: var(--color-primary);
  border: 0;
  font-size: 1.25rem;
}
.__sri-title .__sri_title_link:visited {
  color: var(--primary-visited);
  border: 0;
}
.__sri-title .__sri_title_link:hover {
  color: var(--color-tertiary);
  border-bottom: 1px solid var(--color-tertiary);
}

.__srgi-title a {
  border: 0;
}

/* Style buttons */
.btn.--primary {
  background-color: #191919;
  border: 1px solid #191919;
  color: #ffff;
  transition: ease 150ms;
}

.btn.--primary:hover {
  background-color: #191919;
  color: #ffff;
  border: 1px solid #191919;
}

/* Hover styles */
.btn.--primary:hover {
  background-color: #191919;
  border: 1px solid var(--color-tertiary);
  transform: scale(1.05);
}

/* Outer glow on hover */
.btn.--primary:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 1rem 0.5rem var(--color-tertiary);
  opacity: 0.6;
}

/* Hide unused elements */
.doggo_sit_a {
  display: none;
}

/* Style category buttons */
.landing-category-select button.n_se.--active,
.landing-category-select button.n_se:hover {
  border-bottom: 2px solid var(--primary-visited);
}

/* Style dropdown on hover */
.dropdown .dd-toggle-label:hover {
  color: var(--color-tertiary);
}

/* Style summary link */
._0_summarize_link a {
  color: var(--color_link);
}
._0_summarize_link a:hover {
  color: var(--color-tertiary);
}

/* Style dropdown items on hover */
.k_ui_dropdown .k_ui_dropdown_first_item:hover {
  color: var(--color-tertiary);
}

/* Style all links on hover */
a:hover {
  color: var(--color-tertiary);
}

/* Style active search modes */

._0_d_info_ranking.k_ui_btn_group .search_mode_box_s input:checked + a.k_ui_btn,
._0_sri-w-highlight .search_mode_box_s a.searchResultAnswer,
.search_mode_box_s ._0_d_info_ranking.k_ui_btn_group input:checked + a.k_ui_btn,
.search_mode_box_s ._0_sri-w-highlight a.searchResultAnswer,
.search_mode_box_s a.--active,
.search_mode_box_s a._0_sri-w-highlight.box,
.search_mode_box_s a.box:hover {
  background-color: var(--color-primary);
  border: var(--color-tertiary);
  color: var(--color-primary);
}

._0_results_summary_links ol a:hover {
  color: var(--color-tertiary) !important;
}

.k_ui_toggle_switch.--enabled .k_ui_toggle_switch_bar {
  background-color: var(--color-tertiary);
}

.search_mode_toggle i.oSea:hover {
  background-color: transparent !important;
  color: var(--color-primary) !important;
}

.search_mode_toggle i.oSea {
  background-color: transparent;
  color: var(--color-primary);
}
.search_mode_toggle i.oSea:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 1rem 0.5rem var(--color-tertiary);
  opacity: 0.6;
}
.land_adv_search_btn:hover {
  color: var(--color-tertiary) !important;
}
.k_ui_toggle_switch.--enabled .k_ui_toggle_switch_bar {
  background: #7a6af4;
  background: linear-gradient(90deg, var(--color-tertiary) 0, var(--color-tertiary) 100%);
  box-shadow: 0 0 0 1px var(--color-tertiary);
}
.k_ui_toggle_switch.--enabled .k_ui_toggle_switch_bar:after {
  left: calc(100% - var(--bnt-width) - 2px);
  background-color: var(--white);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid var(--color-tertiary);
}
/* Hover effect using :after for mode 7 */
.search_mode_toggle i.o2rb.mode_7:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 1rem 0.5rem var(--kagi-purple);
  opacity: 0.6;
}

/* Hover effect using :after for mode 5 */
.search_mode_toggle i.o2rb.mode_5:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 1rem 0.5rem var(--kagi-orange);
  opacity: 0.6;
}

/* Hover effect using :after for mode 4 */
.search_mode_toggle i.o2rb.mode_4:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 1rem 0.5rem var(--kagi-graphite-ia);
  opacity: 0.6;
}

/* Hover effect using :after for mode 6 */
.search_mode_toggle i.o2rb.mode_6:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 1rem 0.5rem var(--kagi-sky-i);
  opacity: 0.6;
}

.k_ui_toggle_switch input:checked ~ .k_ui_toggle_switch_bar {
  background: #7a6af4;
  background: linear-gradient(90deg, var(--color-tertiary) 0, var(--color-tertiary) 100%);
  box-shadow: 0 0 0 1px var(--color-tertiary);
}

.ico_ia.mode_7:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 1rem 0.5rem var(--kagi-purple);
  opacity: 0.6;
}

.ico_ia.mode_5:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 1rem 0.5rem var(--kagi-orange);
  opacity: 0.6;
}

.ico_ia.mode_4:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 1rem 0.5rem var(--kagi-graphite-ia);
  opacity: 0.6;
}

.ico_ia.mode_6:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 0 0 1rem 0.5rem var(--kagi-sky-i);
  opacity: 0.6;
}

.search_mode_box_s a:hover {
  background-color: transparent;
  color: var(--color-primary);
}

.wikipediaResult .wiki-title a, .wikipediaResult .wiki-title a:visited, .landing-category-select button.n_se.--active {
  border: 0 !important;
}

.search-result {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.__sri-title .__domain-favicon {
  border-radius: 4px;
  margin: 0;
  position: relative;
  top: 0;
  transform: none;
  background: #fff;
}

#web_archive, .num_results {
  display: none;
}