diff --git a/source/app/web/statics/about/index.html b/source/app/web/statics/about/index.html
index cc6f48ac..4c18d500 100644
--- a/source/app/web/statics/about/index.html
+++ b/source/app/web/statics/about/index.html
@@ -179,16 +179,16 @@
                 <div class="followup-section" v-if="section.issues">
                   <h3>Issues {{ {repositories:`opened on ${account.login}'${[...account.login].pop() === "s" ? "" : "s"} repositories`, user:`opened by ${account.login}`}[type] || "" }}</h3>
                   <div class="progress-bars">
-                    <div class="progress" :style="{width:`${100*section.issues.open/section.issues.count}%`, backgroundColor:'#28a745'}"></div>
-                    <div class="progress" :style="{width:`${100*section.issues.closed/section.issues.count}%`, backgroundColor:'#d73a49'}"></div>
+                    <div class="progress" :style="{width:`${100*section.issues.open/section.issues.count}%`, backgroundColor:'#238636'}"></div>
+                    <div class="progress" :style="{width:`${100*section.issues.closed/section.issues.count}%`, backgroundColor:'#8957e5'}"></div>
                   </div>
                   <div class="legend">
                     <div>
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#28a745" fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"></path></svg>
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#238636" fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm9 3a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"></path></svg>
                       {{ section.issues.open }} open
                     </div>
                     <div>
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#d73a49" d="M11.28 6.78a.75.75 0 00-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l3.5-3.5z"></path><path fill="#d73a49" fill-rule="evenodd" d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-1.5 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"></path></svg>
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#8957e5" d="M11.28 6.78a.75.75 0 00-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l3.5-3.5z"></path><path fill="#8957e5" fill-rule="evenodd" d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-1.5 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"></path></svg>
                       {{ section.issues.closed }} closed
                     </div>
                   </div>
@@ -196,21 +196,21 @@
                 <div class="followup-section" v-if="section.pr">
                   <h3>Pull requests {{ {repositories:`opened on ${account.login}'${[...account.login].pop() === "s" ? "" : "s"} repositories`, user:`opened by ${account.login}`}[type] || "" }}</h3>
                   <div class="progress-bars">
-                    <div class="progress" :style="{width:`${100*section.pr.open/section.pr.count}%`, backgroundColor:'#28a745'}"></div>
-                    <div class="progress" :style="{width:`${100*section.pr.closed/section.pr.count}%`, backgroundColor:'#d73a49'}"></div>
-                    <div class="progress" :style="{width:`${100*section.pr.merged/section.pr.merged}%`, backgroundColor:'#6f42c1'}"></div>
+                    <div class="progress" :style="{width:`${100*section.pr.open/section.pr.count}%`, backgroundColor:'#238636'}"></div>
+                    <div class="progress" :style="{width:`${100*section.pr.closed/section.pr.count}%`, backgroundColor:'#da3633'}"></div>
+                    <div class="progress" :style="{width:`${100*section.pr.merged/section.pr.merged}%`, backgroundColor:'#8957e5'}"></div>
                   </div>
                   <div class="legend">
                     <div>
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#28a745" fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#238636" fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
                       {{ section.pr.open }} open
                     </div>
                     <div>
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#d73a49" fill-rule="evenodd" d="M10.72 1.227a.75.75 0 011.06 0l.97.97.97-.97a.75.75 0 111.06 1.061l-.97.97.97.97a.75.75 0 01-1.06 1.06l-.97-.97-.97.97a.75.75 0 11-1.06-1.06l.97-.97-.97-.97a.75.75 0 010-1.06zM12.75 6.5a.75.75 0 00-.75.75v3.378a2.251 2.251 0 101.5 0V7.25a.75.75 0 00-.75-.75zm0 5.5a.75.75 0 100 1.5.75.75 0 000-1.5zM2.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.25 1a2.25 2.25 0 00-.75 4.372v5.256a2.251 2.251 0 101.5 0V5.372A2.25 2.25 0 003.25 1zm0 11a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#da3633" fill-rule="evenodd" d="M10.72 1.227a.75.75 0 011.06 0l.97.97.97-.97a.75.75 0 111.06 1.061l-.97.97.97.97a.75.75 0 01-1.06 1.06l-.97-.97-.97.97a.75.75 0 11-1.06-1.06l.97-.97-.97-.97a.75.75 0 010-1.06zM12.75 6.5a.75.75 0 00-.75.75v3.378a2.251 2.251 0 101.5 0V7.25a.75.75 0 00-.75-.75zm0 5.5a.75.75 0 100 1.5.75.75 0 000-1.5zM2.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.25 1a2.25 2.25 0 00-.75 4.372v5.256a2.251 2.251 0 101.5 0V5.372A2.25 2.25 0 003.25 1zm0 11a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
                       {{ section.pr.closed }} closed
                     </div>
                     <div>
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#6f42c1" fill-rule="evenodd" d="M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#8957e5" fill-rule="evenodd" d="M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
                       {{ section.pr.merged }} merged
                     </div>
                   </div>
@@ -297,7 +297,7 @@
                     </template>
                     <template v-if="type === 'issue'">
                       <svg xmlns="http://www.w3.org/2000/svg" v-if="event.action === 'opened'" viewBox="0 0 16 16" width="16" height="16"><path d="M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path><path fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z"></path></svg>
-                      <svg xmlns="http://www.w3.org/2000/svg" v-if="event.action === 'closed'" viewBox="0 0 16 16" width="16" height="16"><path d="M11.28 6.78a.75.75 0 00-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l3.5-3.5z"></path><path fill-rule="evenodd" d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-1.5 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"></path></svg>
+                      <svg xmlns="http://www.w3.org/2000/svg" v-else-if="event.action === 'closed'" viewBox="0 0 16 16" width="16" height="16"><path d="M11.28 6.78a.75.75 0 00-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l3.5-3.5z"></path><path fill-rule="evenodd" d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-1.5 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"></path></svg>
                       <svg xmlns="http://www.w3.org/2000/svg" v-else viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M8 1.5a6.491 6.491 0 00-5.285 2.715l1.358 1.358A.25.25 0 013.896 6H.25A.25.25 0 010 5.75V2.104a.25.25 0 01.427-.177l1.216 1.216a8 8 0 0114.315 4.03.748.748 0 01-.668.83.75.75 0 01-.824-.676A6.501 6.501 0 008 1.5zM.712 8.004a.75.75 0 01.822.67 6.501 6.501 0 0011.751 3.111l-1.358-1.358a.25.25 0 01.177-.427h3.646a.25.25 0 01.25.25v3.646a.25.25 0 01-.427.177l-1.216-1.216A8 8 0 01.042 8.827a.75.75 0 01.67-.823zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-6.25a.75.75 0 00-1.5 0v3.5a.75.75 0 001.5 0v-3.5z"></path></svg>
                       <div class="content">
                         {{ event.action === "opened" ? "Opened" : event.action === "reopened" ? "Reopened" : "Closed" }} <a :href="`https://github.com/${repo}/issues/${event.number}`">#{{ event.number }} {{ event.title }}</a> in <a :href="`https://github.com/${repo}`">{{ repo }}</a>
diff --git a/source/app/web/statics/about/style.css b/source/app/web/statics/about/style.css
index 3d21f916..5571ca3b 100644
--- a/source/app/web/statics/about/style.css
+++ b/source/app/web/statics/about/style.css
@@ -146,7 +146,7 @@
 
 /* Isocalendar */
   .isocalendar .svg {
-    margin-top: 5rem;
+    margin-top: 8rem;
   }
 
 /* Activity */
diff --git a/source/app/web/statics/style.vars.css b/source/app/web/statics/style.vars.css
index 54efe651..cce8a87a 100644
--- a/source/app/web/statics/style.vars.css
+++ b/source/app/web/statics/style.vars.css
@@ -187,33 +187,33 @@
 	--color-border-tertiary: #6e7681;
 	--color-border-overlay: #30363d;
 	--color-border-inverse: #f0f6fc;
-	--color-border-info: rgba(56,139,253,0.4);
-	--color-border-danger: rgba(248,81,73,0.4);
-	--color-border-success: rgba(63,185,80,0.4);
-	--color-border-warning: rgba(187,128,9,0.4);
+	--color-border-info: rgba(56, 139, 253, 0.4);
+	--color-border-danger: rgba(248, 81, 73, 0.4);
+	--color-border-success: rgba(63, 185, 80, 0.4);
+	--color-border-warning: rgba(187, 128, 9, 0.4);
 	--color-bg-canvas: #0d1117;
 	--color-bg-canvas-mobile: #010409;
 	--color-bg-canvas-inverse: #f0f6fc;
-	--color-bg-canvas-inset: #06090f;
+	--color-bg-canvas-inset: #090c10;
 	--color-bg-primary: #0d1117;
 	--color-bg-secondary: #0d1117;
 	--color-bg-tertiary: #161b22;
-	--color-bg-overlay: #21262d;
-	--color-bg-backdrop: rgba(1,4,9,0.8);
-	--color-bg-info: rgba(56,139,253,0.1);
+	--color-bg-overlay: #1c2128;
+	--color-bg-backdrop: rgba(1, 4, 9, 0.8);
+	--color-bg-info: rgba(56, 139, 253, 0.1);
 	--color-bg-info-inverse: #388bfd;
-	--color-bg-danger: rgba(248,81,73,0.1);
+	--color-bg-danger: rgba(248, 81, 73, 0.1);
 	--color-bg-danger-inverse: #da3633;
-	--color-bg-success: rgba(46,160,67,0.1);
+	--color-bg-success: rgba(46, 160, 67, 0.1);
 	--color-bg-success-inverse: #2ea043;
-	--color-bg-warning: rgba(187,128,9,0.1);
+	--color-bg-warning: rgba(187, 128, 9, 0.1);
 	--color-bg-warning-inverse: #bb8009;
-	--color-shadow-small: 0 0 transparent;
+	--color-shadow-small: 0 0 rgba(0, 0, 0, 0);
 	--color-shadow-medium: 0 3px 6px #010409;
 	--color-shadow-large: 0 8px 24px #010409;
 	--color-shadow-extra-large: 0 12px 48px #010409;
-	--color-shadow-highlight: 0 0 transparent;
-	--color-shadow-inset: 0 0 transparent;
+	--color-shadow-highlight: 0 0 rgba(0, 0, 0, 0);
+	--color-shadow-inset: 0 0 rgba(0, 0, 0, 0);
 	--color-state-hover-primary-bg: #1f6feb;
 	--color-state-hover-primary-border: #388bfd;
 	--color-state-hover-primary-text: #f0f6fc;
@@ -226,133 +226,138 @@
 	--color-state-selected-primary-icon: #f0f6fc;
 	--color-state-focus-border: #388bfd;
 	--color-state-focus-shadow: 0 0 0 3px #0c2d6b;
-	--color-fade-fg-10: rgba(240,246,252,0.1);
-	--color-fade-fg-15: rgba(240,246,252,0.15);
-	--color-fade-fg-30: rgba(240,246,252,0.3);
-	--color-fade-fg-50: rgba(240,246,252,0.5);
-	--color-fade-fg-70: rgba(240,246,252,0.7);
-	--color-fade-fg-85: rgba(240,246,252,0.85);
-	--color-fade-black-10: rgba(1,4,9,0.1);
-	--color-fade-black-15: rgba(1,4,9,0.15);
-	--color-fade-black-30: rgba(1,4,9,0.3);
-	--color-fade-black-50: rgba(1,4,9,0.5);
-	--color-fade-black-70: rgba(1,4,9,0.7);
-	--color-fade-black-85: rgba(1,4,9,0.85);
-	--color-fade-white-10: rgba(240,246,252,0.1);
-	--color-fade-white-15: rgba(240,246,252,0.15);
-	--color-fade-white-30: rgba(240,246,252,0.3);
-	--color-fade-white-50: rgba(240,246,252,0.5);
-	--color-fade-white-70: rgba(240,246,252,0.7);
-	--color-fade-white-85: rgba(240,246,252,0.85);
+	--color-fade-fg-10: rgba(240, 246, 252, 0.1);
+	--color-fade-fg-15: rgba(240, 246, 252, 0.15);
+	--color-fade-fg-30: rgba(240, 246, 252, 0.3);
+	--color-fade-fg-50: rgba(240, 246, 252, 0.5);
+	--color-fade-fg-70: rgba(240, 246, 252, 0.7);
+	--color-fade-fg-85: rgba(240, 246, 252, 0.85);
+	--color-fade-black-10: rgba(1, 4, 9, 0.1);
+	--color-fade-black-15: rgba(1, 4, 9, 0.15);
+	--color-fade-black-30: rgba(1, 4, 9, 0.3);
+	--color-fade-black-50: rgba(1, 4, 9, 0.5);
+	--color-fade-black-70: rgba(1, 4, 9, 0.7);
+	--color-fade-black-85: rgba(1, 4, 9, 0.85);
+	--color-fade-white-10: rgba(240, 246, 252, 0.1);
+	--color-fade-white-15: rgba(240, 246, 252, 0.15);
+	--color-fade-white-30: rgba(240, 246, 252, 0.3);
+	--color-fade-white-50: rgba(240, 246, 252, 0.5);
+	--color-fade-white-70: rgba(240, 246, 252, 0.7);
+	--color-fade-white-85: rgba(240, 246, 252, 0.85);
 	--color-alert-info-text: #79c0ff;
 	--color-alert-info-icon: #79c0ff;
-	--color-alert-info-bg: rgba(56,139,253,0.1);
-	--color-alert-info-border: rgba(56,139,253,0.4);
+	--color-alert-info-bg: rgba(56, 139, 253, 0.1);
+	--color-alert-info-border: rgba(56, 139, 253, 0.4);
 	--color-alert-warn-text: #e3b341;
 	--color-alert-warn-icon: #e3b341;
