diff --git a/.changeset/console-navbar-kilo-logo.md b/.changeset/console-navbar-kilo-logo.md new file mode 100644 index 00000000000..04f108b4abd --- /dev/null +++ b/.changeset/console-navbar-kilo-logo.md @@ -0,0 +1,5 @@ +--- +"@kilocode/kilo-console": patch +--- + +Replace the hardcoded "K" letter in the Kilo Console navbar with the real Kilo logo, and drop the redundant "Kilo" wordmark since the logo already carries the name. diff --git a/packages/kilo-console/public/kilo-logo.svg b/packages/kilo-console/public/kilo-logo.svg new file mode 100644 index 00000000000..53469c85fee --- /dev/null +++ b/packages/kilo-console/public/kilo-logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/kilo-console/src/components/app-header/AppHeader.tsx b/packages/kilo-console/src/components/app-header/AppHeader.tsx index 7721ddc8447..ceac360228e 100644 --- a/packages/kilo-console/src/components/app-header/AppHeader.tsx +++ b/packages/kilo-console/src/components/app-header/AppHeader.tsx @@ -1,18 +1,16 @@ import { IconButton } from "@kilocode/kilo-web-ui/icon-button" +import { A } from "@solidjs/router" import { OmniSearch } from "./OmniSearch" export function AppHeader() { return (
- - + + - Kilo Console - + diff --git a/packages/kilo-console/src/styles/base.css b/packages/kilo-console/src/styles/base.css index 12f44c2f7e6..3a22dc6162b 100644 --- a/packages/kilo-console/src/styles/base.css +++ b/packages/kilo-console/src/styles/base.css @@ -4,6 +4,16 @@ color: var(--text-base); } +.kilo-console .header-mark-logo { + width: 1.75rem; + height: 1.75rem; + background: transparent; + color: inherit; + font-size: inherit; + font-weight: inherit; + letter-spacing: inherit; +} + * { box-sizing: border-box; }