[FIX] colors

main/styleguide/source/_patterns/molecules/articles/person-article-preview.mustache

 <div class="flex flex-col justify-between items-start mb-9">
   <div class="flex font-bold mb-4 text-xs text-white uppercase">
-    <span class="bg-green-400 mr-1 px-1">Duben 2022</span>
-    <span class="bg-violet-400 mr-1 px-1">#ENERGETIKA</span>
+    <span class="bg-green-500 mr-1 px-1">Duben 2022</span>
+    <span class="bg-violet-600 mr-1 px-1">#ENERGETIKA</span>
   </div>
   <h4 class="head-3xl mb-4">
     Ukončili jsme povinné přimíchávání biopaliv první generace do pohonných hmot

main/styleguide/source/_patterns/templates/program.mustache

@@ -12,16 +12,16 @@
       </p>
     </div>
   </div>
-  <div class="container--medium">
+  <div class="">
     <div class="__js-root">
     <ui-view-provider :initial="{candidates: true, program: false}" :sync-location="true" v-slot="{ isCurrentView, toggleView }">
-    <div class="mb-12">
+    <div class="mb-12 container--medium">
       <div class="switch">
         <a @click="toggleView('candidates')" class="switch__item" :class="{'switch__item--active': isCurrentView('candidates')}">Komunální volby 2022</a>
         <a @click="toggleView('program')" class="switch__item" :class="{'switch__item--active': isCurrentView('program')}">Sněmovní volby 2021</a>
       </div>
     </div>
-    <div class="mb-12">
+    <div class="mb-12 grid-container">
       <template v-if="isCurrentView('candidates')">
         {{> molecules-icon-title-text-block(icon: "ico--book") }}
         {{> molecules-icon-title-text-block(icon: "ico--book") }}
@@ -33,9 +33,7 @@
     </ui-view-provider>
     </div>
   </div>
-  {{> organisms-newsletter-section }}
 </main>
 
-
-
+{{> organisms-newsletter-section }}
 {{> organisms-footer }}

main/styleguide/source/css/atoms/container.pcss

@@ -100,6 +100,11 @@
   grid-area: left-side;
 }
 
+.grid-left-side-with-content {
+  grid-column: left-side / content;
+  grid-row: left-side / content;
+}
+
 .grid-right-side {
   grid-area: right-side;
 }

main/styleguide/tailwind.config.js

@@ -136,6 +136,7 @@ module.exports = {
                 '300': '#8d415f',
                 '400': '#840048',
                 '500': '#670047',
+                '600': '#7D337F',
             },
         },
         container: {