-	--color-alert-warn-bg: rgba(187,128,9,0.1);
-	--color-alert-warn-border: rgba(187,128,9,0.4);
+	--color-alert-warn-bg: rgba(187, 128, 9, 0.1);
+	--color-alert-warn-border: rgba(187, 128, 9, 0.4);
 	--color-alert-error-text: #ff7b72;
 	--color-alert-error-icon: #ff7b72;
-	--color-alert-error-bg: rgba(248,81,73,0.1);
-	--color-alert-error-border: rgba(248,81,73,0.4);
+	--color-alert-error-bg: rgba(248, 81, 73, 0.1);
+	--color-alert-error-border: rgba(248, 81, 73, 0.4);
 	--color-alert-success-text: #56d364;
 	--color-alert-success-icon: #56d364;
-	--color-alert-success-bg: rgba(46,160,67,0.1);
-	--color-alert-success-border: rgba(46,160,67,0.4);
-	--color-autocomplete-shadow: 0 16px 32px rgba(1,4,9,0.85);
+	--color-alert-success-bg: rgba(46, 160, 67, 0.1);
+	--color-alert-success-border: rgba(46, 160, 67, 0.4);
+	--color-autocomplete-shadow: 0 16px 32px rgba(1, 4, 9, 0.85);
 	--color-autocomplete-row-border: #30363d;
 	--color-blankslate-icon: #535c66;
 	--color-btn-text: #c9d1d9;
 	--color-btn-bg: #21262d;
 	--color-btn-border: #30363d;
-	--color-btn-shadow: 0 0 transparent;
-	--color-btn-inset-shadow: 0 0 transparent;
+	--color-btn-shadow: 0 0 rgba(0, 0, 0, 0);
+	--color-btn-inset-shadow: 0 0 rgba(0, 0, 0, 0);
 	--color-btn-hover-bg: #30363d;
 	--color-btn-hover-border: #8b949e;
+	--color-btn-active-bg: #292e34;
+	--color-btn-active-border: #6e7681;
 	--color-btn-selected-bg: #161b22;
 	--color-btn-focus-bg: #21262d;
 	--color-btn-focus-border: #8b949e;
-	--color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,0.3);
-	--color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
-	--color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31,111,235,0.3);
-	--color-btn-primary-text: #fff;
+	--color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);
+	--color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);
+	--color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);
+	--color-btn-primary-text: #ffffff;
 	--color-btn-primary-bg: #238636;
 	--color-btn-primary-border: #2ea043;
-	--color-btn-primary-shadow: 0 0 transparent;
-	--color-btn-primary-inset-shadow: 0 0 transparent;
+	--color-btn-primary-shadow: 0 0 rgba(0, 0, 0, 0);
+	--color-btn-primary-inset-shadow: 0 0 rgba(0, 0, 0, 0);
 	--color-btn-primary-hover-bg: #2ea043;
 	--color-btn-primary-hover-border: #3fb950;
 	--color-btn-primary-selected-bg: #238636;
-	--color-btn-primary-selected-shadow: 0 0 transparent;
-	--color-btn-primary-disabled-text: rgba(240,246,252,0.5);
-	--color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
-	--color-btn-primary-disabled-border: transparent;
+	--color-btn-primary-selected-shadow: 0 0 rgba(0, 0, 0, 0);
+	--color-btn-primary-disabled-text: rgba(240, 246, 252, 0.5);
+	--color-btn-primary-disabled-bg: rgba(35, 134, 54, 0.6);
+	--color-btn-primary-disabled-border: rgba(0, 0, 0, 0);
 	--color-btn-primary-focus-bg: #238636;
 	--color-btn-primary-focus-border: #3fb950;
-	--color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
+	--color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);
 	--color-btn-primary-icon: #f0f6fc;
-	--color-btn-primary-counter-bg: rgba(240,246,252,0.2);
+	--color-btn-primary-counter-bg: rgba(240, 246, 252, 0.2);
 	--color-btn-outline-text: #58a6ff;
 	--color-btn-outline-hover-text: #58a6ff;
 	--color-btn-outline-hover-bg: #30363d;
 	--color-btn-outline-hover-border: #58a6ff;
-	--color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
-	--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(240,246,252,0.03);
-	--color-btn-outline-hover-counter-bg: rgba(240,246,252,0.2);
+	--color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);
+	--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(240, 246, 252, 0.03);
+	--color-btn-outline-hover-counter-bg: rgba(240, 246, 252, 0.2);
 	--color-btn-outline-selected-text: #f0f6fc;
 	--color-btn-outline-selected-bg: #0d419d;
-	--color-btn-outline-selected-border: rgba(240,246,252,0.1);
-	--color-btn-outline-selected-shadow: 0 0 transparent;
-	--color-btn-outline-disabled-text: rgba(88,166,255,0.5);
+	--color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);
+	--color-btn-outline-selected-shadow: 0 0 rgba(0, 0, 0, 0);
+	--color-btn-outline-disabled-text: rgba(88, 166, 255, 0.5);
 	--color-btn-outline-disabled-bg: #0d1117;
-	--color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
+	--color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);
 	--color-btn-outline-focus-border: #58a6ff;
-	--color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
-	--color-btn-outline-counter-bg: rgba(31,111,235,0.1);
+	--color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);
+	--color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);
 	--color-btn-danger-text: #f85149;
-	--color-btn-danger-hover-text: #fff;
+	--color-btn-danger-hover-text: #ffffff;
 	--color-btn-danger-hover-bg: #da3633;
 	--color-btn-danger-hover-border: #f85149;
-	--color-btn-danger-hover-shadow: 0 0 transparent;
-	--color-btn-danger-hover-inset-shadow: 0 0 transparent;
-	--color-btn-danger-hover-counter-bg: hsla(0,0%,100%,0.2);
-	--color-btn-danger-selected-text: #fff;
+	--color-btn-danger-hover-shadow: 0 0 rgba(0, 0, 0, 0);
+	--color-btn-danger-hover-inset-shadow: 0 0 rgba(0, 0, 0, 0);
+	--color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2);
+	--color-btn-danger-selected-text: #ffffff;
 	--color-btn-danger-selected-bg: #b62324;
-	--color-btn-danger-selected-border: rgba(240,246,252,0.1);
-	--color-btn-danger-selected-shadow: 0 0 transparent;
-	--color-btn-danger-disabled-text: #f85149;
+	--color-btn-danger-selected-border: rgba(240, 246, 252, 0.1);
+	--color-btn-danger-selected-shadow: 0 0 rgba(0, 0, 0, 0);
+	--color-btn-danger-disabled-text: rgba(248, 81, 73, 0.5);
 	--color-btn-danger-disabled-bg: #0d1117;
-	--color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
+	--color-btn-danger-disabled-counter-bg: rgba(218, 54, 51, 0.05);
 	--color-btn-danger-focus-border: #f85149;
-	--color-btn-danger-focus-shadow: 0 0 0 3px rgba(182,35,36,0.4);
-	--color-btn-danger-counter-bg: rgba(218,54,51,0.1);
+	--color-btn-danger-focus-shadow: 0 0 0 3px rgba(182, 35, 36, 0.4);
+	--color-btn-danger-counter-bg: rgba(218, 54, 51, 0.1);
+	--color-btn-danger-icon: #f85149;
+	--color-btn-danger-hover-icon: #f0f6fc;
 	--color-btn-counter-bg: #30363d;
 	--color-counter-text: #c9d1d9;
 	--color-counter-bg: #30363d;
 	--color-counter-primary-text: #c9d1d9;
 	--color-counter-primary-bg: #6e7681;
 	--color-counter-secondary-text: #8b949e;
-	--color-dropdown-shadow: 0 16px 32px rgba(1,4,9,0.85);
+	--color-counter-secondary-bg: rgba(139, 148, 158, 0.2);
+	--color-dropdown-shadow: 0 16px 32px rgba(1, 4, 9, 0.85);
 	--color-label-border: #30363d;
 	--color-label-primary-text: #b1bac4;
 	--color-label-primary-border: #6e7681;
 	--color-label-secondary-text: #8b949e;
 	--color-label-secondary-border: #30363d;
 	--color-label-info-text: #388bfd;
-	--color-label-info-border: rgba(56,139,253,0.4);
+	--color-label-info-border: rgba(56, 139, 253, 0.4);
 	--color-label-success-text: #3fb950;
-	--color-label-success-border: rgba(46,160,67,0.4);
+	--color-label-success-border: rgba(46, 160, 67, 0.4);
 	--color-label-warning-text: #e3b341;
-	--color-label-warning-border: rgba(242,211,91,0.4);
+	--color-label-warning-border: rgba(242, 211, 91, 0.4);
 	--color-label-danger-text: #f85149;
-	--color-label-danger-border: rgba(248,81,73,0.4);
+	--color-label-danger-border: rgba(248, 81, 73, 0.4);
 	--color-label-orange-text: #db6d28;
-	--color-label-orange-border: rgba(219,109,40,0.4);
+	--color-label-orange-border: rgba(219, 109, 40, 0.4);
 	--color-input-bg: #0d1117;
-	--color-input-contrast-bg: rgba(1,4,9,0.3);
+	--color-input-contrast-bg: rgba(1, 4, 9, 0.5);
 	--color-input-border: #21262d;
-	--color-input-shadow: 0 0 transparent;
+	--color-input-shadow: 0 0 rgba(0, 0, 0, 0);
 	--color-input-disabled-bg: #161b22;
 	--color-input-disabled-border: #30363d;
 	--color-input-warning-border: #d29922;
@@ -366,64 +371,65 @@
 	--color-input-tooltip-error-text: #ff7b72;
 	--color-input-tooltip-error-bg: #25171c;
 	--color-input-tooltip-error-border: #792e2e;
-	--color-avatar-bg: #f0f6fc;
-	--color-avatar-border: rgba(240,246,252,0.1);
+	--color-avatar-bg: rgba(240, 246, 252, 0.1);
+	--color-avatar-border: rgba(240, 246, 252, 0.1);
 	--color-avatar-stack-fade: #30363d;
 	--color-avatar-stack-fade-more: #21262d;
 	--color-avatar-child-shadow: -2px -2px 0 #0d1117;
-	--color-toast-text: #79c0ff;
-	--color-toast-bg: #010409;
-	--color-toast-border: #214981;
+	--color-toast-text: #c9d1d9;
+	--color-toast-bg: #30363d;
+	--color-toast-border: #6e7681;
 	--color-toast-shadow: 0 8px 24px #010409;
-	--color-toast-icon: #79c0ff;
-	--color-toast-icon-bg: #121d2e;
-	--color-toast-icon-border: #214981;
-	--color-toast-success-text: #56d364;
-	--color-toast-success-border: #1c532c;
-	--color-toast-success-icon: #56d364;
-	--color-toast-success-icon-bg: #111f1c;
-	--color-toast-success-icon-border: #1c532c;
-	--color-toast-warning-text: #e3b341;
-	--color-toast-warning-border: #5e4411;
-	--color-toast-warning-icon: #e3b341;
-	--color-toast-warning-icon-bg: #1f1c16;
-	--color-toast-warning-icon-border: #5e4411;
-	--color-toast-danger-text: #ff7b72;
-	--color-toast-danger-border: #792e2e;
-	--color-toast-danger-icon: #ff7b72;
-	--color-toast-danger-icon-bg: #25171c;
-	--color-toast-danger-icon-border: #792e2e;
+	--color-toast-icon: #f0f6fc;
+	--color-toast-icon-bg: #1f6feb;
+	--color-toast-icon-border: #388bfd;
+	--color-toast-success-text: #c9d1d9;
+	--color-toast-success-border: #6e7681;
+	--color-toast-success-icon: #f0f6fc;
+	--color-toast-success-icon-bg: #2ea043;
+	--color-toast-success-icon-border: #3fb950;
+	--color-toast-warning-text: #c9d1d9;
+	--color-toast-warning-border: #6e7681;
+	--color-toast-warning-icon: #f0f6fc;
+	--color-toast-warning-icon-bg: #bb8009;
+	--color-toast-warning-icon-border: #d29922;
+	--color-toast-danger-text: #c9d1d9;
+	--color-toast-danger-border: #6e7681;
+	--color-toast-danger-icon: #f0f6fc;
+	--color-toast-danger-icon-bg: #da3633;
+	--color-toast-danger-icon-border: #f85149;
 	--color-toast-loading-text: #c9d1d9;
-	--color-toast-loading-border: #30363d;
+	--color-toast-loading-border: #6e7681;
 	--color-toast-loading-icon: #f0f6fc;
-	--color-toast-loading-icon-bg: #30363d;
-	--color-toast-loading-icon-border: #30363d;
+	--color-toast-loading-icon-bg: #6e7681;
+	--color-toast-loading-icon-border: #8b949e;
 	--color-timeline-text: #b1bac4;
 	--color-timeline-badge-bg: #0d1117;
+	--color-timeline-badge-success-border: #2ea043;
 	--color-timeline-target-badge-border: #1f6feb;
 	--color-timeline-target-badge-shadow: #0d419d;
 	--color-select-menu-border-secondary: #30363d;
-	--color-select-menu-shadow: 0 0 18px rgba(1,4,9,0.4);
-	--color-select-menu-backdrop-bg: rgba(1,4,9,0.5);
+	--color-select-menu-shadow: 0 0 18px rgba(1, 4, 9, 0.4);
+	--color-select-menu-backdrop-bg: rgba(1, 4, 9, 0.5);
 	--color-select-menu-backdrop-border: #484f58;
-	--color-select-menu-tap-highlight: rgba(48,54,61,0.5);
+	--color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);
 	--color-select-menu-tap-focus-bg: #0c2d6b;
 	--color-box-blue-border: #0d419d;
