diff --git a/_tests/align-generator/templates.js b/_tests/align-generator/templates.js
index 4b79fb0e..8ef45cb0 100644
--- a/_tests/align-generator/templates.js
+++ b/_tests/align-generator/templates.js
@@ -23,7 +23,7 @@ headless = true
 const list = `+++
 fragment = "list"
 weight = 110
-section = "dev/dev-alignments"
+section = "dev/alignments"
 count = 1000
 summary = false
 tiled = true
@@ -36,4 +36,4 @@ module.exports = {
   index,
   content,
   list,
-}
+};
diff --git a/_tests/colors-generator/templates.js b/_tests/colors-generator/templates.js
index 12da4ad1..95f3f407 100644
--- a/_tests/colors-generator/templates.js
+++ b/_tests/colors-generator/templates.js
@@ -23,7 +23,7 @@ headless = true
 const list = `+++
 fragment = "list"
 weight = 110
-section = "dev/dev-colors"
+section = "dev/colors"
 count = 1000
 summary = false
 tiled = true
@@ -36,4 +36,4 @@ module.exports = {
   index,
   content,
   list,
-}
+};
diff --git a/cypress/integration/accessibility.spec.js b/cypress/integration/accessibility.spec.js
new file mode 100644
index 00000000..b3df81bb
--- /dev/null
+++ b/cypress/integration/accessibility.spec.js
@@ -0,0 +1,9 @@
+describe('Accessibility tests', () => {
+  it('should run', () => {
+    cy.visit('http://localhost:1313/dev/colors/dev-buttons');
+    cy.injectAxe();
+    cy.checkA11y(null, {
+      runOnly: ['cat.color'],
+    });
+  });
+});
diff --git a/cypress/support/index.js b/cypress/support/index.js
index d68db96d..d5d51719 100644
--- a/cypress/support/index.js
+++ b/cypress/support/index.js
@@ -14,7 +14,8 @@
 // ***********************************************************
 
 // Import commands.js using ES2015 syntax:
-import './commands'
+import 'cypress-axe';
+import './commands';
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
diff --git a/exampleSite/content/dev/alignments/_index/list.md b/exampleSite/content/dev/alignments/_index/list.md
index ad898c61..bf512b7b 100644
--- a/exampleSite/content/dev/alignments/_index/list.md
+++ b/exampleSite/content/dev/alignments/_index/list.md
@@ -1,7 +1,7 @@
 +++
 fragment = "list"
 weight = 110
-section = "dev/dev-alignments"
+section = "dev/alignments"
 count = 1000
 summary = false
 tiled = true
diff --git a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-center/item3.md b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-center/item3.md
index acc50975..65551093 100644
--- a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-center/item3.md
+++ b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-center/item3.md
@@ -3,6 +3,9 @@ weight = 30
 title = "Third Title"
 subtitle = "Lorem ipsum dolor sit amet, consectetur adipiscing"
 
+[background]
+  image = "cat-1.jpeg"
+
 [asset]
   icon = "fab fa-github"
 +++
diff --git a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-center/item5.md b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-center/item5.md
index 61b265ce..28760149 100644
--- a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-center/item5.md
+++ b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-center/item5.md
@@ -2,7 +2,7 @@
 weight = 50
 
 [asset]
-  image = "dog-2.jpeg"
+  icon = "fab fa-github"
 +++
 
 Ante in nibh mauris cursus mattis molestie a iaculis. Nisi porta lorem mollis aliquam. Eu consequat ac felis donec et odio pellentesque diam volutpat. Arcu dui vivamus arcu felis. Senectus et netus et malesuada fames ac turpis egestas sed. Orci eu lobortis elementum nibh.
diff --git a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-left/item3.md b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-left/item3.md
index acc50975..65551093 100644
--- a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-left/item3.md
+++ b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-left/item3.md
@@ -3,6 +3,9 @@ weight = 30
 title = "Third Title"
 subtitle = "Lorem ipsum dolor sit amet, consectetur adipiscing"
 
+[background]
+  image = "cat-1.jpeg"
+
 [asset]
   icon = "fab fa-github"
 +++
diff --git a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-left/item5.md b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-left/item5.md
index 61b265ce..28760149 100644
--- a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-left/item5.md
+++ b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-left/item5.md
@@ -2,7 +2,7 @@
 weight = 50
 
 [asset]
