From 1910b92d7e446d5cb3ad5d8a60be87a2e2d19ca4 Mon Sep 17 00:00:00 2001 From: TO Date: Wed, 20 Nov 2024 18:21:02 +0100 Subject: [PATCH] better colors --- src/components/otherProjects.vue | 5 ++--- src/components/timeline.vue | 2 +- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/src/components/otherProjects.vue b/src/components/otherProjects.vue index 7981c50..58ab60c 100644 --- a/src/components/otherProjects.vue +++ b/src/components/otherProjects.vue @@ -54,8 +54,7 @@ export default defineComponent({ }, data() { return { - height: '80vh', - bgColor: this.colors[this.bgColorId % this.colors.length], + height: '80vh' }; }, watch: { @@ -88,7 +87,7 @@ export default defineComponent({ .project { width: 100vw; height: v-bind(height); - background-color: v-bind(bgColor); + background-color: #292929; padding: 1vw 1vh 1vw 1vh; display: flex; justify-content: center; diff --git a/src/components/timeline.vue b/src/components/timeline.vue index b73f028..971476a 100644 --- a/src/components/timeline.vue +++ b/src/components/timeline.vue @@ -26,7 +26,7 @@ const enum STATUS { INVIEWPORT, AFTERVIEWPORT, } -const COLORS = ["#660708", "#a4161a", "#ba181b", "#e5383b", "#b1a7a6", "#d3d3d3", "#f5f3f4"] +const COLORS = ["#D49956", "#D87C69", "#AC9770", "#F2EDE3", "#88905E", "#7F8386", "#8EAAC2"] const nbMaxProjectsFullPage = 5;