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 */
}