-  image = "dog-2.jpeg"
+  icon = "fab fa-github"
 +++
 
 Ante in nibh mauris cursus mattis molestie a iaculis. Nisi porta lorem mollis aliquam. Eu consequat ac felis donec et odio pellentesque diam volutpat. Arcu dui vivamus arcu felis. Senectus et netus et malesuada fames ac turpis egestas sed. Orci eu lobortis elementum nibh.
diff --git a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-right/item3.md b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-right/item3.md
index acc50975..65551093 100644
--- a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-right/item3.md
+++ b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-right/item3.md
@@ -3,6 +3,9 @@ weight = 30
 title = "Third Title"
 subtitle = "Lorem ipsum dolor sit amet, consectetur adipiscing"
 
+[background]
+  image = "cat-1.jpeg"
+
 [asset]
   icon = "fab fa-github"
 +++
diff --git a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-right/item5.md b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-right/item5.md
index 61b265ce..28760149 100644
--- a/exampleSite/content/dev/alignments/dev-portfolio/portfolio-right/item5.md
+++ b/exampleSite/content/dev/alignments/dev-portfolio/portfolio-right/item5.md
@@ -2,7 +2,7 @@
 weight = 50
 
 [asset]
-  image = "dog-2.jpeg"
+  icon = "fab fa-github"
 +++
 
 Ante in nibh mauris cursus mattis molestie a iaculis. Nisi porta lorem mollis aliquam. Eu consequat ac felis donec et odio pellentesque diam volutpat. Arcu dui vivamus arcu felis. Senectus et netus et malesuada fames ac turpis egestas sed. Orci eu lobortis elementum nibh.
diff --git a/exampleSite/content/dev/colors/_index/list.md b/exampleSite/content/dev/colors/_index/list.md
index 808b433d..bf9e182e 100644
--- a/exampleSite/content/dev/colors/_index/list.md
+++ b/exampleSite/content/dev/colors/_index/list.md
@@ -1,7 +1,7 @@
 +++
 fragment = "list"
 weight = 110
-section = "dev/dev-colors"
+section = "dev/colors"
 count = 1000
 summary = false
 tiled = true
diff --git a/exampleSite/content/dev/colors/dev-list/list-dark.md b/exampleSite/content/dev/colors/dev-list/list-dark.md
index 30a59c76..8c3c97a6 100644
--- a/exampleSite/content/dev/colors/dev-list/list-dark.md
+++ b/exampleSite/content/dev/colors/dev-list/list-dark.md
@@ -8,7 +8,7 @@ title_align = "left" # Default is center, can be left, right or center
 
 background = "dark"
 count = 5 # Default value is 10
-section = "example/blog" # Default value is current section
+section = "dev/blog" # Default value is current section
 #summary = false # Default value is true
 #images = false # Default value is true
 #read_more = true # Default value is empty (empty: show when content is truncated, false to never show, true to always show)
diff --git a/exampleSite/content/dev/colors/dev-list/list-light.md b/exampleSite/content/dev/colors/dev-list/list-light.md
index c59a8262..304f76fe 100644
--- a/exampleSite/content/dev/colors/dev-list/list-light.md
+++ b/exampleSite/content/dev/colors/dev-list/list-light.md
@@ -8,7 +8,7 @@ title_align = "left" # Default is center, can be left, right or center
 
 background = "light"
 count = 5 # Default value is 10
-section = "example/blog" # Default value is current section
+section = "dev/blog" # Default value is current section
 #summary = false # Default value is true
 #images = false # Default value is true
 #read_more = true # Default value is empty (empty: show when content is truncated, false to never show, true to always show)
diff --git a/exampleSite/content/dev/colors/dev-list/list-primary.md b/exampleSite/content/dev/colors/dev-list/list-primary.md
index 35170fef..301c3134 100644
--- a/exampleSite/content/dev/colors/dev-list/list-primary.md
+++ b/exampleSite/content/dev/colors/dev-list/list-primary.md
@@ -8,7 +8,7 @@ title_align = "left" # Default is center, can be left, right or center
 
 background = "primary"
 count = 5 # Default value is 10
-section = "example/blog" # Default value is current section
+section = "dev/blog" # Default value is current section
 #summary = false # Default value is true
 #images = false # Default value is true
 #read_more = true # Default value is empty (empty: show when content is truncated, false to never show, true to always show)
