Skip to content

Commit

Permalink
Add Slimmed Down Theme to Custom CSS page (#456)
Browse files Browse the repository at this point in the history 
* Update custom-css.md

Add Slimmed Down Theme to Custom CSS page

* Add screenshots for Slimmed Down Theme

Add screenshots for Slimmed Down Theme
  • Loading branch information
@david-ros
david-ros authored Jul 5, 2024
1 parent a38fcb6 commit 85620e0
Show file tree
Hide file tree
Showing 7 changed files with 162 additions and 14 deletions.
176 changes: 162 additions & 14 deletions docs/kagi/features/custom-css.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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"} |


<br>
Expand All @@ -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"} |


<br>
Expand All @@ -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"} |


<br>
Expand All @@ -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"} |


<br>
Expand All @@ -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"} |


<br>
Expand All @@ -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"} |


<br>
Expand All @@ -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"} |


<br>
Expand All @@ -152,6 +152,154 @@ by [neilio](https://github.com/neilio)
<br>


### Slimmed Down Theme

by rasti

<details><summary>Get it</summary>

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

</details>



| ![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"} |


<br>

---

<br>

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
Expand Down
Binary file added docs/kagi/features/themes/media/slimmed_down_desktop_1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/kagi/features/themes/media/slimmed_down_desktop_2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/kagi/features/themes/media/slimmed_down_desktop_3.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/kagi/features/themes/media/slimmed_down_mobile_1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/kagi/features/themes/media/slimmed_down_mobile_2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/kagi/features/themes/media/slimmed_down_mobile_3.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 85620e0

Please sign in to comment.