⚪ Biele a svetlé
-1) {
colors.splice(index, 1);
} else {
colors.push('biela');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #ffffff; border: 1px solid #cbd5e1;"
:class="$store.filters.filters.colors?.includes('biela') ? 'active' : ''"
title="Biela">
Biela
-1) {
colors.splice(index, 1);
} else {
colors.push('bieložitá');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #f5f0e8; border: 1px solid #cbd5e1;"
:class="$store.filters.filters.colors?.includes('bieložitá') ? 'active' : ''"
title="Bieložitá">
Bieložitá
-1) {
colors.splice(index, 1);
} else {
colors.push('strieborná');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #cbd5e1; border: 1px solid #cbd5e1;"
:class="$store.filters.filters.colors?.includes('strieborná') ? 'active' : ''"
title="Strieborná">
Strieborná
-1) {
colors.splice(index, 1);
} else {
colors.push('strieborná sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #e2e8f0; "
:class="$store.filters.filters.colors?.includes('strieborná sv.') ? 'active' : ''"
title="Strieborná sv.">
Strieborná sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('strieborná tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #94a3b8; "
:class="$store.filters.filters.colors?.includes('strieborná tm.') ? 'active' : ''"
title="Strieborná tm.">
Strieborná tm.
-1) {
colors.splice(index, 1);
} else {
colors.push('šedá sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #94a3b8; "
:class="$store.filters.filters.colors?.includes('šedá sv.') ? 'active' : ''"
title="Šedá sv.">
Šedá sv.
⚫ Čierne a tmavé
-1) {
colors.splice(index, 1);
} else {
colors.push('čierna');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #111111; "
:class="$store.filters.filters.colors?.includes('čierna') ? 'active' : ''"
title="Čierna">
Čierna
-1) {
colors.splice(index, 1);
} else {
colors.push('šedá');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #64748b; "
:class="$store.filters.filters.colors?.includes('šedá') ? 'active' : ''"
title="Šedá">
Šedá
-1) {
colors.splice(index, 1);
} else {
colors.push('šedá tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #475569; "
:class="$store.filters.filters.colors?.includes('šedá tm.') ? 'active' : ''"
title="Šedá tm.">
Šedá tm.
-1) {
colors.splice(index, 1);
} else {
colors.push('modrošedá tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #334155; "
:class="$store.filters.filters.colors?.includes('modrošedá tm.') ? 'active' : ''"
title="Modrošedá tm.">
Modrošedá tm.
🔴 Červené
-1) {
colors.splice(index, 1);
} else {
colors.push('červená');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #dc2626; "
:class="$store.filters.filters.colors?.includes('červená') ? 'active' : ''"
title="Červená">
Červená
-1) {
colors.splice(index, 1);
} else {
colors.push('červená sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #f87171; "
:class="$store.filters.filters.colors?.includes('červená sv.') ? 'active' : ''"
title="Červená sv.">
Červená sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('červená tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #991b1b; "
:class="$store.filters.filters.colors?.includes('červená tm.') ? 'active' : ''"
title="Červená tm.">
Červená tm.
-1) {
colors.splice(index, 1);
} else {
colors.push('vinová');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #7f1d1d; "
:class="$store.filters.filters.colors?.includes('vinová') ? 'active' : ''"
title="Vinová">
Vinová
-1) {
colors.splice(index, 1);
} else {
colors.push('vinová sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #991b1b; "
:class="$store.filters.filters.colors?.includes('vinová sv.') ? 'active' : ''"
title="Vinová sv.">
Vinová sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('vinová tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #4c0519; "
:class="$store.filters.filters.colors?.includes('vinová tm.') ? 'active' : ''"
title="Vinová tm.">
Vinová tm.
🔵 Modré
-1) {
colors.splice(index, 1);
} else {
colors.push('modrá');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #2563eb; "
:class="$store.filters.filters.colors?.includes('modrá') ? 'active' : ''"
title="Modrá">
Modrá
-1) {
colors.splice(index, 1);
} else {
colors.push('modrá sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #60a5fa; "
:class="$store.filters.filters.colors?.includes('modrá sv.') ? 'active' : ''"
title="Modrá sv.">
Modrá sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('modrá tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #1e3a5f; "
:class="$store.filters.filters.colors?.includes('modrá tm.') ? 'active' : ''"
title="Modrá tm.">
Modrá tm.
-1) {
colors.splice(index, 1);
} else {
colors.push('modrošedá');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #64748b; "
:class="$store.filters.filters.colors?.includes('modrošedá') ? 'active' : ''"
title="Modrošedá">
Modrošedá
-1) {
colors.splice(index, 1);
} else {
colors.push('modrošedá sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #94a3b8; "
:class="$store.filters.filters.colors?.includes('modrošedá sv.') ? 'active' : ''"
title="Modrošedá sv.">
Modrošedá sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('modrozeléná');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #0d9488; "
:class="$store.filters.filters.colors?.includes('modrozeléná') ? 'active' : ''"
title="Modrozeléná">
Modrozeléná
-1) {
colors.splice(index, 1);
} else {
colors.push('modrozeléná sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #2dd4bf; "
:class="$store.filters.filters.colors?.includes('modrozeléná sv.') ? 'active' : ''"
title="Modrozeléná sv.">
Modrozeléná sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('modrozeléná tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #0f766e; "
:class="$store.filters.filters.colors?.includes('modrozeléná tm.') ? 'active' : ''"
title="Modrozeléná tm.">
Modrozeléná tm.
🟢 Zelené
-1) {
colors.splice(index, 1);
} else {
colors.push('zelená');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #16a34a; "
:class="$store.filters.filters.colors?.includes('zelená') ? 'active' : ''"
title="Zelená">
Zelená
-1) {
colors.splice(index, 1);
} else {
colors.push('zelená sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #4ade80; "
:class="$store.filters.filters.colors?.includes('zelená sv.') ? 'active' : ''"
title="Zelená sv.">
Zelená sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('zelená tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #14532d; "
:class="$store.filters.filters.colors?.includes('zelená tm.') ? 'active' : ''"
title="Zelená tm.">
Zelená tm.
-1) {
colors.splice(index, 1);
} else {
colors.push('zelenošedá');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #6b7280; "
:class="$store.filters.filters.colors?.includes('zelenošedá') ? 'active' : ''"
title="Zelenošedá">
Zelenošedá
-1) {
colors.splice(index, 1);
} else {
colors.push('zelenošedá sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #9ca3af; "
:class="$store.filters.filters.colors?.includes('zelenošedá sv.') ? 'active' : ''"
title="Zelenošedá sv.">
Zelenošedá sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('zelenošedá tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #4b5563; "
:class="$store.filters.filters.colors?.includes('zelenošedá tm.') ? 'active' : ''"
title="Zelenošedá tm.">
Zelenošedá tm.
-1) {
colors.splice(index, 1);
} else {
colors.push('žltozeléná');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #84cc16; "
:class="$store.filters.filters.colors?.includes('žltozeléná') ? 'active' : ''"
title="Žltozeléná">
Žltozeléná
-1) {
colors.splice(index, 1);
} else {
colors.push('žltozeléná sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #a3e635; "
:class="$store.filters.filters.colors?.includes('žltozeléná sv.') ? 'active' : ''"
title="Žltozeléná sv.">
Žltozeléná sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('žltozeléná tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #4d7c0f; "
:class="$store.filters.filters.colors?.includes('žltozeléná tm.') ? 'active' : ''"
title="Žltozeléná tm.">
Žltozeléná tm.
🟡 Žlté a zlaté
-1) {
colors.splice(index, 1);
} else {
colors.push('žltá');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #eab308; "
:class="$store.filters.filters.colors?.includes('žltá') ? 'active' : ''"
title="Žltá">
Žltá
-1) {
colors.splice(index, 1);
} else {
colors.push('žltá sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #fde047; "
:class="$store.filters.filters.colors?.includes('žltá sv.') ? 'active' : ''"
title="Žltá sv.">
Žltá sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('žltá tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #a16207; "
:class="$store.filters.filters.colors?.includes('žltá tm.') ? 'active' : ''"
title="Žltá tm.">
Žltá tm.
-1) {
colors.splice(index, 1);
} else {
colors.push('zlatá');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #eab308; "
:class="$store.filters.filters.colors?.includes('zlatá') ? 'active' : ''"
title="Zlatá">
Zlatá
-1) {
colors.splice(index, 1);
} else {
colors.push('zlatá sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #facc15; "
:class="$store.filters.filters.colors?.includes('zlatá sv.') ? 'active' : ''"
title="Zlatá sv.">
Zlatá sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('zlatá tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #a16207; "
:class="$store.filters.filters.colors?.includes('zlatá tm.') ? 'active' : ''"
title="Zlatá tm.">
Zlatá tm.
🟠 Oranžové
-1) {
colors.splice(index, 1);
} else {
colors.push('oranžová');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #f97316; "
:class="$store.filters.filters.colors?.includes('oranžová') ? 'active' : ''"
title="Oranžová">
Oranžová
-1) {
colors.splice(index, 1);
} else {
colors.push('oranžová sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #fb923c; "
:class="$store.filters.filters.colors?.includes('oranžová sv.') ? 'active' : ''"
title="Oranžová sv.">
Oranžová sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('oranžová tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #c2410c; "
:class="$store.filters.filters.colors?.includes('oranžová tm.') ? 'active' : ''"
title="Oranžová tm.">
Oranžová tm.
🟤 Hnedé a béžové
-1) {
colors.splice(index, 1);
} else {
colors.push('hnedá');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #78350f; "
:class="$store.filters.filters.colors?.includes('hnedá') ? 'active' : ''"
title="Hnedá">
Hnedá
-1) {
colors.splice(index, 1);
} else {
colors.push('hnedá sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #b45309; "
:class="$store.filters.filters.colors?.includes('hnedá sv.') ? 'active' : ''"
title="Hnedá sv.">
Hnedá sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('hnedá tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #451a03; "
:class="$store.filters.filters.colors?.includes('hnedá tm.') ? 'active' : ''"
title="Hnedá tm.">
Hnedá tm.
-1) {
colors.splice(index, 1);
} else {
colors.push('béžová');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #d4b896; "
:class="$store.filters.filters.colors?.includes('béžová') ? 'active' : ''"
title="Béžová">
Béžová
-1) {
colors.splice(index, 1);
} else {
colors.push('béžová sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #e8d5c4; "
:class="$store.filters.filters.colors?.includes('béžová sv.') ? 'active' : ''"
title="Béžová sv.">
Béžová sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('béžová tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #b8956e; "
:class="$store.filters.filters.colors?.includes('béžová tm.') ? 'active' : ''"
title="Béžová tm.">
Béžová tm.
🟣 Fialové a ružové
-1) {
colors.splice(index, 1);
} else {
colors.push('fialová');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #8b5cf6; "
:class="$store.filters.filters.colors?.includes('fialová') ? 'active' : ''"
title="Fialová">
Fialová
-1) {
colors.splice(index, 1);
} else {
colors.push('fialová sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #c4b5fd; "
:class="$store.filters.filters.colors?.includes('fialová sv.') ? 'active' : ''"
title="Fialová sv.">
Fialová sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('fialová tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #5b21b6; "
:class="$store.filters.filters.colors?.includes('fialová tm.') ? 'active' : ''"
title="Fialová tm.">
Fialová tm.
-1) {
colors.splice(index, 1);
} else {
colors.push('ružová');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #ec4899; "
:class="$store.filters.filters.colors?.includes('ružová') ? 'active' : ''"
title="Ružová">
Ružová
-1) {
colors.splice(index, 1);
} else {
colors.push('ružová sv.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #f9a8d4; "
:class="$store.filters.filters.colors?.includes('ružová sv.') ? 'active' : ''"
title="Ružová sv.">
Ružová sv.
-1) {
colors.splice(index, 1);
} else {
colors.push('ružová tm.');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #be185d; "
:class="$store.filters.filters.colors?.includes('ružová tm.') ? 'active' : ''"
title="Ružová tm.">
Ružová tm.
📦 Iné
-1) {
colors.splice(index, 1);
} else {
colors.push('iné');
}
$store.filters.filters.colors = colors;
$store.filters.fetchCars();
"
class="color-dot relative group"
style="background-color: #9ca3af; "
:class="$store.filters.filters.colors?.includes('iné') ? 'active' : ''"
title="Iné">
Iné