diff --git a/exampleSite/content/dev/colors/dev-list/list-secondary.md b/exampleSite/content/dev/colors/dev-list/list-secondary.md
index daeac655..721be049 100644
--- a/exampleSite/content/dev/colors/dev-list/list-secondary.md
+++ b/exampleSite/content/dev/colors/dev-list/list-secondary.md
@@ -8,7 +8,7 @@ title_align = "left" # Default is center, can be left, right or center
 
 background = "secondary"
 count = 5 # Default value is 10
-section = "example/blog" # Default value is current section
+section = "dev/blog" # Default value is current section
 #summary = false # Default value is true
 #images = false # Default value is true
 #read_more = true # Default value is empty (empty: show when content is truncated, false to never show, true to always show)
diff --git a/exampleSite/content/dev/colors/dev-list/list-tiled-dark.md b/exampleSite/content/dev/colors/dev-list/list-tiled-dark.md
index 436f1a96..ac47b5b7 100644
--- a/exampleSite/content/dev/colors/dev-list/list-tiled-dark.md
+++ b/exampleSite/content/dev/colors/dev-list/list-tiled-dark.md
@@ -8,7 +8,7 @@ subtitle = "Displays pages from dev/blog section"
 
 background = "dark"
 count = 5 # Default value is 10
-section = "example/blog" # Default value is current section
+section = "dev/blog" # Default value is current section
 #summary = false # Default value is true
 #images = false # Default value is true
 #read_more = true # Default value is empty (empty: show when content is truncated, false to never show, true to always show)
diff --git a/exampleSite/content/dev/colors/dev-list/list-tiled-light.md b/exampleSite/content/dev/colors/dev-list/list-tiled-light.md
index db325bb2..40695a1e 100644
--- a/exampleSite/content/dev/colors/dev-list/list-tiled-light.md
+++ b/exampleSite/content/dev/colors/dev-list/list-tiled-light.md
@@ -8,7 +8,7 @@ subtitle = "Displays pages from dev/blog section"
 
 background = "light"
 count = 5 # Default value is 10
-section = "example/blog" # Default value is current section
+section = "dev/blog" # Default value is current section
 #summary = false # Default value is true
 #images = false # Default value is true
 #read_more = true # Default value is empty (empty: show when content is truncated, false to never show, true to always show)
diff --git a/exampleSite/content/dev/colors/dev-list/list-tiled-primary.md b/exampleSite/content/dev/colors/dev-list/list-tiled-primary.md
index c7c4f66b..1a008be4 100644
--- a/exampleSite/content/dev/colors/dev-list/list-tiled-primary.md
+++ b/exampleSite/content/dev/colors/dev-list/list-tiled-primary.md
@@ -8,7 +8,7 @@ subtitle = "Displays pages from dev/blog section"
 
 background = "primary"
 count = 5 # Default value is 10
-section = "example/blog" # Default value is current section
+section = "dev/blog" # Default value is current section
 #summary = false # Default value is true
 #images = false # Default value is true
 #read_more = true # Default value is empty (empty: show when content is truncated, false to never show, true to always show)
diff --git a/exampleSite/content/dev/colors/dev-list/list-tiled-secondary.md b/exampleSite/content/dev/colors/dev-list/list-tiled-secondary.md
index 1336b1ea..c2106896 100644
--- a/exampleSite/content/dev/colors/dev-list/list-tiled-secondary.md
+++ b/exampleSite/content/dev/colors/dev-list/list-tiled-secondary.md
@@ -8,7 +8,7 @@ subtitle = "Displays pages from dev/blog section"
 
 background = "secondary"
 count = 5 # Default value is 10
-section = "example/blog" # Default value is current section
+section = "dev/blog" # Default value is current section
 #summary = false # Default value is true
 #images = false # Default value is true
 #read_more = true # Default value is empty (empty: show when content is truncated, false to never show, true to always show)
diff --git a/exampleSite/content/dev/colors/dev-list/list-tiled-white.md b/exampleSite/content/dev/colors/dev-list/list-tiled-white.md
index 570aa6f3..bdfc0d03 100644
--- a/exampleSite/content/dev/colors/dev-list/list-tiled-white.md
+++ b/exampleSite/content/dev/colors/dev-list/list-tiled-white.md
@@ -8,7 +8,7 @@ subtitle = "Displays pages from dev/blog section"
 
 background = "white"
 count = 5 # Default value is 10
