atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 14:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Color updates - remove purple colors

Browse Source
This commit is contained in:
David Haz
2025-07-17 17:12:23 +03:00
parent 04be2c7448
commit f6c5f2ceda
11 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/content/Components/Carousel/Carousel.vue
View File

@@ -46,7 +46,7 @@
:transition="effectiveTransition"
>
<div :class="round ? 'p-0 m-0' : 'mb-4 p-5'">
<span class="flex h-[28px] w-[28px] items-center justify-center rounded-full bg-[#060010]">
<span class="flex h-[28px] w-[28px] items-center justify-center rounded-full bg-[#0b0b0b]">
<i :class="item.icon" class="text-white text-base"></i>
</span>
</div>

4
src/content/Components/FlowingMenu/FlowingMenu.vue
View File

@@ -8,7 +8,7 @@
:ref="el => setItemRef(el as HTMLDivElement, idx)"
>
<a
class="flex items-center justify-center h-full relative cursor-pointer uppercase no-underline font-semibold text-white text-[4vh] hover:text-[#060010] focus:text-white focus-visible:text-[#060010]"
class="flex items-center justify-center h-full relative cursor-pointer uppercase no-underline font-semibold text-white text-[4vh] hover:text-[#0b0b0b] focus:text-white focus-visible:text-[#0b0b0b]"
:href="item.link"
@mouseenter="ev => handleMouseEnter(ev, idx)"
@mouseleave="ev => handleMouseLeave(ev, idx)"
@@ -23,7 +23,7 @@
<div class="h-full w-[200%] flex" :ref="el => (marqueeInnerRefs[idx] = el as HTMLDivElement)">
<div class="flex items-center relative h-full w-[200%] will-change-transform animate-marquee">
<template v-for="i in 4" :key="`${idx}-${i}`">
<span class="text-[#060010] uppercase font-normal text-[4vh] leading-[1.2] p-[1vh_1vw_0]">
<span class="text-[#0b0b0b] uppercase font-normal text-[4vh] leading-[1.2] p-[1vh_1vw_0]">
{{ item.text }}
</span>

2
src/content/Components/InfiniteScroll/InfiniteScroll.vue
View File

@@ -241,7 +241,7 @@ watch(
.infinite-scroll-wrapper::after {
content: '';
position: absolute;
background: linear-gradient(var(--dir, to bottom), #060010, transparent);
background: linear-gradient(var(--dir, to bottom), #0b0b0b, transparent);
height: 25%;
width: 100%;
z-index: 1;

4
src/content/TextAnimations/GlitchText/GlitchText.vue
View File

@@ -53,7 +53,7 @@ const baseClasses = [
'before:absolute',
'before:top-0',
'before:text-white',
'before:bg-[#060010]',
'before:bg-[#0b0b0b]',
'before:overflow-hidden',
'before:[clip-path:inset(0_0_0_0)]',
@@ -61,7 +61,7 @@ const baseClasses = [
'after:absolute',
'after:top-0',
'after:text-white',
'after:bg-[#060010]',
'after:bg-[#0b0b0b]',
'after:overflow-hidden',
'after:[clip-path:inset(0_0_0_0)]'
];