-	--color-box-row-yellow-bg: rgba(235,196,64,0.1);
-	--color-box-row-blue-bg: rgba(121,192,255,0.1);
+	--color-box-row-yellow-bg: rgba(235, 196, 64, 0.1);
+	--color-box-row-blue-bg: rgba(121, 192, 255, 0.1);
 	--color-box-header-blue-bg: #0d1117;
 	--color-box-header-blue-border: #30363d;
-	--color-box-border-info: rgba(56,139,253,0.4);
-	--color-box-bg-info: rgba(56,139,253,0.1);
-	--color-box-border-warning: rgba(187,128,9,0.4);
-	--color-box-bg-warning: rgba(187,128,9,0.1);
+	--color-box-border-info: rgba(56, 139, 253, 0.4);
+	--color-box-bg-info: rgba(56, 139, 253, 0.1);
+	--color-box-border-warning: rgba(187, 128, 9, 0.4);
+	--color-box-bg-warning: rgba(187, 128, 9, 0.1);
 	--color-branch-name-text: #c9d1d9;
 	--color-branch-name-icon: #b1bac4;
-	--color-branch-name-bg: rgba(88,166,255,0.1);
+	--color-branch-name-bg: rgba(88, 166, 255, 0.1);
 	--color-branch-name-link-text: #58a6ff;
 	--color-branch-name-link-icon: #58a6ff;
-	--color-branch-name-link-bg: rgba(88,166,255,0.1);
-	--color-markdown-code-bg: rgba(240,246,252,0.15);
+	--color-branch-name-link-bg: rgba(88, 166, 255, 0.1);
+	--color-markdown-code-bg: rgba(240, 246, 252, 0.15);
 	--color-markdown-frame-border: #3b434b;
 	--color-markdown-blockquote-border: #3b434b;
 	--color-markdown-table-border: #3b434b;
@@ -433,7 +439,7 @@
 	--color-menu-bg-active: #161b22;
 	--color-sidenav-selected-bg: #21262d;
 	--color-sidenav-border-active: #f78166;
-	--color-header-text: rgba(240,246,252,0.7);
+	--color-header-text: rgba(240, 246, 252, 0.7);
 	--color-header-bg: #161b22;
 	--color-header-logo: #f0f6fc;
 	--color-filter-item-bar-bg: #12161c;
@@ -443,7 +449,7 @@
 	--color-upload-enabled-border: #3b434b;
 	--color-upload-enabled-border-focused: #4487ee;
 	--color-previewable-comment-form-border: #25292f;
-	--color-underlinenav-border: rgba(48,54,61,0);
+	--color-underlinenav-border: rgba(48, 54, 61, 0);
 	--color-underlinenav-border-hover: #30363d;
 	--color-underlinenav-border-active: #f78166;
 	--color-underlinenav-text: #8b949e;
@@ -453,58 +459,113 @@
 	--color-underlinenav-icon-hover: #c9d1d9;
 	--color-underlinenav-icon-active: #c9d1d9;
 	--color-underlinenav-counter-text: #8b949e;
+	--color-underlinenav-counter-bg: rgba(139, 148, 158, 0.2);
 	--color-verified-badge-text: #3fb950;
-	--color-verified-badge-bg: rgba(63,185,80,0.1);
-	--color-verified-badge-border: rgba(63,185,80,0.4);
+	--color-verified-badge-bg: rgba(63, 185, 80, 0.1);
+	--color-verified-badge-border: rgba(63, 185, 80, 0.4);
 	--color-social-count-bg: #21262d;
 	--color-tooltip-text: #f0f6fc;
-	--color-tooltip-bg: #21262d;
+	--color-tooltip-bg: #6e7681;
 	--color-header-search-bg: #0d1117;
 	--color-header-search-border: #21262d;
-	--color-search-keyword-hl: rgba(187,128,9,0.4);
+	--color-search-keyword-hl: rgba(187, 128, 9, 0.4);
 	--color-diffstat-neutral-bg: #30363d;
-	--color-diffstat-neutral-border: rgba(240,246,252,0.1);
+	--color-diffstat-neutral-border: rgba(240, 246, 252, 0.1);
 	--color-diffstat-deletion-bg: #da3633;
 	--color-diffstat-deletion-border: #f85149;
 	--color-diffstat-addition-bg: #238636;
 	--color-diffstat-addition-border: #2ea043;
+	--color-mktg-success: #29933d;
+	--color-mktg-info: #2a7bf3;
+	--color-mktg-bg-shade-gradient-top: rgba(1, 4, 9, 0.065);
+	--color-mktg-bg-shade-gradient-bottom: rgba(1, 4, 9, 0);
+	--color-mktg-btn-bg: #1f6feb;
+	--color-mktg-btn-border: #1f6feb;
+	--color-mktg-btn-text: #f0f6fc;
+	--color-mktg-btn-icon: #f0f6fc;
+	--color-mktg-btn-focus-shadow: 0 0 0 3px rgba(31, 111, 235, 0.3);
+	--color-mktg-btn-hover-bg: #388bfd;
+	--color-mktg-btn-hover-border: #388bfd;
+	--color-mktg-btn-disabled-bg: rgba(56, 139, 253, 0.5);
+	--color-mktg-btn-disabled-border: rgba(0, 0, 0, 0);
+	--color-mktg-btn-disabled-text: rgba(240, 246, 252, 0.5);
+	--color-mktg-btn-disabled-icon: rgba(240, 246, 252, 0.5);
+	--color-mktg-btn-primary-bg: #238636;
+	--color-mktg-btn-primary-border: #238636;
+	--color-mktg-btn-primary-text: #f0f6fc;
+	--color-mktg-btn-primary-icon: #f0f6fc;
+	--color-mktg-btn-primary-focus-shadow: 0 0 0 3px rgba(35, 134, 54, 0.3);
+	--color-mktg-btn-primary-hover-bg: #2ea043;
+	--color-mktg-btn-primary-hover-border: #2ea043;
+	--color-mktg-btn-primary-disabled-bg: rgba(46, 160, 67, 0.5);
+	--color-mktg-btn-primary-disabled-border: rgba(0, 0, 0, 0);
+	--color-mktg-btn-primary-disabled-text: rgba(240, 246, 252, 0.5);
+	--color-mktg-btn-primary-disabled-icon: rgba(240, 246, 252, 0.5);
+	--color-mktg-btn-outline-bg: rgba(0, 0, 0, 0);
+	--color-mktg-btn-outline-border: rgba(56, 139, 253, 0.5);
+	--color-mktg-btn-outline-text: #388bfd;
+	--color-mktg-btn-outline-icon: #388bfd;
+	--color-mktg-btn-outline-focus-shadow: 0 0 0 3px rgba(56, 139, 253, 0.3);
+	--color-mktg-btn-outline-hover-bg: rgba(0, 0, 0, 0);
+	--color-mktg-btn-outline-hover-border: #388bfd;
+	--color-mktg-btn-outline-hover-text: #58a6ff;
+	--color-mktg-btn-outline-hover-icon: #58a6ff;
+	--color-mktg-btn-outline-disabled-bg: rgba(0, 0, 0, 0);
+	--color-mktg-btn-outline-disabled-border: rgba(56, 139, 253, 0.2);
+	--color-mktg-btn-outline-disabled-text: rgba(56, 139, 253, 0.5);
+	--color-mktg-btn-outline-disabled-icon: rgba(56, 139, 253, 0.5);
+	--color-mktg-btn-dark-bg: rgba(0, 0, 0, 0);
+	--color-mktg-btn-dark-border: rgba(201, 209, 217, 0.5);
+	--color-mktg-btn-dark-text: #c9d1d9;
+	--color-mktg-btn-dark-icon: #c9d1d9;
+	--color-mktg-btn-dark-focus-shadow: 0 0 0 3px rgba(201, 209, 217, 0.3);
+	--color-mktg-btn-dark-hover-bg: rgba(201, 209, 217, 0.5);
+	--color-mktg-btn-dark-hover-border: rgba(201, 209, 217, 0.5);
+	--color-mktg-btn-dark-hover-text: #0d1117;
+	--color-mktg-btn-dark-hover-icon: #0d1117;
+	--color-mktg-btn-dark-disabled-bg: rgba(0, 0, 0, 0);
+	--color-mktg-btn-dark-disabled-border: rgba(201, 209, 217, 0.2);
+	--color-mktg-btn-dark-disabled-text: rgba(201, 209, 217, 0.5);
+	--color-mktg-btn-dark-disabled-icon: rgba(201, 209, 217, 0.5);
 	--color-files-explorer-icon: #6e7681;
 	--color-hl-author-bg: #051d4d;
 	--color-hl-author-border: #0d419d;
 	--color-logo-subdued: #30363d;
 	--color-discussion-border: #34513b;
-	--color-discussion-bg-success: rgba(46,160,67,0.1);
-	--color-actions-workflow-table-sticky-bg: rgba(13,17,23,0.95);
-	--color-repo-language-color-border: rgba(240,246,252,0.2);
-	--color-code-selection-bg: rgba(121,192,255,0.3);
-	--color-blob-line-highlight-bg: rgba(187,128,9,0.1);
-	--color-blob-line-highlight-border: #bb8009;
+	--color-discussion-bg-success: rgba(46, 160, 67, 0.1);
+	--color-actions-workflow-table-sticky-bg: rgba(13, 17, 23, 0.95);
+	--color-repo-language-color-border: rgba(240, 246, 252, 0.2);
+	--color-code-selection-bg: rgba(121, 192, 255, 0.3);
+	--color-highlight-text: #ffd467;
+	--color-highlight-bg: rgba(204, 143, 44, 0.38);
+	--color-blob-line-highlight-bg: rgba(210, 153, 34, 0.15);
+	--color-blob-line-highlight-border: #e3b341;
 	--color-diff-addition-text: #56d364;
-	--color-diff-addition-bg: rgba(35,134,54,0.15);
+	--color-diff-addition-bg: rgba(46, 160, 67, 0.2);
 	--color-diff-addition-border: #196c2e;
 	--color-diff-deletion-text: #f85149;
-	--color-diff-deletion-bg: rgba(218,54,51,0.15);
+	--color-diff-deletion-bg: rgba(218, 54, 51, 0.2);
 	--color-diff-deletion-border: #b62324;
 	--color-diff-change-text: #e3b341;
 	--color-diff-change-bg: #341a00;
 	--color-diff-change-border: #9e6a03;
-	--color-diff-blob-num-text: rgba(240,246,252,0.3);
-	--color-diff-blob-num-hover-text: rgba(240,246,252,0.6);
+	--color-diff-blob-num-text: rgba(240, 246, 252, 0.3);
+	--color-diff-blob-num-hover-text: rgba(240, 246, 252, 0.6);
 	--color-diff-blob-addition-num-text: #3fb950;
 	--color-diff-blob-addition-num-hover-text: #7ee787;
-	--color-diff-blob-addition-num-bg: rgba(35,134,54,0.05);
-	--color-diff-blob-addition-line-bg: rgba(35,134,54,0.15);
-	--color-diff-blob-addition-word-bg: rgba(35,134,54,0.3);
+	--color-diff-blob-addition-num-bg: rgba(46, 160, 67, 0.1);
+	--color-diff-blob-addition-line-bg: rgba(46, 160, 67, 0.2);
+	--color-diff-blob-addition-word-bg: rgba(46, 160, 67, 0.55);
 	--color-diff-blob-deletion-num-text: #f85149;
 	--color-diff-blob-deletion-num-hover-text: #ffa198;
-	--color-diff-blob-deletion-num-bg: rgba(218,54,51,0.05);
-	--color-diff-blob-deletion-line-bg: rgba(218,54,51,0.15);
-	--color-diff-blob-deletion-word-bg: rgba(218,54,51,0.3);
+	--color-diff-blob-deletion-num-bg: rgba(218, 54, 51, 0.1);
+	--color-diff-blob-deletion-line-bg: rgba(218, 54, 51, 0.2);
+	--color-diff-blob-deletion-word-bg: rgba(218, 54, 51, 0.5);
 	--color-diff-blob-hunk-text: #8b949e;
-	--color-diff-blob-hunk-num-bg: rgba(88,166,255,0.15);
-	--color-diff-blob-hunk-line-bg: rgba(88,166,255,0.1);
+	--color-diff-blob-hunk-num-bg: rgba(88, 166, 255, 0.15);
+	--color-diff-blob-hunk-line-bg: rgba(88, 166, 255, 0.1);
 	--color-diff-blob-empty-block-bg: #161b22;
-	--color-diff-blob-selected-line-highlight-bg: rgba(187,128,9,0.1);
+	--color-diff-blob-selected-line-highlight-bg: rgba(187, 128, 9, 0.1);
 	--color-diff-blob-selected-line-highlight-border: #bb8009;
 	--color-diff-blob-selected-line-highlight-mix-blend-mode: normal;
 	--color-diff-blob-expander-icon: #8b949e;
@@ -522,62 +583,117 @@
 	--color-global-nav-input-icon: #21262d;
 	--color-global-nav-input-placeholder: #484f58;
 	--color-calendar-graph-day-bg: #161b22;
-	--color-calendar-graph-day-border: rgba(27,31,35,0.06);
-	--color-calendar-graph-day-L1-bg: #01311f;
-	--color-calendar-graph-day-L2-bg: #034525;
-	--color-calendar-graph-day-L3-bg: #0f6d31;
-	--color-calendar-graph-day-L4-bg: #00c647;
-	--color-calendar-graph-day-L4-border: rgba(27,31,35,0.06);
-	--color-calendar-graph-day-L3-border: rgba(27,31,35,0.06);
-	--color-calendar-graph-day-L2-border: rgba(27,31,35,0.06);
-	--color-calendar-graph-day-L1-border: rgba(27,31,35,0.06);
+	--color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
+	--color-calendar-graph-day-L1-bg: #0e4429;
+	--color-calendar-graph-day-L2-bg: #006d32;
+	--color-calendar-graph-day-L3-bg: #26a641;
+	--color-calendar-graph-day-L4-bg: #39d353;
+	--color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
+	--color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
+	--color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
+	--color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
 	--color-footer-invertocat-octicon: #30363d;
 	--color-footer-invertocat-octicon-hover: #6e7681;
 	--color-pr-state-draft-text: #8b949e;