-section = "example/blog" # Default value is current section
+section = "dev/blog" # Default value is current section
 #summary = false # Default value is true
 #images = false # Default value is true
 #read_more = true # Default value is empty (empty: show when content is truncated, false to never show, true to always show)
diff --git a/exampleSite/content/dev/colors/dev-list/list-white.md b/exampleSite/content/dev/colors/dev-list/list-white.md
index 0a1e66f1..c52d3eb7 100644
--- a/exampleSite/content/dev/colors/dev-list/list-white.md
+++ b/exampleSite/content/dev/colors/dev-list/list-white.md
@@ -8,7 +8,7 @@ title_align = "left" # Default is center, can be left, right or center
 
 background = "white"
 count = 5 # Default value is 10
-section = "example/blog" # Default value is current section
+section = "dev/blog" # Default value is current section
 #summary = false # Default value is true
 #images = false # Default value is true
 #read_more = true # Default value is empty (empty: show when content is truncated, false to never show, true to always show)
diff --git a/exampleSite/content/dev/colors/dev-portfolio/portfolio-dark/item3.md b/exampleSite/content/dev/colors/dev-portfolio/portfolio-dark/item3.md
index acc50975..65551093 100644
--- a/exampleSite/content/dev/colors/dev-portfolio/portfolio-dark/item3.md
+++ b/exampleSite/content/dev/colors/dev-portfolio/portfolio-dark/item3.md
@@ -3,6 +3,9 @@ weight = 30
 title = "Third Title"
 subtitle = "Lorem ipsum dolor sit amet, consectetur adipiscing"
 
+[background]
+  image = "cat-1.jpeg"
+
 [asset]
   icon = "fab fa-github"
 +++
diff --git a/exampleSite/content/dev/colors/dev-portfolio/portfolio-dark/item5.md b/exampleSite/content/dev/colors/dev-portfolio/portfolio-dark/item5.md
index 61b265ce..28760149 100644
--- a/exampleSite/content/dev/colors/dev-portfolio/portfolio-dark/item5.md
+++ b/exampleSite/content/dev/colors/dev-portfolio/portfolio-dark/item5.md
@@ -2,7 +2,7 @@
 weight = 50
 
 [asset]
-  image = "dog-2.jpeg"
+  icon = "fab fa-github"
 +++
 
 Ante in nibh mauris cursus mattis molestie a iaculis. Nisi porta lorem mollis aliquam. Eu consequat ac felis donec et odio pellentesque diam volutpat. Arcu dui vivamus arcu felis. Senectus et netus et malesuada fames ac turpis egestas sed. Orci eu lobortis elementum nibh.
diff --git a/exampleSite/content/dev/colors/dev-portfolio/portfolio-light/item3.md b/exampleSite/content/dev/colors/dev-portfolio/portfolio-light/item3.md
index acc50975..65551093 100644
--- a/exampleSite/content/dev/colors/dev-portfolio/portfolio-light/item3.md
+++ b/exampleSite/content/dev/colors/dev-portfolio/portfolio-light/item3.md
@@ -3,6 +3,9 @@ weight = 30
 title = "Third Title"
 subtitle = "Lorem ipsum dolor sit amet, consectetur adipiscing"
 
+[background]
+  image = "cat-1.jpeg"
+
 [asset]
   icon = "fab fa-github"
 +++
diff --git a/exampleSite/content/dev/colors/dev-portfolio/portfolio-light/item5.md b/exampleSite/content/dev/colors/dev-portfolio/portfolio-light/item5.md
index 61b265ce..28760149 100644
--- a/exampleSite/content/dev/colors/dev-portfolio/portfolio-light/item5.md
+++ b/exampleSite/content/dev/colors/dev-portfolio/portfolio-light/item5.md
@@ -2,7 +2,7 @@
 weight = 50
 
 [asset]
-  image = "dog-2.jpeg"
+  icon = "fab fa-github"
 +++
 
 Ante in nibh mauris cursus mattis molestie a iaculis. Nisi porta lorem mollis aliquam. Eu consequat ac felis donec et odio pellentesque diam volutpat. Arcu dui vivamus arcu felis. Senectus et netus et malesuada fames ac turpis egestas sed. Orci eu lobortis elementum nibh.
