Skip to content

Kagi Improver #2 by doeixd

Screenshot of Kagi Improver #2

Details

Authordoeixd

LicenseNo License

Categorykagi.com

Created

Updated

Size4.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

made it look slightly better, more minimal, like google.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         kagi.com
@version      20220126.14.51
@namespace    userstyles.world/user/alexw00
@description  Google link colors and better dark mode background.
@author       alexw00
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://kagi.com/search?q") {
    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

    .theme_dark {
        --background-color: #121319;
        --search-result-title: #1a0dab;
        --color-primary_hover: #1f2e8d
    }

    .theme_light {
        --search-result-title: #1a0dab;
    }
    .app-header {
        --header-bg: white;
    }
    :root {
        --result-item-title-border: white;
        --search-result-date-bg: white;

        --domain-rank-icon-color-normal: #ababab33;
        --search-result-context-text: #0000008c;
        --app_content_padding: 140px;
        --font-main: Roboto, Helvetica, Arial, sans-serif;
        --search-result-gap: 35px;
        --related-item-bg: #00000005;
        --color-primary-dim_3: #cbcbcb
    }
    .__sri-title .__sri_title_link {
        font-size: 22px
    }
    .__sri-desc {
        line-height: 1.7;
        font-size: 0.8rem
    }
    .__sri-title {
        margin-bottom: 0;
    }
    
    .__sri-title .__sri_title_link:hover {
        border-bottom: 1px solid transparent;
        text-decoration: underline;
    }
    
    .__sri_more_menu svg {
        color: var(--page-text-color);
        --page-text-color: #cbcbcb;
    }
    .__sri-desc div {

        max-height: 2lh;
        text-overflow: ellipsis;

        /* Needed to make it work */
        overflow: hidden;
    }
    ._0_item, .serp_nav_end {
        letter-spacing: 0.7px;
        font-size: .91rem;
        font-weight: 300;
    }
    .serp_nav_end svg {
        display: none;
    }
    
    ._0_summarize_link a {
        color: var(--search-result-context-text)
    }

    .serp-nav ._0_item svg {
        width: 16px;
        height: 16px;
        margin-right: 7px;
    }

    .k_ui_dropdown .k_ui_dropdown_first_item .arrow_dd {
        margin-left: 14px
    }

    .serp-nav .arrow_dd {
        width: 9px;
        height: 9px;
    }

    html .app-nav {
        padding-top: 21px !important;
    }

    .dropdown .dd-toggle-label {
        color: var(--search-result-context-text)
    }

    .dropdown .btn-icon--right {
        transform: scale(0.7);
        opacity: 0.5
    }
    .widgetFooter.end {
        display: none;
    }
    #expandDictionaryWidget {
        color: var(--search-result-context-text);
        letter-spacing: 0.4px;
        opacity: 0.7
    }
    #expandDictionaryWidget svg {
        transform: scale(0.7)
    }

    .widget#dictionary .definition .dict-group {
        border-bottom: 1px solid rgb(219 219 219)
    }
    #dictionary {
        margin-bottom: 30px
    }
    .logo_doggo {
        margin-left: -1px;
        transform: scale(0.9)
    }
    html #top-parent, .num_results, ._0_queryInfo {
        display: none !important;
    }
    .top-panel .top-content {
        min-height: 40px;
    }
    @media screen and (min-width: 1024px) {
        .app-header .center-content-box {
            max-width: 737px
        }
    }
    .header_links a {
        color: #cbcbcb !important;
        letter-spacing: 0.5px;
        font-weight: 300;
    }
    
    html .header_links a:hover,  #accountContainer .menu-icon a:hover  {
        color: var(--color-primary) !important;
    }
    
    #accountContainer .menu-icon a {
        border: none;
        transform: scale(0.79);
        color: #cbcbcb;
        width: 30px;
    }
    
    .__srgi-title a {
        letter-spacing: 0.4px;
    }
    
    .__sri-time {
        padding: 0 6px 0 0;
    }
    .__sri-time.--new {
        padding: 0 6px;
        margin-right: 2px
    }
    .related-items a {
        margin-bottom: 13px;
        padding-top: 12px;
        letter-spacing: 0.3px;
    }
    .related-items a svg {
        margin-right: 18px;
        transform: scale(0.9);
    }
    #clear_searchBar {
        transform: scale(0.95);
        opacity: 0.5
    }
    .search-form .search-input {
        letter-spacing:0.6px;
        font-weight: 300;
    }
    .serp-nav ._0_item.--active {
        font-weight: 500;
        color: rgb(26 26 26);
    }
}

Reviews

No reviews yet.