iBoss/bolt-diy
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: implement light and dark theme (#30)

Browse Source
This commit is contained in:
Dominic Elm
2024-08-08 15:56:36 +02:00
committed by GitHub
parent e8447db417
commit 4b59a79baa
35 changed files with 799 additions and 479 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/bolt/app/components/header/Header.tsx
View File

@@ -9,14 +9,17 @@ export function Header() {
return (
<header
className={classNames('flex items-center bg-white p-5 border-b h-[var(--header-height)]', {
'border-transparent': !chat.started,
'border-gray-200': chat.started,
})}
className={classNames(
'flex items-center bg-bolt-elements-background-depth-1 p-5 border-b h-[var(--header-height)]',
{
'border-transparent': !chat.started,
'border-bolt-elements-borderColor': chat.started,
},
)}
>
<div className="flex items-center gap-2">
<a href="/" className="text-2xl font-semibold text-accent">
<img src="/logo_text.svg" width="60px" alt="Bolt Logo" />
<div className="flex items-center gap-2 z-logo text-bolt-elements-textPrimary">
<a href="/" className="text-2xl font-semibold text-accent flex items-center">
<span className="i-bolt:logo-text?mask w-[46px] inline-block" />
</a>
</div>
<div className="ml-auto flex gap-2">