diff --git a/exampleSite/content/dev/colors/dev-portfolio/portfolio-primary/item3.md b/exampleSite/content/dev/colors/dev-portfolio/portfolio-primary/item3.md
index acc50975..65551093 100644
--- a/exampleSite/content/dev/colors/dev-portfolio/portfolio-primary/item3.md
+++ b/exampleSite/content/dev/colors/dev-portfolio/portfolio-primary/item3.md
@@ -3,6 +3,9 @@ weight = 30
 title = "Third Title"
 subtitle = "Lorem ipsum dolor sit amet, consectetur adipiscing"
 
+[background]
+  image = "cat-1.jpeg"
+
 [asset]
   icon = "fab fa-github"
 +++
diff --git a/exampleSite/content/dev/colors/dev-portfolio/portfolio-primary/item5.md b/exampleSite/content/dev/colors/dev-portfolio/portfolio-primary/item5.md
index 61b265ce..28760149 100644
--- a/exampleSite/content/dev/colors/dev-portfolio/portfolio-primary/item5.md
+++ b/exampleSite/content/dev/colors/dev-portfolio/portfolio-primary/item5.md
@@ -2,7 +2,7 @@
 weight = 50
 
 [asset]
-  image = "dog-2.jpeg"
+  icon = "fab fa-github"
 +++
 
 Ante in nibh mauris cursus mattis molestie a iaculis. Nisi porta lorem mollis aliquam. Eu consequat ac felis donec et odio pellentesque diam volutpat. Arcu dui vivamus arcu felis. Senectus et netus et malesuada fames ac turpis egestas sed. Orci eu lobortis elementum nibh.
diff --git a/exampleSite/content/dev/colors/dev-portfolio/portfolio-secondary/item3.md b/exampleSite/content/dev/colors/dev-portfolio/portfolio-secondary/item3.md
index acc50975..65551093 100644
--- a/exampleSite/content/dev/colors/dev-portfolio/portfolio-secondary/item3.md
+++ b/exampleSite/content/dev/colors/dev-portfolio/portfolio-secondary/item3.md
@@ -3,6 +3,9 @@ weight = 30
 title = "Third Title"
 subtitle = "Lorem ipsum dolor sit amet, consectetur adipiscing"
 
+[background]
+  image = "cat-1.jpeg"
+
 [asset]
   icon = "fab fa-github"
 +++
diff --git a/exampleSite/content/dev/colors/dev-portfolio/portfolio-secondary/item5.md b/exampleSite/content/dev/colors/dev-portfolio/portfolio-secondary/item5.md
index 61b265ce..28760149 100644
--- a/exampleSite/content/dev/colors/dev-portfolio/portfolio-secondary/item5.md
+++ b/exampleSite/content/dev/colors/dev-portfolio/portfolio-secondary/item5.md
@@ -2,7 +2,7 @@
 weight = 50
 
 [asset]
-  image = "dog-2.jpeg"
+  icon = "fab fa-github"
 +++
 
 Ante in nibh mauris cursus mattis molestie a iaculis. Nisi porta lorem mollis aliquam. Eu consequat ac felis donec et odio pellentesque diam volutpat. Arcu dui vivamus arcu felis. Senectus et netus et malesuada fames ac turpis egestas sed. Orci eu lobortis elementum nibh.
diff --git a/exampleSite/content/dev/colors/dev-portfolio/portfolio-white/item3.md b/exampleSite/content/dev/colors/dev-portfolio/portfolio-white/item3.md
index acc50975..65551093 100644
--- a/exampleSite/content/dev/colors/dev-portfolio/portfolio-white/item3.md
+++ b/exampleSite/content/dev/colors/dev-portfolio/portfolio-white/item3.md
@@ -3,6 +3,9 @@ weight = 30
 title = "Third Title"
 subtitle = "Lorem ipsum dolor sit amet, consectetur adipiscing"
 
+[background]
+  image = "cat-1.jpeg"
+
 [asset]
   icon = "fab fa-github"
 +++
diff --git a/exampleSite/content/dev/colors/dev-portfolio/portfolio-white/item5.md b/exampleSite/content/dev/colors/dev-portfolio/portfolio-white/item5.md
index 61b265ce..28760149 100644
--- a/exampleSite/content/dev/colors/dev-portfolio/portfolio-white/item5.md
+++ b/exampleSite/content/dev/colors/dev-portfolio/portfolio-white/item5.md
@@ -2,7 +2,7 @@
 weight = 50
 
 [asset]
