diff --git a/docs/kagi/features/custom-css.md b/docs/kagi/features/custom-css.md index 292d69f1..d90977d4 100644 --- a/docs/kagi/features/custom-css.md +++ b/docs/kagi/features/custom-css.md @@ -33,9 +33,9 @@ by [Josh Ellington](https://github.com/joshellington/) [**Get it**](https://gist.github.com/joshellington/51765a15d8f780089619b638fc6aea6b) -| ![Dark Mustard Theme](./themes/media/dark_mustard_desktop_1.png){ data-zoomable width="300" style="display: block; margin: 0 auto" } | ![Dark Mustard Theme](./themes/media/dark_mustard_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | +| ![Dark Mustard Theme](./themes/media/dark_mustard_desktop_1.png){ data-zoomable width="350px" style="display: block; margin: 0 auto" } | ![Dark Mustard Theme](./themes/media/dark_mustard_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | |---:|---:| -| ![Dark Mustard Theme](./themes/media/dark_mustard_mobile_1.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | ![Dark Mustard Theme](./themes/media/dark_mustard_mobile_2.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | +| ![Dark Mustard Theme](./themes/media/dark_mustard_mobile_1.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} | ![Dark Mustard Theme](./themes/media/dark_mustard_mobile_2.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} |
@@ -51,9 +51,9 @@ by [sefidel](https://gist.github.com/sefidel) [**Get it**](https://gist.github.com/sefidel/ffb677da037e4d6951949a110132fe80#file-kagi-precompiled-css) -| ![Kagi Oranginum Theme](./themes/media/kagi_oranginum_desktop_1.png){ data-zoomable width="300" style="display: block; margin: 0 auto" } | ![Kagi Oranginum Theme](./themes/media/kagi_oranginum_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | +| ![Kagi Oranginum Theme](./themes/media/kagi_oranginum_desktop_1.png){ data-zoomable width="350px" style="display: block; margin: 0 auto" } | ![Kagi Oranginum Theme](./themes/media/kagi_oranginum_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | |---:|---:| -| ![Kagi Oranginum Theme](./themes/media/kagi_oranginum_mobile_1.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | ![Kagi Oranginum Theme](./themes/media/kagi_oranginum_mobile_2.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | +| ![Kagi Oranginum Theme](./themes/media/kagi_oranginum_mobile_1.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} | ![Kagi Oranginum Theme](./themes/media/kagi_oranginum_mobile_2.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} |
@@ -69,9 +69,9 @@ by [maxpl01t](https://github.com/maxpl01t) [**Get it**](https://gist.github.com/maxpl01t/7de6e4716e50d52f4ec14aa01e2047e0) -| ![Monokai Hack Theme](./themes/media/monokai_hack_desktop_1.png){ data-zoomable width="300" style="display: block; margin: 0 auto" } | ![Monokai Hack Theme](./themes/media/monokai_hack_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | +| ![Monokai Hack Theme](./themes/media/monokai_hack_desktop_1.png){ data-zoomable width="350px" style="display: block; margin: 0 auto" } | ![Monokai Hack Theme](./themes/media/monokai_hack_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | |---:|---:| -| ![Monokai Hack Theme](./themes/media/monokai_hack_mobile_1.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | ![Monokai Hack Theme](./themes/media/monokai_hack_mobile_2.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | +| ![Monokai Hack Theme](./themes/media/monokai_hack_mobile_1.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} | ![Monokai Hack Theme](./themes/media/monokai_hack_mobile_2.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} |
@@ -87,9 +87,9 @@ by [Kel](https://github.com/Vexz00) [**Get it**](https://github.com/Vexz00/kagi-nocturnal-theme/blob/main/kagi-nocturnal-theme.css) -| ![Nocturnal Theme](./themes/media/nocturnal_desktop_1.png){ data-zoomable width="300" style="display: block; margin: 0 auto" } | ![Nocturnal Theme](./themes/media/nocturnal_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | +| ![Nocturnal Theme](./themes/media/nocturnal_desktop_1.png){ data-zoomable width="350px" style="display: block; margin: 0 auto" } | ![Nocturnal Theme](./themes/media/nocturnal_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | |---:|---:| -| ![Nocturnal Theme](./themes/media/nocturnal_mobile_1.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | ![Nocturnal Theme](./themes/media/nocturnal_mobile_2.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | +| ![Nocturnal Theme](./themes/media/nocturnal_mobile_1.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} | ![Nocturnal Theme](./themes/media/nocturnal_mobile_2.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} |
@@ -104,9 +104,9 @@ by [Matt Rangel](https://github.com/MattRangel) [**Get it**](https://github.com/MattRangel/kagi-search-custom-css/blob/main/custom.css) -| ![Minimal Fav Color Theme](./themes/media/minimal_fav_color_desktop_1.png){ data-zoomable width="300" style="display: block; margin: 0 auto" } | ![Minimal Fav Color Theme](./themes/media/minimal_fav_color_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | +| ![Minimal Fav Color Theme](./themes/media/minimal_fav_color_desktop_1.png){ data-zoomable width="350px" style="display: block; margin: 0 auto" } | ![Minimal Fav Color Theme](./themes/media/minimal_fav_color_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | |---:|---:| -| ![Minimal Fav Color Theme](./themes/media/minimal_fav_color_mobile_1.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | ![Minimal Fav Color Theme](./themes/media/minimal_fav_color_mobile_2.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | +| ![Minimal Fav Color Theme](./themes/media/minimal_fav_color_mobile_1.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} | ![Minimal Fav Color Theme](./themes/media/minimal_fav_color_mobile_2.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} |
@@ -122,9 +122,9 @@ by [mathiazom](https://github.com/mathiazom) [**Get it**](https://gist.github.com/mathiazom/ccbdd3bd8ff7da8e010546fa186b1e70) -| ![Kagi Mathiazom Theme](./themes/media/kagi_mathiazom_desktop_1.png){ data-zoomable width="300" style="display: block; margin: 0 auto" } | ![Kagi Mathiazom Theme](./themes/media/kagi_mathiazom_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | +| ![Kagi Mathiazom Theme](./themes/media/kagi_mathiazom_desktop_1.png){ data-zoomable width="350px" style="display: block; margin: 0 auto" } | ![Kagi Mathiazom Theme](./themes/media/kagi_mathiazom_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | |---:|---:| -| ![Kagi Mathiazom Theme](./themes/media/kagi_mathiazom_mobile_1.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | ![Kagi Mathiazom Theme](./themes/media/kagi_mathiazom_mobile_2.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | +| ![Kagi Mathiazom Theme](./themes/media/kagi_mathiazom_mobile_1.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} | ![Kagi Mathiazom Theme](./themes/media/kagi_mathiazom_mobile_2.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} |
@@ -140,9 +140,9 @@ by [neilio](https://github.com/neilio) [**Get it**](https://gist.github.com/neilio/c2c3495ff16c0a0401f4cf630438e1b3) -| ![Kagi Google-Style Theme](./themes/media/kagi_google_style_desktop_1.png){ data-zoomable width="300" style="display: block; margin: 0 auto" } | ![Kagi Google-Style Theme](./themes/media/kagi_google_style_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | +| ![Kagi Google-Style Theme](./themes/media/kagi_google_style_desktop_1.png){ data-zoomable width="350px" style="display: block; margin: 0 auto" } | ![Kagi Google-Style Theme](./themes/media/kagi_google_style_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | |---:|---:| -| ![Kagi Google-Style Theme](./themes/media/kagi_google_style_mobile_1.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | ![Kagi Google-Style Theme](./themes/media/kagi_google_style_mobile_2.png){data-zoomable width="100" height="600" style="display: block; margin: 0 auto"} | +| ![Kagi Google-Style Theme](./themes/media/kagi_google_style_mobile_1.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} | ![Kagi Google-Style Theme](./themes/media/kagi_google_style_mobile_2.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} |
@@ -152,6 +152,154 @@ by [neilio](https://github.com/neilio)
+### Slimmed Down Theme + +by rasti + +
Get it + +```css + ._0_lenses .k_ui_dropdown { + display: none; + } + ._0_lenses { + display: none; + } + .serp_nav_end .k_ui_dropdown, .serp_nav_end .k_ui_dropdown_data_list { + display: none; + } + .sri_more_menu_box .sri_more_menu { + display: none; + } + .sidebar-filter-nav-form .sidebar-filter-nav { + display: none; + } + ._0_queryInfo { + display: none; + } + .top-panel { + display: none; + } + ._0_item.n_ma{ + display: none; + } + .serp-nav{ + margin-left: 4px; + } + .search-result, .sri-group { + margin-left: -17px; + margin-right: -17px; + padding: 15px; + margin-bottom: 0px; + border-bottom: 0px; + } + ._0_item.n_ne { + display: none; + } + .m-h { + padding: 0 10px; + border-bottom: 0px solid var(--color-primary-dim_2); + } + + .m-h .search-form-icons { + display: none; + } + .theme_moon_dark { + --search-result-title: #a0c5ff; + --result-item-title-border: #141414; + --background-color: #141414; + --site_info_bottom_bg: #141414; + } + .theme_dark { + --search-result-title: #a0c5ff; + --result-item-title-border: #141414; + --background-color: #141414; + --site_info_bottom_bg: #141414; + } + .theme_calm_blue { + --background-color: #f2f2f6 + } + .sri-url .sri_url_path_box { + } + .sri-url .path { + display: none; + } + .domain-favicon { + display: none; + } + .m-h .m-h-i { + height: 65px; + } + .crisp-edges { + image-rendering: optimizespeed; + image-rendering: crisp_edges; + } + .sri-desc { + font-size: .88rem; + line-height: 1.4; + } + + .rewrite_icon { + margin-left: 0px; + } + .m-image-domain { + display: none; + } + .m-image-res { + display: none; + } + .btn.--secondary-s, .ranked-item-tab-links a.--secondary-s { + display: none; + } + .m-image-preview-buttons a i { + display: none; + } + .m-image-preview-data-box span:first-child { + display: none; + } + ._0_img-results .item img.fade { + opacity: 0; + transition: none; + } + .quick-search-btn { + transition: transform .4s ease-in-out; + } + .d-info-box-title-header { + height: 164px; + } + .videoResultItem .videoResultRight .videoResultDesc { + display: none; + } + .instant-answer .ia-body .ia-title>div { + display: none; + } + .inline-content+.search-result, .inline-content+.sri-group { + border-top: 0px solid #a0c5ff + } + .instant-answer { + padding-bottom: 13px; + padding-top: 13px; + border-top: 1px solid #a0c5ff; + border-bottom: 1px solid #a0c5ff; + } +``` + +
+ + + +| ![Slimmed Down Theme](./themes/media/slimmed_down_desktop_1.png){ data-zoomable width="350px" style="display: block; margin: 0 auto" } | ![Slimmed Down Theme](./themes/media/slimmed_down_desktop_2.png){ data-zoomable width="350px" style="display: block; margin: 0 auto"} | +|---:|---:| +| ![Slimmed Down Theme](./themes/media/slimmed_down_desktop_3.png){data-zoomable width="350px" style="display: block; margin: 0 auto"} | ![Slimmed Down Theme](./themes/media/slimmed_down_mobile_1.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} | +| ![Slimmed Down Theme](./themes/media/slimmed_down_mobile_2.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} | ![Slimmed Down Theme](./themes/media/slimmed_down_mobile_3.png){data-zoomable width="100px" style="display: block; margin: 0 auto"} | + + +
+ +--- + +
+ You can collaborate on themes in the **\#appearance** channel on the [Kagi Discord](https://kagi.com/discord) server or the community-managed [subreddit](https://www.reddit.com/r/KagiUserCSS/). ## Customizations diff --git a/docs/kagi/features/themes/media/slimmed_down_desktop_1.png b/docs/kagi/features/themes/media/slimmed_down_desktop_1.png new file mode 100644 index 00000000..e538040b Binary files /dev/null and b/docs/kagi/features/themes/media/slimmed_down_desktop_1.png differ diff --git a/docs/kagi/features/themes/media/slimmed_down_desktop_2.png b/docs/kagi/features/themes/media/slimmed_down_desktop_2.png new file mode 100644 index 00000000..2069751c Binary files /dev/null and b/docs/kagi/features/themes/media/slimmed_down_desktop_2.png differ diff --git a/docs/kagi/features/themes/media/slimmed_down_desktop_3.png b/docs/kagi/features/themes/media/slimmed_down_desktop_3.png new file mode 100644 index 00000000..570de96c Binary files /dev/null and b/docs/kagi/features/themes/media/slimmed_down_desktop_3.png differ diff --git a/docs/kagi/features/themes/media/slimmed_down_mobile_1.png b/docs/kagi/features/themes/media/slimmed_down_mobile_1.png new file mode 100644 index 00000000..b97b8d97 Binary files /dev/null and b/docs/kagi/features/themes/media/slimmed_down_mobile_1.png differ diff --git a/docs/kagi/features/themes/media/slimmed_down_mobile_2.png b/docs/kagi/features/themes/media/slimmed_down_mobile_2.png new file mode 100644 index 00000000..83ab2c57 Binary files /dev/null and b/docs/kagi/features/themes/media/slimmed_down_mobile_2.png differ diff --git a/docs/kagi/features/themes/media/slimmed_down_mobile_3.png b/docs/kagi/features/themes/media/slimmed_down_mobile_3.png new file mode 100644 index 00000000..c8dd4ebb Binary files /dev/null and b/docs/kagi/features/themes/media/slimmed_down_mobile_3.png differ