diff --git a/app/components/agent/AgentShader.vue b/app/components/agent/AgentShader.vue index 85b88524a..85eeff64f 100644 --- a/app/components/agent/AgentShader.vue +++ b/app/components/agent/AgentShader.vue @@ -10,7 +10,9 @@ const props = withDefaults( { variant: 'default' } ) +const colorMode = useColorMode() const isHero = computed(() => props.variant === 'hero') +const isDark = computed(() => colorMode.value === 'dark') const logoTransform = computed(() => isHero.value @@ -19,8 +21,13 @@ const logoTransform = computed(() => ) const dotDensity = computed(() => (isHero.value ? 36 : 30)) -const dotSize = computed(() => (isHero.value ? 0.4 : 0.2)) +const dotSize = computed(() => + isDark.value + ? (isHero.value ? 0.4 : 0.2) + : (isHero.value ? 0.45 : 0.26) +) const twinkle = computed(() => (isHero.value ? 2 : 1)) +const dotColor = computed(() => (isDark.value ? '#4cffa8' : '#00945E'))