-  image = "dog-2.jpeg"
+  icon = "fab fa-github"
 +++
 
 Ante in nibh mauris cursus mattis molestie a iaculis. Nisi porta lorem mollis aliquam. Eu consequat ac felis donec et odio pellentesque diam volutpat. Arcu dui vivamus arcu felis. Senectus et netus et malesuada fames ac turpis egestas sed. Orci eu lobortis elementum nibh.
diff --git a/exampleSite/content/dev/colors/dev-repositories_github/index.md b/exampleSite/content/dev/colors/dev-repositories_github/index.md
new file mode 100644
index 00000000..d55cfa01
--- /dev/null
+++ b/exampleSite/content/dev/colors/dev-repositories_github/index.md
@@ -0,0 +1,7 @@
++++
+title = "repositories_github"
+fragment = "content"
+weight = 100
++++
+
+Different colors for repositories_github fragment
diff --git a/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-dark.md b/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-dark.md
new file mode 100644
index 00000000..8e75398d
--- /dev/null
+++ b/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-dark.md
@@ -0,0 +1,11 @@
++++
+fragment = "repositories_github"
+weight = 143
+background = "dark"
+
+user = "okkur"
+count = 4 # default is 4
+display_forks = false # default is false
+sort = "stargazers_count" # default is "stargazers_count"
+# allowlist = ["syna", "syna-start"]
++++
diff --git a/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-light.md b/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-light.md
new file mode 100644
index 00000000..63702659
--- /dev/null
+++ b/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-light.md
@@ -0,0 +1,11 @@
++++
+fragment = "repositories_github"
+weight = 141
+background = "light"
+
+user = "okkur"
+count = 4 # default is 4
+display_forks = false # default is false
+sort = "stargazers_count" # default is "stargazers_count"
+# allowlist = ["syna", "syna-start"]
++++
diff --git a/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-primary.md b/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-primary.md
new file mode 100644
index 00000000..1b376c88
--- /dev/null
+++ b/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-primary.md
@@ -0,0 +1,11 @@
++++
+fragment = "repositories_github"
+weight = 144
+background = "primary"
+
+user = "okkur"
+count = 4 # default is 4
+display_forks = false # default is false
+sort = "stargazers_count" # default is "stargazers_count"
+# allowlist = ["syna", "syna-start"]
++++
diff --git a/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-secondary.md b/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-secondary.md
new file mode 100644
index 00000000..dde2b1b3
--- /dev/null
+++ b/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-secondary.md
@@ -0,0 +1,11 @@
++++
+fragment = "repositories_github"
+weight = 142
+background = "secondary"
+
+user = "okkur"
+count = 4 # default is 4
+display_forks = false # default is false
+sort = "stargazers_count" # default is "stargazers_count"
+# allowlist = ["syna", "syna-start"]
++++
diff --git a/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-white.md b/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-white.md
new file mode 100644
index 00000000..ac418c46
--- /dev/null
+++ b/exampleSite/content/dev/colors/dev-repositories_github/repositories_github-white.md
@@ -0,0 +1,11 @@
++++
+fragment = "repositories_github"
+weight = 140
+background = "white"
+
+user = "okkur"
+count = 4 # default is 4
+display_forks = false # default is false
+sort = "stargazers_count" # default is "stargazers_count"
+# allowlist = ["syna", "syna-start"]
++++
diff --git a/package.json b/package.json
index 655bbe73..577c4812 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "babel-loader": "^8.1.0",
     "concurrently": "^5.2.0",
     "cypress": "^4.12.0",
+    "cypress-axe": "^0.8.1",
     "extract-text-webpack-plugin": "^3.0.2",
     "node-sass": "^4.14.1",
     "style-loader": "^1.2.1",
diff --git a/yarn.lock b/yarn.lock
index 2a2c337a..90174b5e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2218,6 +2218,11 @@ cyclist@~0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-0.2.2.tgz#1b33792e11e914a2fd6d6ed6447464444e5fa640"
 
+cypress-axe@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/cypress-axe/-/cypress-axe-0.8.1.tgz#ddb37dca6570c0642dda2388daf678e83b3e8d3f"
+  integrity sha512-hX48+r5n7Ns7CHkn601Ag0JiCG1vby5+g7QhlP8X+mkiVYpTLpXAPiiaKFj9QTTCdZSI5+0UqwIxA+ShTsr5tA==
+
 cypress@^4.12.0:
   version "4.12.0"
   resolved "https://registry.yarnpkg.com/cypress/-/cypress-4.12.0.tgz#b9d9b16d45be28543edc0e4dc89987bed5bb090b"