-	--color-pr-state-draft-bg: rgba(139,148,158,0.1);
-	--color-pr-state-draft-border: rgba(139,148,158,0.4);
+	--color-pr-state-draft-bg: rgba(139, 148, 158, 0.1);
+	--color-pr-state-draft-border: rgba(139, 148, 158, 0.4);
 	--color-pr-state-open-text: #3fb950;
-	--color-pr-state-open-bg: rgba(63,185,80,0.1);
-	--color-pr-state-open-border: rgba(63,185,80,0.4);
+	--color-pr-state-open-bg: rgba(63, 185, 80, 0.1);
+	--color-pr-state-open-border: rgba(63, 185, 80, 0.4);
 	--color-pr-state-merged-text: #a371f7;
-	--color-pr-state-merged-bg: rgba(188,140,255,0.1);
-	--color-pr-state-merged-border: rgba(188,140,255,0.4);
+	--color-pr-state-merged-bg: rgba(188, 140, 255, 0.1);
+	--color-pr-state-merged-border: rgba(188, 140, 255, 0.4);
 	--color-pr-state-closed-text: #f85149;
-	--color-pr-state-closed-bg: rgba(218,54,51,0.1);
-	--color-pr-state-closed-border: rgba(218,54,51,0.4);
+	--color-pr-state-closed-bg: rgba(218, 54, 51, 0.1);
+	--color-pr-state-closed-border: rgba(218, 54, 51, 0.4);
 	--color-topic-tag-text: #58a6ff;
-	--color-topic-tag-bg: rgba(56,139,253,0.1);
-	--color-topic-tag-hover-bg: rgba(56,139,253,0.2);
-	--color-topic-tag-active-bg: rgba(56,139,253,0.15);
-	--color-merge-box-success-icon-bg: rgba(46,160,67,0.1);
+	--color-topic-tag-bg: rgba(56, 139, 253, 0.1);
+	--color-topic-tag-hover-bg: rgba(56, 139, 253, 0.2);
+	--color-topic-tag-active-bg: rgba(56, 139, 253, 0.15);
+	--color-merge-box-success-icon-bg: rgba(46, 160, 67, 0.1);
 	--color-merge-box-success-icon-text: #3fb950;
-	--color-merge-box-success-icon-border: rgba(46,160,67,0.4);
+	--color-merge-box-success-icon-border: rgba(46, 160, 67, 0.4);
 	--color-merge-box-success-indicator-bg: #238636;
 	--color-merge-box-success-indicator-border: #2ea043;
-	--color-merge-box-merged-icon-bg: rgba(188,140,255,0.1);
+	--color-merge-box-merged-icon-bg: rgba(188, 140, 255, 0.1);
 	--color-merge-box-merged-icon-text: #a371f7;
-	--color-merge-box-merged-icon-border: rgba(188,140,255,0.4);
-	--color-merge-box-merged-box-border: rgba(188,140,255,0.4);
-	--color-merge-box-neutral-icon-bg: rgba(201,209,217,0.1);
+	--color-merge-box-merged-icon-border: rgba(188, 140, 255, 0.4);
+	--color-merge-box-merged-box-border: rgba(188, 140, 255, 0.4);
+	--color-merge-box-neutral-icon-bg: rgba(201, 209, 217, 0.1);
 	--color-merge-box-neutral-icon-text: #8b949e;
-	--color-merge-box-neutral-icon-border: rgba(201,209,217,0.4);
+	--color-merge-box-neutral-icon-border: rgba(201, 209, 217, 0.4);
 	--color-merge-box-neutral-indicator-bg: #484f58;
 	--color-merge-box-neutral-indicator-border: #6e7681;
-	--color-merge-box-warning-icon-bg: rgba(187,128,9,0.1);
+	--color-merge-box-warning-icon-bg: rgba(187, 128, 9, 0.1);
 	--color-merge-box-warning-icon-text: #e3b341;
-	--color-merge-box-warning-icon-border: rgba(187,128,9,0.4);
-	--color-merge-box-warning-box-border: rgba(187,128,9,0.4);
-	--color-merge-box-warning-merge-highlight: rgba(187,128,9,0.1);
-	--color-merge-box-error-icon-bg: rgba(248,81,73,0.1);
+	--color-merge-box-warning-icon-border: rgba(187, 128, 9, 0.4);
+	--color-merge-box-warning-box-border: rgba(187, 128, 9, 0.4);
+	--color-merge-box-warning-merge-highlight: rgba(187, 128, 9, 0.1);
+	--color-merge-box-error-icon-bg: rgba(248, 81, 73, 0.1);
 	--color-merge-box-error-icon-text: #f85149;
-	--color-merge-box-error-icon-border: rgba(248,81,73,0.4);
+	--color-merge-box-error-icon-border: rgba(248, 81, 73, 0.4);
 	--color-merge-box-error-indicator-bg: #da3633;
 	--color-merge-box-error-indicator-border: #f85149;
 	--color-project-card-bg: #161b22;
 	--color-project-header-bg: #0d1117;
 	--color-project-sidebar-bg: #161b22;
 	--color-project-gradient-in: #161b22;
-	--color-project-gradient-out: rgba(22,27,34,0);
+	--color-project-gradient-out: rgba(22, 27, 34, 0);
+	--color-checks-bg: #090c10;
+	--color-checks-run-border-width: 1px;
+	--color-checks-container-border-width: 1px;
+	--color-checks-text-primary: #c9d1d9;
+	--color-checks-text-secondary: #8b949e;
+	--color-checks-text-link: #58a6ff;
+	--color-checks-btn-icon: #6e7681;
+	--color-checks-btn-hover-icon: #c9d1d9;
+	--color-checks-btn-hover-bg: #30363d;
+	--color-checks-input-text: #8b949e;
+	--color-checks-input-placeholder-text: #484f58;
+	--color-checks-input-focus-text: #c9d1d9;
+	--color-checks-input-bg: #0d1117;
+	--color-checks-input-shadow: 0 0 0 1px #21262d;
+	--color-checks-dropdown-text: #c9d1d9;
+	--color-checks-dropdown-bg: #1c2128;
+	--color-checks-dropdown-border: #30363d;
+	--color-checks-dropdown-hover-text: #f0f6fc;
+	--color-checks-dropdown-hover-bg: #1f6feb;
+	--color-checks-dropdown-btn-hover-text: #f0f6fc;
+	--color-checks-dropdown-btn-hover-bg: #161b22;
+	--color-checks-scrollbar-thumb-bg: #30363d;
+	--color-checks-header-label-text: #8b949e;
+	--color-checks-header-label-open-text: #c9d1d9;
+	--color-checks-header-border: #21262d;
+	--color-checks-header-icon: #6e7681;
+	--color-checks-line-text: #8b949e;
+	--color-checks-line-num-text: #8b949e;
+	--color-checks-line-timestamp-text: #8b949e;
+	--color-checks-line-hover-bg: #161b22;
+	--color-checks-line-selected-bg: rgba(56, 139, 253, 0.1);
+	--color-checks-line-selected-num-text: #58a6ff;
+	--color-checks-line-dt-fm-text: #0d1117;
+	--color-checks-line-dt-fm-bg: #d29922;
+	--color-checks-gate-bg: rgba(132, 83, 6, 0.15);
+	--color-checks-gate-text: #8b949e;
+	--color-checks-gate-waiting-text: #e3b341;
+	--color-checks-step-header-open-bg: #161b22;
+	--color-checks-step-error-text: #f85149;
+	--color-checks-step-warning-text: #e3b341;
+	--color-checks-logline-text: #6e7681;
+	--color-checks-logline-num-text: #8b949e;
+	--color-checks-logline-debug-text: #bc8cff;
+	--color-checks-logline-error-text: #8b949e;
+	--color-checks-logline-error-num-text: #8b949e;
+	--color-checks-logline-error-bg: rgba(248, 81, 73, 0.1);
+	--color-checks-logline-warning-text: #8b949e;
+	--color-checks-logline-warning-num-text: #e3b341;
+	--color-checks-logline-warning-bg: rgba(187, 128, 9, 0.1);
+	--color-checks-logline-command-text: #58a6ff;
+	--color-checks-logline-section-text: #56d364;
+	--color-intro-shelf-gradient-left: rgba(56, 139, 253, 0.1);
+	--color-intro-shelf-gradient-right: rgba(46, 160, 67, 0.1);
+	--color-intro-shelf-gradient-in: #0d1117;
+	--color-intro-shelf-gradient-out: rgba(13, 17, 23, 0);
 	--color-marketing-icon-primary: #79c0ff;
 	--color-marketing-icon-secondary: #1f6feb;
 	--color-prettylights-syntax-comment: #8b949e;
@@ -617,7 +733,7 @@
 	--color-codemirror-guttermarker-subtle-text: #6e7681;
 	--color-codemirror-linenumber-text: #8b949e;
 	--color-codemirror-cursor: #f0f6fc;
-	--color-codemirror-selection-bg: rgba(121,192,255,0.3);
+	--color-codemirror-selection-bg: rgba(121, 192, 255, 0.3);
 	--color-codemirror-activeline-bg: #161b22;
 	--color-codemirror-matchingbracket-text: #c9d1d9;
 	--color-codemirror-lines-bg: #0d1117;
@@ -650,7 +766,7 @@
 
 :root {
 	--color-scale-black: #1b1f23;
-	--color-scale-white: #fff;
+	--color-scale-white: #ffffff;
 	--color-scale-gray-0: #fafbfc;
 	--color-scale-gray-1: #f6f8fa;
 	--color-scale-gray-2: #e1e4e8;
@@ -732,7 +848,7 @@
 	--color-scale-pink-8: #99306f;
 	--color-scale-pink-9: #6d224f;
 	--color-auto-black: #1b1f23;
-	--color-auto-white: #fff;
+	--color-auto-white: #ffffff;
 	--color-auto-gray-0: #fafbfc;
 	--color-auto-gray-1: #f6f8fa;
 	--color-auto-gray-2: #e1e4e8;
@@ -817,13 +933,13 @@
 	--color-text-secondary: #586069;
 	--color-text-tertiary: #6a737d;
 	--color-text-placeholder: #6a737d;
-	--color-text-disabled: #6a737d;
-	--color-text-inverse: #fff;
+	--color-text-disabled: #959da5;
+	--color-text-inverse: #ffffff;
 	--color-text-link: #0366d6;
 	--color-text-danger: #cb2431;
 	--color-text-success: #22863a;
 	--color-text-warning: #b08800;
-	--color-text-white: #fff;
+	--color-text-white: #ffffff;
 	--color-icon-primary: #24292e;
 	--color-icon-secondary: #586069;
 	--color-icon-tertiary: #959da5;
@@ -835,20 +951,20 @@
 	--color-border-secondary: #eaecef;
 	--color-border-tertiary: #d1d5da;
 	--color-border-overlay: #e1e4e8;
-	--color-border-inverse: #fff;
+	--color-border-inverse: #ffffff;
 	--color-border-info: #0366d6;
 	--color-border-danger: #d73a49;
 	--color-border-success: #34d058;
 	--color-border-warning: #f9c513;
-	--color-bg-canvas: #fff;
-	--color-bg-canvas-mobile: #fff;
+	--color-bg-canvas: #ffffff;
+	--color-bg-canvas-mobile: #ffffff;
 	--color-bg-canvas-inverse: #24292e;
 	--color-bg-canvas-inset: #f6f8fa;
-	--color-bg-primary: #fff;
+	--color-bg-primary: #ffffff;
 	--color-bg-secondary: #fafbfc;
 	--color-bg-tertiary: #f6f8fa;
-	--color-bg-overlay: #fff;
-	--color-bg-backdrop: rgba(27,31,35,0.5);
+	--color-bg-overlay: #ffffff;
+	--color-bg-backdrop: rgba(27, 31, 35, 0.5);
 	--color-bg-info: #f1f8ff;
 	--color-bg-info-inverse: #0366d6;
 	--color-bg-danger: #ffeef0;
@@ -857,132 +973,137 @@
 	--color-bg-success-inverse: #28a745;
 	--color-bg-warning: #fff5b1;
 	--color-bg-warning-inverse: #ffd33d;
-	--color-shadow-small: 0 1px 0 rgba(27,31,35,0.04);
-	--color-shadow-medium: 0 3px 6px rgba(149,157,165,0.15);
-	--color-shadow-large: 0 8px 24px rgba(149,157,165,0.2);
-	--color-shadow-extra-large: 0 12px 48px rgba(149,157,165,0.3);
-	--color-shadow-highlight: inset 0 1px 0 hsla(0,0%,100%,0.25);
-	--color-shadow-inset: inset 0 1px 0 rgba(225,228,232,0.2);
+	--color-shadow-small: 0 1px 0 rgba(27, 31, 35, 0.04);
+	--color-shadow-medium: 0 3px 6px rgba(149, 157, 165, 0.15);
+	--color-shadow-large: 0 8px 24px rgba(149, 157, 165, 0.2);
+	--color-shadow-extra-large: 0 12px 48px rgba(149, 157, 165, 0.3);
+	--color-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.25);
+	--color-shadow-inset: inset 0 1px 0 rgba(225, 228, 232, 0.2);
 	--color-state-hover-primary-bg: #0366d6;
 	--color-state-hover-primary-border: #0366d6;
-	--color-state-hover-primary-text: #fff;
-	--color-state-hover-primary-icon: #fff;
+	--color-state-hover-primary-text: #ffffff;
+	--color-state-hover-primary-icon: #ffffff;
 	--color-state-hover-secondary-bg: #f6f8fa;
 	--color-state-hover-secondary-border: #f6f8fa;
 	--color-state-selected-primary-bg: #0366d6;
 	--color-state-selected-primary-border: #0366d6;
