diff --git a/static/css/theme-coko/main.css b/static/css/theme-coko/main.css
index cb2d5b7c414effe6c7044fc06e0040a52b24bbce..e9e8436b7600b38a5788aea4a8dc8b6917c956fc 100644
--- a/static/css/theme-coko/main.css
+++ b/static/css/theme-coko/main.css
@@ -1,53 +1,39 @@
 @import url(../layout/one-column.css);
-/* @import url('https://fonts.googleapis.com/css2?family=Inria+Sans:wght@300;700&family=Inria+Serif:ital,wght@0,300;0,700;1,300;1,700&display=swap'); */
-
-/* Color per page */
-.products h1,
-.products h2,
-.products h3,
-.products h4,
-.products a,
-.services h1,
-.services h2,
-.services h3,
-.services h4,
-.services p.tags,
-.services .card,
-.services a,
-.contact h1,
-.contact h2,
-.contact h3,
-.contact h4,
-.contact a,
-.community h1,
-.community h2,
-.community h3,
-.community h4 {
+/* colors set up */
+
+
+.home h1, .home h2, .home h3, .home h4, .home p.tags, .home a{
+color: var(--color-primary);
+}
+.about h1, .about h2, .about h3, .about h4, .about a { 
+  color: var(--color-primary);
+}
+
+
+.products h1, .products h2, .products h3, .products h4, .products a {
+color: var(--color-primary);
+}
+.services h1, .services h2, .services h3, .services h4, .services p.tags, .services .card, .services a {
+color: var(--color-secondary);}
+
+.community h1, .community h2, .community h3, .community h4, .community a {
   color: var(--color-secondary);
 }
-.home h1,
-.home h2,
-.home h3,
-.home h4,
-.home p.tags,
-.home a,
-.news h1,
-.news h2,
-.news h3,
-.news h4,
-.news p.tags,
-.news a,
+.news h1, .news h2, .news h3, .news h4, .news p.tags, .news a {
+}
+
 .blog-post h1,
 .blog-post h2,
 .blog-post h3,
-.blog-post a,
+.blog-post a
+{}
 .articles h1,
 .articles h2,
 .articles h3,
 .articles h4,
 .articles p.tags,
 .articles a {
-  color: var(--color-primary);
+  color: var(--color-trois);
 }
 .article-single h1,
 .article-single h2,
@@ -55,13 +41,8 @@
 .article-single h4,
 .article-single p.tags,
 .article-single a {
-  color: var(--color-secondary);
+  color: var(--color-trois);
 }
-.about h1,
-.about h2,
-.about h3,
-.about h4,
-.about a,
 .team h1,
 .team h2,
 .team h3,
@@ -108,8 +89,9 @@ aside {
   background: rgb(255, 255, 255);
 }
 .home aside,
-.articles aside,
+.products aside,
 .news aside,
+.about aside,
 .blog-post aside {
   background: linear-gradient(
   6deg,
@@ -119,15 +101,15 @@ aside {
   filter: drop-shadow(700px -15px 15px #62c8c4);
 }
 
-.community aside,
-.about aside,
+
+.articles aside,
 .article-single aside,
 .team aside {
   background: linear-gradient(6deg, rgba(255, 255, 255, 1) 58%, #bba3c5 100%);
   filter: drop-shadow(700px -15px 15px var(--color-trois));
 }
 .services aside,
-.products aside,
+.community aside,
 .contact aside {
   background: linear-gradient(6deg, rgba(255, 255, 255, 1) 58%, #e39fba 100%);
   filter: drop-shadow(700px -15px 15px var(--color-secondary));
@@ -674,5 +656,5 @@ footer section.infos a:hover {
 }
 
 .articles main .grid-item {
-  margin-top: 2em
+  margin-top: 2em
 }