kagi css下载 - kagi css源码下载

kagi css

其他源码

verhaul

下载

Kagi 搜索引擎的 Glassmorphism 样式 CSS 文件

通过自定义 CSS 动画和样式增强您的 Kagi 搜索体验！这是对搜索引擎用户界面和用户体验的全面检修。

Kagi CSS Shield-弹出窗口

图片

Kagi CSS URL 高亮

助手（仅适用于最终用户）

Kagi CSS 搜索结果

概述

kagi-css 是一个自定义 CSS 文件，用于美化和活跃 Kagi 搜索引擎界面。借助此样式表，您可以在使用 Kagi 时享受更具视觉吸引力和动态的搜索体验。主要受到 Google 和 Brave Search 的启发，但也有许多令人兴奋的创新！

特征

Glassmorphism ：设置和导航栏的玻璃风格设计
文档：这个 css 文件已经被非常准确地记录下来，这就是为什么它相对容易进行更改
自定义动画：平滑过渡和引人注目的效果
增强的 UI 元素：改进的按钮、搜索栏和结果布局
响应式设计：在桌面和移动设备上看起来都很棒
轻松更改颜色：开头有一个字段，您可以根据需要轻松更改最重要的颜色
统一设计：该设计现在扩展到几乎所有页面，无论是结果、图像、视频、新闻还是播客。

 :root{
  --button-color:#F4B644; /* Primary color for the buttons */
  --button-hover-color:#E6AB40; /* Secondary color for the buttons - when hovering - should be slightly darker than the button color */
  --source-highlight-color:#D9A23C; /* Color of the sources and the small annotations for the references in the quick reply */
  --sri-hover-color:#F4B644; /* Color for hovering over search results */
  --color-search-input:#1e2028; /* Color for Search Box */
  --color-search-input-border:var(--graphite-900);
  --time-stamp:rgba(69,69,73,0.8); /* Color for timestamp with alpha value */
  --m_sri_gap_color:#222222!important;
  --app-text:#fdfdfd!important;
  --app-bg:#17191e;
  --inline-widget-bg:#1e2028;
  --primary-25:#1e2028; /* Adjustment for The Assistant */
  --primary-50:#1e2028; /* Adjustment for The Assistant */
  --primary-70:#17191e /* Adjustment for The Assistant */
}