-	--color-state-selected-primary-text: #fff;
-	--color-state-selected-primary-icon: #fff;
+	--color-state-selected-primary-text: #ffffff;
+	--color-state-selected-primary-icon: #ffffff;
 	--color-state-focus-border: #0366d6;
-	--color-state-focus-shadow: 0 0 0 3px rgba(3,102,214,0.3);
-	--color-fade-fg-10: rgba(27,31,35,0.1);
-	--color-fade-fg-15: rgba(27,31,35,0.15);
-	--color-fade-fg-30: rgba(27,31,35,0.3);
-	--color-fade-fg-50: rgba(27,31,35,0.5);
-	--color-fade-fg-70: rgba(27,31,35,0.7);
-	--color-fade-fg-85: rgba(27,31,35,0.85);
-	--color-fade-black-10: rgba(27,31,35,0.1);
-	--color-fade-black-15: rgba(27,31,35,0.15);
-	--color-fade-black-30: rgba(27,31,35,0.3);
-	--color-fade-black-50: rgba(27,31,35,0.5);
-	--color-fade-black-70: rgba(27,31,35,0.7);
-	--color-fade-black-85: rgba(27,31,35,0.85);
-	--color-fade-white-10: hsla(0,0%,100%,0.1);
-	--color-fade-white-15: hsla(0,0%,100%,0.15);
-	--color-fade-white-30: hsla(0,0%,100%,0.3);
-	--color-fade-white-50: hsla(0,0%,100%,0.5);
-	--color-fade-white-70: hsla(0,0%,100%,0.7);
-	--color-fade-white-85: hsla(0,0%,100%,0.85);
+	--color-state-focus-shadow: 0 0 0 3px rgba(3, 102, 214, 0.3);
+	--color-fade-fg-10: rgba(27, 31, 35, 0.1);
+	--color-fade-fg-15: rgba(27, 31, 35, 0.15);
+	--color-fade-fg-30: rgba(27, 31, 35, 0.3);
+	--color-fade-fg-50: rgba(27, 31, 35, 0.5);
+	--color-fade-fg-70: rgba(27, 31, 35, 0.7);
+	--color-fade-fg-85: rgba(27, 31, 35, 0.85);
+	--color-fade-black-10: rgba(27, 31, 35, 0.1);
+	--color-fade-black-15: rgba(27, 31, 35, 0.15);
+	--color-fade-black-30: rgba(27, 31, 35, 0.3);
+	--color-fade-black-50: rgba(27, 31, 35, 0.5);
+	--color-fade-black-70: rgba(27, 31, 35, 0.7);
+	--color-fade-black-85: rgba(27, 31, 35, 0.85);
+	--color-fade-white-10: rgba(255, 255, 255, 0.1);
+	--color-fade-white-15: rgba(255, 255, 255, 0.15);
+	--color-fade-white-30: rgba(255, 255, 255, 0.3);
+	--color-fade-white-50: rgba(255, 255, 255, 0.5);
+	--color-fade-white-70: rgba(255, 255, 255, 0.7);
+	--color-fade-white-85: rgba(255, 255, 255, 0.85);
 	--color-alert-info-text: #24292e;
-	--color-alert-info-icon: rgba(4,66,137,0.6);
+	--color-alert-info-icon: rgba(4, 66, 137, 0.6);
 	--color-alert-info-bg: #dbedff;
-	--color-alert-info-border: rgba(4,66,137,0.2);
+	--color-alert-info-border: rgba(4, 66, 137, 0.2);
 	--color-alert-warn-text: #24292e;
 	--color-alert-warn-icon: #b08800;
 	--color-alert-warn-bg: #fffbdd;
-	--color-alert-warn-border: rgba(176,136,0,0.2);
+	--color-alert-warn-border: rgba(176, 136, 0, 0.2);
 	--color-alert-error-text: #24292e;
-	--color-alert-error-icon: rgba(158,28,35,0.6);
+	--color-alert-error-icon: rgba(158, 28, 35, 0.6);
 	--color-alert-error-bg: #ffe3e6;
-	--color-alert-error-border: rgba(158,28,35,0.2);
+	--color-alert-error-border: rgba(158, 28, 35, 0.2);
 	--color-alert-success-text: #24292e;
-	--color-alert-success-icon: rgba(23,111,44,0.8);
+	--color-alert-success-icon: rgba(23, 111, 44, 0.8);
 	--color-alert-success-bg: #dcffe4;
-	--color-alert-success-border: rgba(23,111,44,0.2);
-	--color-autocomplete-shadow: 0 3px 6px rgba(149,157,165,0.15);
+	--color-alert-success-border: rgba(23, 111, 44, 0.2);
+	--color-autocomplete-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
 	--color-autocomplete-row-border: #eaecef;
 	--color-blankslate-icon: #a3aab1;
 	--color-btn-text: #24292e;
 	--color-btn-bg: #fafbfc;
-	--color-btn-border: rgba(27,31,35,0.15);
-	--color-btn-shadow: 0 1px 0 rgba(27,31,35,0.04);
-	--color-btn-inset-shadow: inset 0 1px 0 hsla(0,0%,100%,0.25);
+	--color-btn-border: rgba(27, 31, 35, 0.15);
+	--color-btn-shadow: 0 1px 0 rgba(27, 31, 35, 0.04);
+	--color-btn-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
 	--color-btn-hover-bg: #f3f4f6;
-	--color-btn-hover-border: rgba(27,31,35,0.15);
+	--color-btn-hover-border: rgba(27, 31, 35, 0.15);
+	--color-btn-active-bg: #eaecef;
+	--color-btn-active-border: rgba(27, 31, 35, 0.1);
 	--color-btn-selected-bg: #edeff2;
 	--color-btn-focus-bg: #fafbfc;
-	--color-btn-focus-border: rgba(27,31,35,0.15);
-	--color-btn-focus-shadow: 0 0 0 3px rgba(3,102,214,0.3);
-	--color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27,31,35,0.15);
-	--color-btn-shadow-input-focus: 0 0 0 0.2em rgba(3,102,214,0.3);
-	--color-btn-primary-text: #fff;
+	--color-btn-focus-border: rgba(27, 31, 35, 0.15);
+	--color-btn-focus-shadow: 0 0 0 3px rgba(3, 102, 214, 0.3);
+	--color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27, 31, 35, 0.15);
+	--color-btn-shadow-input-focus: 0 0 0 0.2em rgba(3, 102, 214, 0.3);
+	--color-btn-primary-text: #ffffff;
 	--color-btn-primary-bg: #2ea44f;
-	--color-btn-primary-border: rgba(27,31,35,0.15);
-	--color-btn-primary-shadow: 0 1px 0 rgba(27,31,35,0.1);
-	--color-btn-primary-inset-shadow: inset 0 1px 0 hsla(0,0%,100%,0.03);
+	--color-btn-primary-border: rgba(27, 31, 35, 0.15);
+	--color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 35, 0.1);
+	--color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
 	--color-btn-primary-hover-bg: #2c974b;
-	--color-btn-primary-hover-border: rgba(27,31,35,0.15);
+	--color-btn-primary-hover-border: rgba(27, 31, 35, 0.15);
 	--color-btn-primary-selected-bg: #2a8f47;
-	--color-btn-primary-selected-shadow: inset 0 1px 0 rgba(20,70,32,0.2);
-	--color-btn-primary-disabled-text: hsla(0,0%,100%,0.8);
+	--color-btn-primary-selected-shadow: inset 0 1px 0 rgba(20, 70, 32, 0.2);
+	--color-btn-primary-disabled-text: rgba(255, 255, 255, 0.8);
 	--color-btn-primary-disabled-bg: #94d3a2;
-	--color-btn-primary-disabled-border: rgba(27,31,35,0.1);
+	--color-btn-primary-disabled-border: rgba(27, 31, 35, 0.1);
 	--color-btn-primary-focus-bg: #2ea44f;
-	--color-btn-primary-focus-border: rgba(27,31,35,0.15);
-	--color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
-	--color-btn-primary-icon: hsla(0,0%,100%,0.8);
-	--color-btn-primary-counter-bg: hsla(0,0%,100%,0.2);
+	--color-btn-primary-focus-border: rgba(27, 31, 35, 0.15);
+	--color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);
+	--color-btn-primary-icon: rgba(255, 255, 255, 0.8);
+	--color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);
 	--color-btn-outline-text: #0366d6;
-	--color-btn-outline-hover-text: #fff;
+	--color-btn-outline-hover-text: #ffffff;
 	--color-btn-outline-hover-bg: #0366d6;
-	--color-btn-outline-hover-border: rgba(27,31,35,0.15);
-	--color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,35,0.1);
-	--color-btn-outline-hover-inset-shadow: inset 0 1px 0 hsla(0,0%,100%,0.03);
-	--color-btn-outline-hover-counter-bg: hsla(0,0%,100%,0.2);
-	--color-btn-outline-selected-text: #fff;
+	--color-btn-outline-hover-border: rgba(27, 31, 35, 0.15);
+	--color-btn-outline-hover-shadow: 0 1px 0 rgba(27, 31, 35, 0.1);
+	--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+	--color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);
+	--color-btn-outline-selected-text: #ffffff;
 	--color-btn-outline-selected-bg: #035fc7;
-	--color-btn-outline-selected-border: rgba(27,31,35,0.15);
-	--color-btn-outline-selected-shadow: inset 0 1px 0 rgba(5,38,76,0.2);
-	--color-btn-outline-disabled-text: rgba(3,102,214,0.5);
+	--color-btn-outline-selected-border: rgba(27, 31, 35, 0.15);
+	--color-btn-outline-selected-shadow: inset 0 1px 0 rgba(5, 38, 76, 0.2);
+	--color-btn-outline-disabled-text: rgba(3, 102, 214, 0.5);
 	--color-btn-outline-disabled-bg: #fafbfc;
-	--color-btn-outline-disabled-counter-bg: rgba(3,102,214,0.05);
-	--color-btn-outline-focus-border: rgba(27,31,35,0.15);
-	--color-btn-outline-focus-shadow: 0 0 0 3px rgba(0,92,197,0.4);
-	--color-btn-outline-counter-bg: rgba(3,102,214,0.1);
+	--color-btn-outline-disabled-counter-bg: rgba(3, 102, 214, 0.05);
+	--color-btn-outline-focus-border: rgba(27, 31, 35, 0.15);
+	--color-btn-outline-focus-shadow: 0 0 0 3px rgba(0, 92, 197, 0.4);
+	--color-btn-outline-counter-bg: rgba(3, 102, 214, 0.1);
 	--color-btn-danger-text: #d73a49;
-	--color-btn-danger-hover-text: #fff;
+	--color-btn-danger-hover-text: #ffffff;
 	--color-btn-danger-hover-bg: #cb2431;
-	--color-btn-danger-hover-border: rgba(27,31,35,0.15);
-	--color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,35,0.1);
-	--color-btn-danger-hover-inset-shadow: inset 0 1px 0 hsla(0,0%,100%,0.03);
-	--color-btn-danger-hover-counter-bg: hsla(0,0%,100%,0.2);
-	--color-btn-danger-selected-text: #fff;
+	--color-btn-danger-hover-border: rgba(27, 31, 35, 0.15);
+	--color-btn-danger-hover-shadow: 0 1px 0 rgba(27, 31, 35, 0.1);
+	--color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+	--color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2);
+	--color-btn-danger-selected-text: #ffffff;
 	--color-btn-danger-selected-bg: #d42d3d;
-	--color-btn-danger-selected-border: rgba(27,31,35,0.15);
-	--color-btn-danger-selected-shadow: inset 0 1px 0 rgba(134,24,29,0.2);
-	--color-btn-danger-disabled-text: rgba(215,58,73,0.5);
+	--color-btn-danger-selected-border: rgba(27, 31, 35, 0.15);
+	--color-btn-danger-selected-shadow: inset 0 1px 0 rgba(134, 24, 29, 0.2);
+	--color-btn-danger-disabled-text: rgba(215, 58, 73, 0.5);
 	--color-btn-danger-disabled-bg: #fafbfc;
-	--color-btn-danger-disabled-counter-bg: rgba(215,58,73,0.05);
-	--color-btn-danger-focus-border: rgba(27,31,35,0.15);
-	--color-btn-danger-focus-shadow: 0 0 0 3px rgba(203,36,49,0.4);
-	--color-btn-danger-counter-bg: rgba(215,58,73,0.1);
-	--color-btn-counter-bg: rgba(27,31,35,0.08);
+	--color-btn-danger-disabled-counter-bg: rgba(215, 58, 73, 0.05);
+	--color-btn-danger-focus-border: rgba(27, 31, 35, 0.15);
+	--color-btn-danger-focus-shadow: 0 0 0 3px rgba(203, 36, 49, 0.4);
+	--color-btn-danger-counter-bg: rgba(215, 58, 73, 0.1);
+	--color-btn-danger-icon: #d73a49;
+	--color-btn-danger-hover-icon: #ffffff;
+	--color-btn-counter-bg: rgba(27, 31, 35, 0.08);
 	--color-counter-text: #24292e;
-	--color-counter-bg: rgba(209,213,218,0.5);
-	--color-counter-primary-text: #fff;
+	--color-counter-bg: rgba(209, 213, 218, 0.5);
+	--color-counter-primary-text: #ffffff;
 	--color-counter-primary-bg: #6a737d;
 	--color-counter-secondary-text: #6a737d;
-	--color-dropdown-shadow: 0 8px 24px rgba(149,157,165,0.2);
+	--color-counter-secondary-bg: rgba(209, 213, 218, 0.5);
+	--color-dropdown-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
 	--color-label-border: #e1e4e8;
 	--color-label-primary-text: #24292e;
 	--color-label-primary-border: #6a737d;
