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;