diff --git a/content/katedra/_index.md b/content/katedra/_index.md
index 9dae944..86e3a5b 100644
--- a/content/katedra/_index.md
+++ b/content/katedra/_index.md
@@ -1,4 +1,7 @@
 +++
 title = "Katedra"
+
+[extra]
+color = "#B48EAD"
 +++
 
diff --git a/content/studenti/_index.md b/content/studenti/_index.md
index f9e32e2..d1c4b07 100644
--- a/content/studenti/_index.md
+++ b/content/studenti/_index.md
@@ -1,4 +1,7 @@
 +++
 title = "Studenti"
+
+[extra]
+color = "#D08770"
 +++
 
diff --git a/content/uchazeci/_index.md b/content/uchazeci/_index.md
index aa14cae..a3c4adf 100644
--- a/content/uchazeci/_index.md
+++ b/content/uchazeci/_index.md
@@ -1,4 +1,7 @@
 +++
 title = "Uchazeči"
+
+[extra]
+color = "#A3BE8C"
 +++
 
diff --git a/content/vedecka-cinnost/_index.md b/content/vedecka-cinnost/_index.md
index f1bd1d3..263b216 100644
--- a/content/vedecka-cinnost/_index.md
+++ b/content/vedecka-cinnost/_index.md
@@ -1,4 +1,7 @@
 +++
 title = "Vědecká činnost"
+
+[extra]
+color = "#8FBCBB"
 +++
 
diff --git a/sass/main.scss b/sass/main.scss
index 8c6232d..bf0e396 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -50,7 +50,7 @@ header {
 			position: relative;
 
 			a { padding: .9rem }
-			a:hover, li:hover { color: #5E81AC }
+			li:hover { color: var(--color) }
 
 			li:hover ul { display: grid }
 
@@ -64,7 +64,7 @@ header {
 				margin-top: .9rem;
 				padding: 1rem;
 				background-color: #FFF;
-				border-top: 5px solid #5E81AC;
+				border-top: 5px solid var(--color);
 				box-shadow: 0px 1px 9px #00000033;
 				font-size: 1rem;
 				font-weight: normal;
@@ -74,7 +74,7 @@ header {
 					display: block;
 					padding: .5em;
 
-					&:hover { color: #5E81AC }
+					&:hover { color: var(--color) }
 				}
 
 			}
diff --git a/templates/macros.html b/templates/macros.html
index 78c3656..be6e17b 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -12,8 +12,14 @@
 	{% if items %}
 		<ul>
 			{% for item in items %}
-				<li>
-					{% set section = get_section(path=item.path~"/_index.md") %}
+				{% set section = get_section(path=item.path~"/_index.md") %}
+				<li
+					{% if section.extra.color %}
+						style="--color: {{ section.extra.color }}"
+					{% else %}
+						style="--color: #5E81AC"
+					{% endif %}
+				>
 					<a href="{{ section.permalink }}">{{ section.title }}</a>
 					{% if section.subsections %}
 						<ul>