@@ -998,11 +1119,11 @@
 	--color-label-danger-border: #cb2431;
 	--color-label-orange-text: #c24e00;
 	--color-label-orange-border: #f66a0a;
-	--color-input-bg: #fff;
+	--color-input-bg: #ffffff;
 	--color-input-contrast-bg: #fafbfc;
 	--color-input-border: #e1e4e8;
-	--color-input-shadow: inset 0 1px 2px rgba(27,31,35,0.075);
-	--color-input-disabled-bg: #fff;
+	--color-input-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
+	--color-input-disabled-bg: #f6f8fa;
 	--color-input-disabled-border: #e1e4e8;
 	--color-input-warning-border: #f9c513;
 	--color-input-error-border: #cb2431;
@@ -1015,76 +1136,77 @@
 	--color-input-tooltip-error-text: #86181d;
 	--color-input-tooltip-error-bg: #ffeef0;
 	--color-input-tooltip-error-border: #f97583;
-	--color-avatar-bg: #fff;
-	--color-avatar-border: transparent;
+	--color-avatar-bg: #ffffff;
+	--color-avatar-border: rgba(0, 0, 0, 0);
 	--color-avatar-stack-fade: #d1d5da;
 	--color-avatar-stack-fade-more: #e1e4e8;
-	--color-avatar-child-shadow: -2px -2px 0 hsla(0,0%,100%,0.8);
+	--color-avatar-child-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8);
 	--color-toast-text: #24292e;
-	--color-toast-bg: #fff;
+	--color-toast-bg: #ffffff;
 	--color-toast-border: #e1e4e8;
-	--color-toast-shadow: 0 8px 24px rgba(149,157,165,0.2);
-	--color-toast-icon: #fff;
+	--color-toast-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
+	--color-toast-icon: #ffffff;
 	--color-toast-icon-bg: #0366d6;
-	--color-toast-icon-border: transparent;
+	--color-toast-icon-border: rgba(0, 0, 0, 0);
 	--color-toast-success-text: #24292e;
 	--color-toast-success-border: #e1e4e8;
-	--color-toast-success-icon: #fff;
+	--color-toast-success-icon: #ffffff;
 	--color-toast-success-icon-bg: #28a745;
-	--color-toast-success-icon-border: transparent;
+	--color-toast-success-icon-border: rgba(0, 0, 0, 0);
 	--color-toast-warning-text: #24292e;
 	--color-toast-warning-border: #e1e4e8;
 	--color-toast-warning-icon: #24292e;
 	--color-toast-warning-icon-bg: #ffd33d;
-	--color-toast-warning-icon-border: transparent;
+	--color-toast-warning-icon-border: rgba(0, 0, 0, 0);
 	--color-toast-danger-text: #24292e;
 	--color-toast-danger-border: #e1e4e8;
-	--color-toast-danger-icon: #fff;
+	--color-toast-danger-icon: #ffffff;
 	--color-toast-danger-icon-bg: #d73a49;
-	--color-toast-danger-icon-border: transparent;
+	--color-toast-danger-icon-border: rgba(0, 0, 0, 0);
 	--color-toast-loading-text: #24292e;
 	--color-toast-loading-border: #e1e4e8;
-	--color-toast-loading-icon: #fff;
+	--color-toast-loading-icon: #ffffff;
 	--color-toast-loading-icon-bg: #586069;
-	--color-toast-loading-icon-border: transparent;
+	--color-toast-loading-icon-border: rgba(0, 0, 0, 0);
 	--color-timeline-text: #444d56;
 	--color-timeline-badge-bg: #e1e4e8;
+	--color-timeline-badge-success-border: rgba(0, 0, 0, 0);
 	--color-timeline-target-badge-border: #2188ff;
 	--color-timeline-target-badge-shadow: #c8e1ff;
 	--color-select-menu-border-secondary: #eaecef;
-	--color-select-menu-shadow: 0 0 18px rgba(27,31,35,0.4);
-	--color-select-menu-backdrop-bg: rgba(27,31,35,0.5);
-	--color-select-menu-backdrop-border: transparent;
-	--color-select-menu-tap-highlight: rgba(209,213,218,0.5);
+	--color-select-menu-shadow: 0 0 18px rgba(27, 31, 35, 0.4);
+	--color-select-menu-backdrop-bg: rgba(27, 31, 35, 0.5);
+	--color-select-menu-backdrop-border: rgba(0, 0, 0, 0);
+	--color-select-menu-tap-highlight: rgba(209, 213, 218, 0.5);
 	--color-select-menu-tap-focus-bg: #dbedff;
 	--color-box-blue-border: #c8e1ff;
 	--color-box-row-yellow-bg: #fffbdd;
 	--color-box-row-blue-bg: #f1f8ff;
 	--color-box-header-blue-bg: #f1f8ff;
 	--color-box-header-blue-border: #c8e1ff;
-	--color-box-border-info: rgba(3,102,214,0.2);
+	--color-box-border-info: rgba(3, 102, 214, 0.2);
 	--color-box-bg-info: #f1f8ff;
-	--color-box-border-warning: rgba(255,211,61,0.4);
+	--color-box-border-warning: rgba(255, 211, 61, 0.4);
 	--color-box-bg-warning: #fffdef;
-	--color-branch-name-text: rgba(27,31,35,0.6);
+	--color-branch-name-text: #586069;
 	--color-branch-name-icon: #a8bbd0;
 	--color-branch-name-bg: #eaf5ff;
 	--color-branch-name-link-text: #0366d6;
 	--color-branch-name-link-icon: #a8bbd0;
 	--color-branch-name-link-bg: #eaf5ff;
-	--color-markdown-code-bg: rgba(27,31,35,0.05);
+	--color-markdown-code-bg: rgba(27, 31, 35, 0.05);
 	--color-markdown-frame-border: #dfe2e5;
 	--color-markdown-blockquote-border: #dfe2e5;
 	--color-markdown-table-border: #dfe2e5;
 	--color-markdown-table-tr-border: #c6cbd1;
 	--color-menu-heading-text: #24292e;
 	--color-menu-border-active: #f9826c;
-	--color-menu-bg-active: transparent;
-	--color-sidenav-selected-bg: #fff;
+	--color-menu-bg-active: rgba(0, 0, 0, 0);
+	--color-sidenav-selected-bg: #ffffff;
 	--color-sidenav-border-active: #f9826c;
-	--color-header-text: hsla(0,0%,100%,0.7);
+	--color-header-text: rgba(255, 255, 255, 0.7);
 	--color-header-bg: #24292e;
-	--color-header-logo: #fff;
+	--color-header-logo: #ffffff;
 	--color-filter-item-bar-bg: #eff3f6;
 	--color-hidden-text-expander-bg: #dfe2e5;
 	--color-hidden-text-expander-bg-hover: #c6cbd1;
@@ -1092,7 +1214,7 @@
 	--color-upload-enabled-border: #dfe2e5;
 	--color-upload-enabled-border-focused: #4a9eff;
 	--color-previewable-comment-form-border: #c3c8cf;
-	--color-underlinenav-border: rgba(209,213,218,0);
+	--color-underlinenav-border: rgba(209, 213, 218, 0);
 	--color-underlinenav-border-hover: #d1d5da;
 	--color-underlinenav-border-active: #f9826c;
 	--color-underlinenav-text: #24292e;
@@ -1102,11 +1224,12 @@
 	--color-underlinenav-icon-hover: #959da5;
 	--color-underlinenav-icon-active: #24292e;
 	--color-underlinenav-counter-text: #24292e;
+	--color-underlinenav-counter-bg: rgba(209, 213, 218, 0.5);
 	--color-verified-badge-text: #22863a;
-	--color-verified-badge-bg: #fff;
+	--color-verified-badge-bg: #ffffff;
 	--color-verified-badge-border: #e1e4e8;
-	--color-social-count-bg: #fff;
-	--color-tooltip-text: #fff;
+	--color-social-count-bg: #ffffff;
+	--color-tooltip-text: #ffffff;
 	--color-tooltip-bg: #24292e;
 	--color-header-search-bg: #24292e;
 	--color-header-search-border: #444d56;
@@ -1117,17 +1240,71 @@
 	--color-diffstat-deletion-border: #d73a49;
 	--color-diffstat-addition-bg: #28a745;
 	--color-diffstat-addition-border: #28a745;
+	--color-mktg-success: #2ebc4f;
+	--color-mktg-info: #1074e7;
+	--color-mktg-bg-shade-gradient-top: rgba(27, 31, 35, 0.065);
+	--color-mktg-bg-shade-gradient-bottom: rgba(27, 31, 35, 0);
+	--color-mktg-btn-bg: #3076df;
+	--color-mktg-btn-border: #3076df;
+	--color-mktg-btn-text: #ffffff;
+	--color-mktg-btn-icon: #ffffff;
+	--color-mktg-btn-focus-shadow: 0 0 0 3px rgba(48, 118, 223, 0.3);
+	--color-mktg-btn-hover-bg: #0366d6;
+	--color-mktg-btn-hover-border: #0366d6;
+	--color-mktg-btn-disabled-bg: rgba(48, 118, 223, 0.5);
+	--color-mktg-btn-disabled-border: rgba(0, 0, 0, 0);
+	--color-mktg-btn-disabled-text: #ffffff;
+	--color-mktg-btn-disabled-icon: #ffffff;
+	--color-mktg-btn-primary-bg: #5eb85c;
+	--color-mktg-btn-primary-border: #5eb85c;
+	--color-mktg-btn-primary-text: #ffffff;
+	--color-mktg-btn-primary-icon: #ffffff;
+	--color-mktg-btn-primary-focus-shadow: 0 0 0 3px rgba(94, 184, 92, 0.3);
+	--color-mktg-btn-primary-hover-bg: #28a745;
+	--color-mktg-btn-primary-hover-border: #28a745;
+	--color-mktg-btn-primary-disabled-bg: rgba(94, 184, 92, 0.5);
+	--color-mktg-btn-primary-disabled-border: rgba(0, 0, 0, 0);
+	--color-mktg-btn-primary-disabled-text: #ffffff;
+	--color-mktg-btn-primary-disabled-icon: #ffffff;
+	--color-mktg-btn-outline-bg: rgba(0, 0, 0, 0);
+	--color-mktg-btn-outline-border: rgba(42, 103, 195, 0.5);
+	--color-mktg-btn-outline-text: #3076df;
+	--color-mktg-btn-outline-icon: #3076df;
+	--color-mktg-btn-outline-focus-shadow: 0 0 0 3px rgba(42, 103, 195, 0.3);
+	--color-mktg-btn-outline-hover-bg: rgba(0, 0, 0, 0);
+	--color-mktg-btn-outline-hover-border: #0366d6;
+	--color-mktg-btn-outline-hover-text: #0366d6;
+	--color-mktg-btn-outline-hover-icon: #0366d6;
+	--color-mktg-btn-outline-disabled-bg: rgba(0, 0, 0, 0);
+	--color-mktg-btn-outline-disabled-border: rgba(42, 103, 195, 0.2);
+	--color-mktg-btn-outline-disabled-text: rgba(48, 118, 223, 0.5);
+	--color-mktg-btn-outline-disabled-icon: rgba(48, 118, 223, 0.5);
+	--color-mktg-btn-dark-bg: rgba(0, 0, 0, 0);
+	--color-mktg-btn-dark-border: rgba(255, 255, 255, 0.5);
+	--color-mktg-btn-dark-text: #ffffff;
+	--color-mktg-btn-dark-icon: #ffffff;
+	--color-mktg-btn-dark-focus-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
+	--color-mktg-btn-dark-hover-bg: #ffffff;
+	--color-mktg-btn-dark-hover-border: #ffffff;
+	--color-mktg-btn-dark-hover-text: #444d56;
+	--color-mktg-btn-dark-hover-icon: #444d56;
+	--color-mktg-btn-dark-disabled-bg: rgba(0, 0, 0, 0);
+	--color-mktg-btn-dark-disabled-border: rgba(255, 255, 255, 0.2);
+	--color-mktg-btn-dark-disabled-text: rgba(255, 255, 255, 0.5);
+	--color-mktg-btn-dark-disabled-icon: rgba(255, 255, 255, 0.5);
 	--color-files-explorer-icon: #79b8ff;
 	--color-hl-author-bg: #f1f8ff;
 	--color-hl-author-border: #c8e1ff;
 	--color-logo-subdued: #d1d5da;
 	--color-discussion-border: #a2cbac;
 	--color-discussion-bg-success: #28a745;
-	--color-actions-workflow-table-sticky-bg: hsla(0,0%,100%,0.95);
-	--color-repo-language-color-border: rgba(27,31,35,0.1);
+	--color-actions-workflow-table-sticky-bg: rgba(255, 255, 255, 0.95);
+	--color-repo-language-color-border: rgba(27, 31, 35, 0.1);
 	--color-code-selection-bg: #c8e1ff;
+	--color-highlight-text: #442c12;
+	--color-highlight-bg: #fff0bb;
 	--color-blob-line-highlight-bg: #fffbdd;
-	--color-blob-line-highlight-border: transparent;
+	--color-blob-line-highlight-border: rgba(0, 0, 0, 0);
 	--color-diff-addition-text: #22863a;
 	--color-diff-addition-bg: #e6ffed;
 	--color-diff-addition-border: #34d058;
@@ -1137,96 +1314,151 @@
 	--color-diff-change-text: #b08800;
 	--color-diff-change-bg: #fff5b1;
 	--color-diff-change-border: #f9c513;
