style: update button hover states and add white variant to docs button

This commit is contained in:
2025-09-18 20:11:56 +02:00
parent 45364a7452
commit f5ab743987
2 changed files with 2 additions and 2 deletions

View File

@@ -17,7 +17,7 @@ const variantStyles = {
},
outline: {
gray: 'border-gray-300 text-gray-700 hover:border-gray-400 active:bg-gray-100 active:text-gray-700/80',
white: 'border-gray-300 text-white hover:border-gray-400 active:bg-gray-100 active:text-white',
white: 'border-gray-300 text-white hover:border-gray-400 hover:text-gray-300 active:bg-gray-100 active:text-gray-800',
},
}

View File

@@ -135,7 +135,7 @@ export function Header() {
)}
</Popover>
<div className="flex items-center gap-6 max-lg:hidden">
<Button href="https://docs.ourworld.tf/mycelium_cloud/docs/" variant="outline">
<Button href="https://docs.ourworld.tf/mycelium_cloud/docs/" variant="outline" color="white">
Docs
</Button>
<Button href="https://www.mycelium.threefold.io/download/" color="cyan">Get Started</Button>