diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue
index 6425193..3b2322c 100644
--- a/src/components/Timeline.vue
+++ b/src/components/Timeline.vue
@@ -462,7 +462,7 @@ export default class Timeline extends Vue {
 			justify-self: end;
 
 			font-size: .8em;
-			color: #535359;
+			color: #434d5d;
 
 			margin-right: 1rem;
 		}
@@ -471,7 +471,7 @@ export default class Timeline extends Vue {
 
 			margin-left: 1rem;
 
-			color: #999999;
+			color: #89919f;
 		}
 
 		// line 3
@@ -486,7 +486,6 @@ export default class Timeline extends Vue {
 
 		.joint-stop {
 			height: $joint-height;
-			background: red;
 
 			background: url('../assets/timeline/joint-stop.svg');
 			background-repeat: no-repeat;
@@ -527,7 +526,7 @@ export default class Timeline extends Vue {
 			margin-bottom: 1.5em;
 
 			color: #eee;
-			background: #323841;
+			background: #323945;
 
 			border: .1rem solid #45454b;
 			border-radius: .8em;
@@ -575,7 +574,7 @@ export default class Timeline extends Vue {
 		}
 
 		.src, .doc, .end {
-			color: #999999;
+			color: #89919f;
 		}
 
 		.name b {
@@ -589,7 +588,7 @@ export default class Timeline extends Vue {
 			position: relative;
 
 			font-size: .8em;
-			color: #4d4d4d;
+			color: #434d5d;
 
 			margin-left: .5em;
 
@@ -603,7 +602,7 @@ export default class Timeline extends Vue {
 					width: .3em;
 					height: .3em;
 
-				background: #606060;
+				background: #4e596c;
 
 				border-radius: 50% / 50%;
 			}