-	--color-diff-blob-num-text: rgba(27,31,35,0.3);
-	--color-diff-blob-num-hover-text: rgba(27,31,35,0.6);
-	--color-diff-blob-addition-num-text: rgba(27,31,35,0.3);
-	--color-diff-blob-addition-num-hover-text: rgba(27,31,35,0.6);
+	--color-diff-blob-num-text: rgba(27, 31, 35, 0.3);
+	--color-diff-blob-num-hover-text: rgba(27, 31, 35, 0.6);
+	--color-diff-blob-addition-num-text: rgba(27, 31, 35, 0.3);
+	--color-diff-blob-addition-num-hover-text: rgba(27, 31, 35, 0.6);
 	--color-diff-blob-addition-num-bg: #cdffd8;
 	--color-diff-blob-addition-line-bg: #e6ffed;
 	--color-diff-blob-addition-word-bg: #acf2bd;
-	--color-diff-blob-deletion-num-text: rgba(27,31,35,0.3);
-	--color-diff-blob-deletion-num-hover-text: rgba(27,31,35,0.6);
+	--color-diff-blob-deletion-num-text: rgba(27, 31, 35, 0.3);
+	--color-diff-blob-deletion-num-hover-text: rgba(27, 31, 35, 0.6);
 	--color-diff-blob-deletion-num-bg: #ffdce0;
 	--color-diff-blob-deletion-line-bg: #ffeef0;
 	--color-diff-blob-deletion-word-bg: #fdb8c0;
-	--color-diff-blob-hunk-text: rgba(27,31,35,0.7);
+	--color-diff-blob-hunk-text: rgba(27, 31, 35, 0.7);
 	--color-diff-blob-hunk-num-bg: #dbedff;
 	--color-diff-blob-hunk-line-bg: #f1f8ff;
 	--color-diff-blob-empty-block-bg: #fafbfc;
-	--color-diff-blob-selected-line-highlight-bg: rgba(255,223,93,0.2);
+	--color-diff-blob-selected-line-highlight-bg: rgba(255, 223, 93, 0.2);
 	--color-diff-blob-selected-line-highlight-border: #ffd33d;
 	--color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
 	--color-diff-blob-expander-icon: #586069;
-	--color-diff-blob-expander-hover-icon: #fff;
+	--color-diff-blob-expander-hover-icon: #ffffff;
 	--color-diff-blob-expander-hover-bg: #0366d6;
-	--color-diff-blob-comment-button-icon: #fff;
+	--color-diff-blob-comment-button-icon: #ffffff;
 	--color-diff-blob-comment-button-bg: #0366d6;
 	--color-diff-blob-comment-button-gradient-bg: #0372ef;
-	--color-global-nav-logo: #fff;
+	--color-global-nav-logo: #ffffff;
 	--color-global-nav-bg: #24292e;
-	--color-global-nav-text: #fff;
-	--color-global-nav-icon: #fff;
+	--color-global-nav-text: #ffffff;
+	--color-global-nav-icon: #ffffff;
 	--color-global-nav-input-bg: #fafbfc;
 	--color-global-nav-input-border: #fafbfc;
 	--color-global-nav-input-icon: #d1d5da;
 	--color-global-nav-input-placeholder: #959da5;
 	--color-calendar-graph-day-bg: #ebedf0;
-	--color-calendar-graph-day-border: rgba(27,31,35,0.06);
+	--color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
 	--color-calendar-graph-day-L1-bg: #9be9a8;
 	--color-calendar-graph-day-L2-bg: #40c463;
 	--color-calendar-graph-day-L3-bg: #30a14e;
 	--color-calendar-graph-day-L4-bg: #216e39;
-	--color-calendar-graph-day-L4-border: rgba(27,31,35,0.06);
-	--color-calendar-graph-day-L3-border: rgba(27,31,35,0.06);
-	--color-calendar-graph-day-L2-border: rgba(27,31,35,0.06);
-	--color-calendar-graph-day-L1-border: rgba(27,31,35,0.06);
+	--color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
+	--color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
+	--color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
+	--color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
 	--color-footer-invertocat-octicon: #d1d5da;
 	--color-footer-invertocat-octicon-hover: #6a737d;
-	--color-pr-state-draft-text: #fff;
+	--color-pr-state-draft-text: #ffffff;
 	--color-pr-state-draft-bg: #6a737d;
-	--color-pr-state-draft-border: transparent;
-	--color-pr-state-open-text: #fff;
+	--color-pr-state-draft-border: rgba(0, 0, 0, 0);
+	--color-pr-state-open-text: #ffffff;
 	--color-pr-state-open-bg: #28a745;
-	--color-pr-state-open-border: transparent;
-	--color-pr-state-merged-text: #fff;
+	--color-pr-state-open-border: rgba(0, 0, 0, 0);
+	--color-pr-state-merged-text: #ffffff;
 	--color-pr-state-merged-bg: #6f42c1;
-	--color-pr-state-merged-border: transparent;
-	--color-pr-state-closed-text: #fff;
+	--color-pr-state-merged-border: rgba(0, 0, 0, 0);
+	--color-pr-state-closed-text: #ffffff;
 	--color-pr-state-closed-bg: #d73a49;
-	--color-pr-state-closed-border: transparent;
+	--color-pr-state-closed-border: rgba(0, 0, 0, 0);
 	--color-topic-tag-text: #0366d6;
 	--color-topic-tag-bg: #f1f8ff;
-	--color-topic-tag-hover-bg: #def;
+	--color-topic-tag-hover-bg: #ddeeff;
 	--color-topic-tag-active-bg: #e7f3ff;
 	--color-merge-box-success-icon-bg: #28a745;
-	--color-merge-box-success-icon-text: #fff;
-	--color-merge-box-success-icon-border: transparent;
+	--color-merge-box-success-icon-text: #ffffff;
+	--color-merge-box-success-icon-border: rgba(0, 0, 0, 0);
 	--color-merge-box-success-indicator-bg: #28a745;
-	--color-merge-box-success-indicator-border: transparent;
+	--color-merge-box-success-indicator-border: rgba(0, 0, 0, 0);
 	--color-merge-box-merged-icon-bg: #6f42c1;
-	--color-merge-box-merged-icon-text: #fff;
-	--color-merge-box-merged-icon-border: transparent;
+	--color-merge-box-merged-icon-text: #ffffff;
+	--color-merge-box-merged-icon-border: rgba(0, 0, 0, 0);
 	--color-merge-box-merged-box-border: #6f42c1;
 	--color-merge-box-neutral-icon-bg: #6a737d;
-	--color-merge-box-neutral-icon-text: #fff;
-	--color-merge-box-neutral-icon-border: transparent;
+	--color-merge-box-neutral-icon-text: #ffffff;
+	--color-merge-box-neutral-icon-border: rgba(0, 0, 0, 0);
 	--color-merge-box-neutral-indicator-bg: #6a737d;
-	--color-merge-box-neutral-indicator-border: transparent;
+	--color-merge-box-neutral-indicator-border: rgba(0, 0, 0, 0);
 	--color-merge-box-warning-icon-bg: #dbab09;
-	--color-merge-box-warning-icon-text: #fff;
-	--color-merge-box-warning-icon-border: transparent;
+	--color-merge-box-warning-icon-text: #ffffff;
+	--color-merge-box-warning-icon-border: rgba(0, 0, 0, 0);
 	--color-merge-box-warning-box-border: #ffd33d;
-	--color-merge-box-warning-merge-highlight: transparent;
+	--color-merge-box-warning-merge-highlight: rgba(0, 0, 0, 0);
 	--color-merge-box-error-icon-bg: #d73a49;
-	--color-merge-box-error-icon-text: #fff;
-	--color-merge-box-error-icon-border: transparent;
+	--color-merge-box-error-icon-text: #ffffff;
+	--color-merge-box-error-icon-border: rgba(0, 0, 0, 0);
 	--color-merge-box-error-indicator-bg: #d73a49;
-	--color-merge-box-error-indicator-border: transparent;
-	--color-project-card-bg: #fff;
+	--color-merge-box-error-indicator-border: rgba(0, 0, 0, 0);
+	--color-project-card-bg: #ffffff;
 	--color-project-header-bg: #24292e;
-	--color-project-sidebar-bg: #fff;
-	--color-project-gradient-in: #fff;
-	--color-project-gradient-out: hsla(0,0%,100%,0);
+	--color-project-sidebar-bg: #ffffff;
+	--color-project-gradient-in: #ffffff;
+	--color-project-gradient-out: rgba(255, 255, 255, 0);
+	--color-checks-bg: #24292e;
+	--color-checks-run-border-width: 0px;
+	--color-checks-container-border-width: 0px;
+	--color-checks-text-primary: #fafbfc;
+	--color-checks-text-secondary: #959da5;
+	--color-checks-text-link: #79b8ff;
+	--color-checks-btn-icon: #d1d5da;
+	--color-checks-btn-hover-icon: #fafbfc;
+	--color-checks-btn-hover-bg: rgba(255, 255, 255, 0.125);
+	--color-checks-input-text: #f6f8fa;
+	--color-checks-input-placeholder-text: #959da5;
+	--color-checks-input-focus-text: #959da5;
+	--color-checks-input-bg: #2f363d;
+	--color-checks-input-shadow: none;
+	--color-checks-dropdown-text: #d1d5da;
+	--color-checks-dropdown-bg: #2f363d;
+	--color-checks-dropdown-border: #444d56;
+	--color-checks-dropdown-hover-text: #fafbfc;
+	--color-checks-dropdown-hover-bg: #444d56;
+	--color-checks-dropdown-btn-hover-text: #fafbfc;
+	--color-checks-dropdown-btn-hover-bg: #2f363d;
+	--color-checks-scrollbar-thumb-bg: #586069;
+	--color-checks-header-label-text: #e1e4e8;
+	--color-checks-header-label-open-text: #fafbfc;
+	--color-checks-header-border: #2f363d;
+	--color-checks-header-icon: #959da5;
+	--color-checks-line-text: #e1e4e8;
+	--color-checks-line-num-text: rgba(149, 157, 165, 0.75);
+	--color-checks-line-timestamp-text: #959da5;
+	--color-checks-line-hover-bg: #2f363d;
+	--color-checks-line-selected-bg: rgba(33, 136, 255, 0.15);
+	--color-checks-line-selected-num-text: #79b8ff;
+	--color-checks-line-dt-fm-text: #24292e;
+	--color-checks-line-dt-fm-bg: #ffd33d;
+	--color-checks-gate-bg: rgba(249, 197, 19, 0.15);
+	--color-checks-gate-text: #e1e4e8;
+	--color-checks-gate-waiting-text: #d1d5da;
+	--color-checks-step-header-open-bg: #2f363d;
+	--color-checks-step-error-text: #f97583;
+	--color-checks-step-warning-text: #ffea7f;
+	--color-checks-logline-text: #959da5;
+	--color-checks-logline-num-text: rgba(149, 157, 165, 0.75);
+	--color-checks-logline-debug-text: #b392f0;
+	--color-checks-logline-error-text: #e1e4e8;
+	--color-checks-logline-error-num-text: #f97583;
+	--color-checks-logline-error-bg: rgba(203, 36, 49, 0.15);
+	--color-checks-logline-warning-text: #e1e4e8;
+	--color-checks-logline-warning-num-text: #ffea7f;
+	--color-checks-logline-warning-bg: rgba(249, 197, 19, 0.15);
+	--color-checks-logline-command-text: #79b8ff;
+	--color-checks-logline-section-text: #85e89d;
+	--color-intro-shelf-gradient-left: #f1f8ff;
+	--color-intro-shelf-gradient-right: #dcffe4;
+	--color-intro-shelf-gradient-in: #ffffff;
+	--color-intro-shelf-gradient-out: rgba(255, 255, 255, 0);
 	--color-marketing-icon-primary: #2188ff;
 	--color-marketing-icon-secondary: #79b8ff;
 	--color-prettylights-syntax-comment: #6a737d;
@@ -1260,16 +1492,16 @@
 	--color-prettylights-syntax-sublimelinter-gutter-mark: #959da5;
 	--color-prettylights-syntax-constant-other-reference-link: #032f62;
 	--color-codemirror-text: #24292e;
-	--color-codemirror-bg: #fff;
-	--color-codemirror-gutters-bg: #fff;
-	--color-codemirror-guttermarker-text: #fff;
+	--color-codemirror-bg: #ffffff;
+	--color-codemirror-gutters-bg: #ffffff;
+	--color-codemirror-guttermarker-text: #ffffff;
 	--color-codemirror-guttermarker-subtle-text: #d1d5da;
 	--color-codemirror-linenumber-text: #959da5;
 	--color-codemirror-cursor: #24292e;
 	--color-codemirror-selection-bg: #c8e1ff;
 	--color-codemirror-activeline-bg: #fafbfc;
 	--color-codemirror-matchingbracket-text: #24292e;
-	--color-codemirror-lines-bg: #fff;
+	--color-codemirror-lines-bg: #ffffff;
 	--color-codemirror-syntax-comment: #6a737d;
 	--color-codemirror-syntax-constant: #005cc5;
 	--color-codemirror-syntax-entity: #6f42c1;
diff --git a/source/templates/classic/partials/followup.ejs b/source/templates/classic/partials/followup.ejs
index 088856ab..b2094504 100644
--- a/source/templates/classic/partials/followup.ejs
+++ b/source/templates/classic/partials/followup.ejs
@@ -26,16 +26,16 @@
                 <rect x="0" y="0" width="220" height="8" fill="white" rx="5"/>
               </mask>
               <rect mask="url(#issues-bar)" x="0" y="0" width="<%= section.issues.count ? 0 : 220 %>" height="8" fill="#d1d5da"/>
