feat: refine colors
This commit is contained in:
@@ -71,7 +71,7 @@ export const Kitty = (props: {
|
|||||||
<div className={props.className} onMouseEnter={handleMouseEnter}>
|
<div className={props.className} onMouseEnter={handleMouseEnter}>
|
||||||
<div
|
<div
|
||||||
className={
|
className={
|
||||||
"h-full w-full overflow-hidden rounded-lg border-2 border-borderInactive bg-background bg-opacity-80 px-[1px] text-lg text-[#cbc7d1] text-foreground shadow-window transition-colors duration-[500ms] ease-out"
|
"h-full w-full overflow-hidden rounded-lg border-2 border-borderInactive bg-[#262234] bg-background bg-opacity-90 px-[1px] text-lg text-[#cbc7d1] text-foreground shadow-window transition-colors duration-[500ms] ease-out"
|
||||||
}
|
}
|
||||||
style={{
|
style={{
|
||||||
lineHeight: `${CHAR_HEIGHT}px`,
|
lineHeight: `${CHAR_HEIGHT}px`,
|
||||||
@@ -86,7 +86,7 @@ export const Kitty = (props: {
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="whitespace-pre-wrap"
|
className="whitespace-pre-wrap"
|
||||||
style={{ backdropFilter: "blur(2px)", width, height }}
|
style={{ backdropFilter: "blur(2.5px)", width, height }}
|
||||||
>
|
>
|
||||||
<KittyProvider value={context}>{props.children}</KittyProvider>
|
<KittyProvider value={context}>{props.children}</KittyProvider>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -19,7 +19,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
*::selection {
|
*::selection {
|
||||||
background-color: #584e5a;
|
background-color: #58515c;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
|
|||||||
Reference in New Issue
Block a user