diff --git a/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRT.vue b/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRT.vue index c1a0ec7be..c4c80820d 100644 --- a/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRT.vue +++ b/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRT.vue @@ -9,8 +9,8 @@ const props = withDefaults(defineProps<{ glitchAmplitude?: string }>(), { blinkSpeed: '2s', - flashFrequency: '0.005s', - glitchOffset: '4px', + flashFrequency: '0.06s', + glitchOffset: '1px', blurAmount: '0.8px', glitchAmplitude: '20deg', }) diff --git a/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRTLine.vue b/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRTLine.vue index f367f8cb8..3a0d456ef 100644 --- a/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRTLine.vue +++ b/packages/ui-loading-screens/src/components/LoadingSciFiCircle/CRTLine.vue @@ -1,5 +1,5 @@ @@ -28,13 +28,13 @@ } .glitch-content::before { - left: calc(var(--glitch-offset) * -0.1); - color: rgb(52, 0, 0); + left: calc(var(--glitch-offset) * -2); + color: rgba(255, 0, 0, 0.05); } .glitch-content::after { - left: calc(var(--glitch-offset) * 0.1); - color: rgb(0, 56, 56); + left: calc(var(--glitch-offset) * 1); + color: rgba(0, 0, 255, 0.2); } @keyframes glitch-skew { diff --git a/packages/ui-loading-screens/src/components/LoadingSciFiCircle/index.vue b/packages/ui-loading-screens/src/components/LoadingSciFiCircle/index.vue index 91517e147..f73e8f58a 100644 --- a/packages/ui-loading-screens/src/components/LoadingSciFiCircle/index.vue +++ b/packages/ui-loading-screens/src/components/LoadingSciFiCircle/index.vue @@ -1,7 +1,9 @@