-              <rect mask="url(#issues-bar)" x="0" y="0" width="<%= (section.issues.open/section.issues.count)*220 || 0 %>" height="8" fill="#28a745"/>
-              <rect mask="url(#issues-bar)" x="<%= (section.issues.open/section.issues.count)*220 || 0 %>" y="0" width="<%= (1-section.issues.open/section.issues.count)*220 || 0 %>" height="8" fill="#d73a49"/>
+              <rect mask="url(#issues-bar)" x="0" y="0" width="<%= (section.issues.open/section.issues.count)*220 || 0 %>" height="8" fill="#238636"/>
+              <rect mask="url(#issues-bar)" x="<%= (section.issues.open/section.issues.count)*220 || 0 %>" y="0" width="<%= (1-section.issues.open/section.issues.count)*220 || 0 %>" height="8" fill="#8957e5"/>
             </svg>
             <div class="followup legend field horizontal fill-width">
               <div class="field center">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#28a745" d="M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path><path fill="#28a745" fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z"></path></svg>
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#238636" d="M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path><path fill="#238636" fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z"></path></svg>
                 <span class="no-wrap"><%= section.issues.open %> <small>open</small></span>
               </div>
               <div class="field center">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#d73a49" d="M11.28 6.78a.75.75 0 00-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l3.5-3.5z"></path><path  fill="#d73a49" fill-rule="evenodd" d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-1.5 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"></path></svg>
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#8957e5" d="M11.28 6.78a.75.75 0 00-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l3.5-3.5z"></path><path  fill="#8957e5" fill-rule="evenodd" d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-1.5 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"></path></svg>
                 <span class="no-wrap"><%= section.issues.closed %> <small>closed</small></span>
               </div>
             </div>
@@ -47,21 +47,21 @@
                 <rect x="0" y="0" width="220" height="8" fill="white" rx="5"/>
               </mask>
               <rect mask="url(#pr-bar)" x="0" y="0" width="<%= section.pr.count ? 0 : 220 %>" height="8" fill="#d1d5da"/>
-              <rect mask="url(#pr-bar)" x="0" y="0" width="<%= (section.pr.open/section.pr.count)*220 || 0 %>" height="8" fill="#28a745"/>
-              <rect mask="url(#pr-bar)" x="<%= (section.pr.open/section.pr.count)*220 || 0 %>" y="0" width="<%= (section.pr.closed/section.pr.count)*220 || 0 %>" height="8" fill="#d73a49"/>
-              <rect mask="url(#pr-bar)" x="<%= ((section.pr.open+section.pr.closed)/section.pr.count)*220 || 0 %>" y="0" width="<%= (1-(section.pr.open+section.pr.closed)/section.pr.count)*220 || 0 %>" height="8" fill="#6f42c1"/>
+              <rect mask="url(#pr-bar)" x="0" y="0" width="<%= (section.pr.open/section.pr.count)*220 || 0 %>" height="8" fill="#238636"/>
+              <rect mask="url(#pr-bar)" x="<%= (section.pr.open/section.pr.count)*220 || 0 %>" y="0" width="<%= (section.pr.closed/section.pr.count)*220 || 0 %>" height="8" fill="#da3633"/>
+              <rect mask="url(#pr-bar)" x="<%= ((section.pr.open+section.pr.closed)/section.pr.count)*220 || 0 %>" y="0" width="<%= (1-(section.pr.open+section.pr.closed)/section.pr.count)*220 || 0 %>" height="8" fill="#8957e5"/>
             </svg>
             <div class="followup legend field horizontal fill-width">
               <div class="field center">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#28a745" fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#238636" fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
                 <span class="no-wrap"><%= section.pr.open %> <small>open</small></span>
               </div>
               <div class="field center">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#d73a49" fill-rule="evenodd" d="M10.72 1.227a.75.75 0 011.06 0l.97.97.97-.97a.75.75 0 111.06 1.061l-.97.97.97.97a.75.75 0 01-1.06 1.06l-.97-.97-.97.97a.75.75 0 11-1.06-1.06l.97-.97-.97-.97a.75.75 0 010-1.06zM12.75 6.5a.75.75 0 00-.75.75v3.378a2.251 2.251 0 101.5 0V7.25a.75.75 0 00-.75-.75zm0 5.5a.75.75 0 100 1.5.75.75 0 000-1.5zM2.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.25 1a2.25 2.25 0 00-.75 4.372v5.256a2.251 2.251 0 101.5 0V5.372A2.25 2.25 0 003.25 1zm0 11a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#da3633" fill-rule="evenodd" d="M10.72 1.227a.75.75 0 011.06 0l.97.97.97-.97a.75.75 0 111.06 1.061l-.97.97.97.97a.75.75 0 01-1.06 1.06l-.97-.97-.97.97a.75.75 0 11-1.06-1.06l.97-.97-.97-.97a.75.75 0 010-1.06zM12.75 6.5a.75.75 0 00-.75.75v3.378a2.251 2.251 0 101.5 0V7.25a.75.75 0 00-.75-.75zm0 5.5a.75.75 0 100 1.5.75.75 0 000-1.5zM2.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.25 1a2.25 2.25 0 00-.75 4.372v5.256a2.251 2.251 0 101.5 0V5.372A2.25 2.25 0 003.25 1zm0 11a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
                 <span class="no-wrap"><%= section.pr.closed %> <small>closed</small></span>
               </div>
               <div class="field center">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#6f42c1" fill-rule="evenodd" d="M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#8957e5" fill-rule="evenodd" d="M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
                 <span class="no-wrap"><%= section.pr.merged %> <small>merged</small></span>
               </div>
             </div>
diff --git a/source/templates/classic/partials/projects.ejs b/source/templates/classic/partials/projects.ejs
index ab33fc19..dcb76179 100644
--- a/source/templates/classic/partials/projects.ejs
+++ b/source/templates/classic/partials/projects.ejs
@@ -54,8 +54,8 @@
                   <mask id="project-bar">
                     <rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/>
                   </mask>
-                  <rect mask="url(#project-bar)" x="0" y="0" width="<%= (progress.done/progress.total)*width %>" height="8" fill="#28A745"/>
-                  <rect mask="url(#project-bar)" x="<%= (progress.done/progress.total)*width %>" y="0" width="<%= (progress.doing/progress.total)*width %>" height="8" fill="#6F42C1"/>
+                  <rect mask="url(#project-bar)" x="0" y="0" width="<%= (progress.done/progress.total)*width %>" height="8" fill="#238636"/>
+                  <rect mask="url(#project-bar)" x="<%= (progress.done/progress.total)*width %>" y="0" width="<%= (progress.doing/progress.total)*width %>" height="8" fill="#8957e5"/>
                   <rect mask="url(#project-bar)" x="<%= ((progress.done+progress.doing)/progress.total)*width %>" y="0" width="<%= (progress.todo/progress.total)*width %>" height="8" fill="#d1d5da"/>
                 </svg>
               </div>
diff --git a/source/templates/repository/partials/followup.ejs b/source/templates/repository/partials/followup.ejs
index 00bd8fe3..dcea97ee 100644
--- a/source/templates/repository/partials/followup.ejs
+++ b/source/templates/repository/partials/followup.ejs
@@ -17,16 +17,16 @@
               <rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/>
             </mask>
             <rect mask="url(#issues-bar)" x="0" y="0" width="<%= section.issues.count ? 0 : width %>" height="8" fill="#d1d5da"/>
-            <rect mask="url(#issues-bar)" x="0" y="0" width="<%= (section.issues.open/section.issues.count)*width || 0 %>" height="8" fill="#28a745"/>
-            <rect mask="url(#issues-bar)" x="<%= (section.issues.open/section.issues.count)*width || 0 %>" y="0" width="<%= (1-section.issues.open/section.issues.count)*width || 0 %>" height="8" fill="#d73a49"/>
+            <rect mask="url(#issues-bar)" x="0" y="0" width="<%= (section.issues.open/section.issues.count)*width || 0 %>" height="8" fill="#238636"/>
+            <rect mask="url(#issues-bar)" x="<%= (section.issues.open/section.issues.count)*width || 0 %>" y="0" width="<%= (1-section.issues.open/section.issues.count)*width || 0 %>" height="8" fill="#8957e5"/>
           </svg>
           <div class="followup legend field horizontal fill-width">
             <div class="field center">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#28a745" d="M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path><path fill="#28a745" fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z"></path></svg>
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#238636" d="M8 9.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path><path fill="#238636" fill-rule="evenodd" d="M8 0a8 8 0 100 16A8 8 0 008 0zM1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z"></path></svg>
               <span class="no-wrap"><%= section.issues.open %> <small>open</small></span>
             </div>
             <div class="field center">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#d73a49" d="M11.28 6.78a.75.75 0 00-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l3.5-3.5z"></path><path  fill="#d73a49" fill-rule="evenodd" d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-1.5 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"></path></svg>
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#8957e5" d="M11.28 6.78a.75.75 0 00-1.06-1.06L7.25 8.69 5.78 7.22a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l3.5-3.5z"></path><path  fill="#8957e5" fill-rule="evenodd" d="M16 8A8 8 0 110 8a8 8 0 0116 0zm-1.5 0a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z"></path></svg>
               <span class="no-wrap"><%= section.issues.closed %> <small>closed</small></span>
             </div>
           </div>
@@ -50,21 +50,21 @@
               <rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/>
             </mask>
             <rect mask="url(#pr-bar)" x="0" y="0" width="<%= section.pr.count ? 0 : width %>" height="8" fill="#d1d5da"/>
-            <rect mask="url(#pr-bar)" x="0" y="0" width="<%= (section.pr.open/section.pr.count)*width || 0 %>" height="8" fill="#28a745"/>
-            <rect mask="url(#pr-bar)" x="<%= (section.pr.open/section.pr.count)*width || 0 %>" y="0" width="<%= (section.pr.closed/section.pr.count)*width || 0 %>" height="8" fill="#d73a49"/>
-            <rect mask="url(#pr-bar)" x="<%= ((section.pr.open+section.pr.closed)/section.pr.count)*width || 0 %>" y="0" width="<%= (1-(section.pr.open+section.pr.closed)/section.pr.count)*width || 0 %>" height="8" fill="#6f42c1"/>
+            <rect mask="url(#pr-bar)" x="0" y="0" width="<%= (section.pr.open/section.pr.count)*width || 0 %>" height="8" fill="#238636"/>
+            <rect mask="url(#pr-bar)" x="<%= (section.pr.open/section.pr.count)*width || 0 %>" y="0" width="<%= (section.pr.closed/section.pr.count)*width || 0 %>" height="8" fill="#da3633"/>
+            <rect mask="url(#pr-bar)" x="<%= ((section.pr.open+section.pr.closed)/section.pr.count)*width || 0 %>" y="0" width="<%= (1-(section.pr.open+section.pr.closed)/section.pr.count)*width || 0 %>" height="8" fill="#8957e5"/>
           </svg>
           <div class="followup legend field horizontal fill-width">
             <div class="field center">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#28a745" fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#238636" fill-rule="evenodd" d="M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
               <span class="no-wrap"><%= section.pr.open %> <small>open</small></span>
             </div>
             <div class="field center">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#d73a49" fill-rule="evenodd" d="M10.72 1.227a.75.75 0 011.06 0l.97.97.97-.97a.75.75 0 111.06 1.061l-.97.97.97.97a.75.75 0 01-1.06 1.06l-.97-.97-.97.97a.75.75 0 11-1.06-1.06l.97-.97-.97-.97a.75.75 0 010-1.06zM12.75 6.5a.75.75 0 00-.75.75v3.378a2.251 2.251 0 101.5 0V7.25a.75.75 0 00-.75-.75zm0 5.5a.75.75 0 100 1.5.75.75 0 000-1.5zM2.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.25 1a2.25 2.25 0 00-.75 4.372v5.256a2.251 2.251 0 101.5 0V5.372A2.25 2.25 0 003.25 1zm0 11a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#da3633" fill-rule="evenodd" d="M10.72 1.227a.75.75 0 011.06 0l.97.97.97-.97a.75.75 0 111.06 1.061l-.97.97.97.97a.75.75 0 01-1.06 1.06l-.97-.97-.97.97a.75.75 0 11-1.06-1.06l.97-.97-.97-.97a.75.75 0 010-1.06zM12.75 6.5a.75.75 0 00-.75.75v3.378a2.251 2.251 0 101.5 0V7.25a.75.75 0 00-.75-.75zm0 5.5a.75.75 0 100 1.5.75.75 0 000-1.5zM2.5 3.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.25 1a2.25 2.25 0 00-.75 4.372v5.256a2.251 2.251 0 101.5 0V5.372A2.25 2.25 0 003.25 1zm0 11a.75.75 0 100 1.5.75.75 0 000-1.5z"></path></svg>
               <span class="no-wrap"><%= section.pr.closed %> <small>closed</small></span>
             </div>
             <div class="field center">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#6f42c1" fill-rule="evenodd" d="M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill="#8957e5" fill-rule="evenodd" d="M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
               <span class="no-wrap"><%= section.pr.merged %> <small>merged</small></span>
             </div>
           </div>
diff --git a/source/templates/repository/partials/projects.ejs b/source/templates/repository/partials/projects.ejs
index b1c413ac..03f7761e 100644
--- a/source/templates/repository/partials/projects.ejs
+++ b/source/templates/repository/partials/projects.ejs
@@ -45,8 +45,8 @@
                   <mask id="project-bar">
                     <rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/>
                   </mask>
-                  <rect mask="url(#project-bar)" x="0" y="0" width="<%= (progress.done/progress.total)*width %>" height="8" fill="#28A745"/>
-                  <rect mask="url(#project-bar)" x="<%= (progress.done/progress.total)*width %>" y="0" width="<%= (progress.doing/progress.total)*width %>" height="8" fill="#6F42C1"/>
+                  <rect mask="url(#project-bar)" x="0" y="0" width="<%= (progress.done/progress.total)*width %>" height="8" fill="#238636"/>
+                  <rect mask="url(#project-bar)" x="<%= (progress.done/progress.total)*width %>" y="0" width="<%= (progress.doing/progress.total)*width %>" height="8" fill="#8957e5"/>
                   <rect mask="url(#project-bar)" x="<%= ((progress.done+progress.doing)/progress.total)*width %>" y="0" width="<%= (progress.todo/progress.total)*width %>" height="8" fill="#d1d5da"/>
                 </svg>
               </div>