diff --git a/components/filters/years.vue b/components/filters/years.vue
index b4a47e8..46750d6 100644
--- a/components/filters/years.vue
+++ b/components/filters/years.vue
@@ -54,7 +54,7 @@ function clearYears() {
 .years-container {
 	display: flex;
 	align-items: stretch;
-	border-bottom: solid 1px var(--shadow-weak-30);
+	border-bottom: solid 1px var(--glass-weak-30);
 }
 
 .years {
@@ -78,6 +78,7 @@ function clearYears() {
 .year {
 	display: inline-block;
 	padding: .25rem;
+	color: var(--text);
 	font-size: .8rem;
 
 	&:hover {
@@ -97,7 +98,7 @@ function clearYears() {
 	display: flex;
 	align-items: center;
 	padding: 0 .5rem;
-	fill: var(--shadow);
+	fill: var(--glass);
 
 	&:hover {
 		fill: var(--primary);