sudacode/metrics
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(plugins/followup, plugins/projects, insights): update GitHub colors (#626)

Browse Source
This commit is contained in:
Simon Lecoq
2021-10-27 23:11:15 -04:00
committed by GitHub
parent c1778ddf51
commit e0ca6897f0
7 changed files with 633 additions and 401 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
source/app/web/statics/about/index.html
View File

@@ -179,16 +179,16 @@
<div class="followup-section" v-if="section.issues"> <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> <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-bars">
<div class="progress" :style="{width:`${100*section.issues.open/section.issues.count}%`, backgroundColor:'#28a745'}"></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:'#d73a49'}"></div> <div class="progress" :style="{width:`${100*section.issues.closed/section.issues.count}%`, backgroundColor:'#8957e5'}"></div>
</div> </div>
<div class="legend"> <div class="legend">
<div> <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 {{ section.issues.open }} open
</div> </div>
<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 {{ section.issues.closed }} closed
</div> </div>
</div> </div>
@@ -196,21 +196,21 @@
<div class="followup-section" v-if="section.pr"> <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> <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-bars">
<div class="progress" :style="{width:`${100*section.pr.open/section.pr.count}%`, backgroundColor:'#28a745'}"></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:'#d73a49'}"></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:'#6f42c1'}"></div> <div class="progress" :style="{width:`${100*section.pr.merged/section.pr.merged}%`, backgroundColor:'#8957e5'}"></div>
</div> </div>
<div class="legend"> <div class="legend">
<div> <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 {{ section.pr.open }} open
</div> </div>
<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 {{ section.pr.closed }} closed
</div> </div>
<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 {{ section.pr.merged }} merged
</div> </div>
</div> </div>
@@ -297,7 +297,7 @@
</template> </template>
<template v-if="type === 'issue'"> <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 === '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> <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"> <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> {{ 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>

2
source/app/web/statics/about/style.css
View File

@@ -146,7 +146,7 @@
/* Isocalendar */ /* Isocalendar */
.isocalendar .svg { .isocalendar .svg {
margin-top: 5rem; margin-top: 8rem;
} }
/* Activity */ /* Activity */

560
source/app/web/statics/style.vars.css vendored
View File

@@ -194,11 +194,11 @@
--color-bg-canvas: #0d1117; --color-bg-canvas: #0d1117;
--color-bg-canvas-mobile: #010409; --color-bg-canvas-mobile: #010409;
--color-bg-canvas-inverse: #f0f6fc; --color-bg-canvas-inverse: #f0f6fc;
--color-bg-canvas-inset: #06090f; --color-bg-canvas-inset: #090c10;
--color-bg-primary: #0d1117; --color-bg-primary: #0d1117;
--color-bg-secondary: #0d1117; --color-bg-secondary: #0d1117;
--color-bg-tertiary: #161b22; --color-bg-tertiary: #161b22;
--color-bg-overlay: #21262d; --color-bg-overlay: #1c2128;
--color-bg-backdrop: rgba(1, 4, 9, 0.8); --color-bg-backdrop: rgba(1, 4, 9, 0.8);
--color-bg-info: rgba(56, 139, 253, 0.1); --color-bg-info: rgba(56, 139, 253, 0.1);
--color-bg-info-inverse: #388bfd; --color-bg-info-inverse: #388bfd;
@@ -208,12 +208,12 @@
--color-bg-success-inverse: #2ea043; --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-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-medium: 0 3px 6px #010409;
--color-shadow-large: 0 8px 24px #010409; --color-shadow-large: 0 8px 24px #010409;
--color-shadow-extra-large: 0 12px 48px #010409; --color-shadow-extra-large: 0 12px 48px #010409;
--color-shadow-highlight: 0 0 transparent; --color-shadow-highlight: 0 0 rgba(0, 0, 0, 0);
--color-shadow-inset: 0 0 transparent; --color-shadow-inset: 0 0 rgba(0, 0, 0, 0);
--color-state-hover-primary-bg: #1f6feb; --color-state-hover-primary-bg: #1f6feb;
--color-state-hover-primary-border: #388bfd; --color-state-hover-primary-border: #388bfd;
--color-state-hover-primary-text: #f0f6fc; --color-state-hover-primary-text: #f0f6fc;
@@ -266,28 +266,30 @@
--color-btn-text: #c9d1d9; --color-btn-text: #c9d1d9;
--color-btn-bg: #21262d; --color-btn-bg: #21262d;
--color-btn-border: #30363d; --color-btn-border: #30363d;
--color-btn-shadow: 0 0 transparent; --color-btn-shadow: 0 0 rgba(0, 0, 0, 0);
--color-btn-inset-shadow: 0 0 transparent; --color-btn-inset-shadow: 0 0 rgba(0, 0, 0, 0);
--color-btn-hover-bg: #30363d; --color-btn-hover-bg: #30363d;
--color-btn-hover-border: #8b949e; --color-btn-hover-border: #8b949e;
--color-btn-active-bg: #292e34;
--color-btn-active-border: #6e7681;
--color-btn-selected-bg: #161b22; --color-btn-selected-bg: #161b22;
--color-btn-focus-bg: #21262d; --color-btn-focus-bg: #21262d;
--color-btn-focus-border: #8b949e; --color-btn-focus-border: #8b949e;
--color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3); --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-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-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);
--color-btn-primary-text: #fff; --color-btn-primary-text: #ffffff;
--color-btn-primary-bg: #238636; --color-btn-primary-bg: #238636;
--color-btn-primary-border: #2ea043; --color-btn-primary-border: #2ea043;
--color-btn-primary-shadow: 0 0 transparent; --color-btn-primary-shadow: 0 0 rgba(0, 0, 0, 0);
--color-btn-primary-inset-shadow: 0 0 transparent; --color-btn-primary-inset-shadow: 0 0 rgba(0, 0, 0, 0);
--color-btn-primary-hover-bg: #2ea043; --color-btn-primary-hover-bg: #2ea043;
--color-btn-primary-hover-border: #3fb950; --color-btn-primary-hover-border: #3fb950;
--color-btn-primary-selected-bg: #238636; --color-btn-primary-selected-bg: #238636;
--color-btn-primary-selected-shadow: 0 0 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-text: rgba(240, 246, 252, 0.5);
--color-btn-primary-disabled-bg: rgba(35, 134, 54, 0.6); --color-btn-primary-disabled-bg: rgba(35, 134, 54, 0.6);
--color-btn-primary-disabled-border: transparent; --color-btn-primary-disabled-border: rgba(0, 0, 0, 0);
--color-btn-primary-focus-bg: #238636; --color-btn-primary-focus-bg: #238636;
--color-btn-primary-focus-border: #3fb950; --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);
@@ -303,7 +305,7 @@
--color-btn-outline-selected-text: #f0f6fc; --color-btn-outline-selected-text: #f0f6fc;
--color-btn-outline-selected-bg: #0d419d; --color-btn-outline-selected-bg: #0d419d;
--color-btn-outline-selected-border: rgba(240, 246, 252, 0.1); --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);
--color-btn-outline-selected-shadow: 0 0 transparent; --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-text: rgba(88, 166, 255, 0.5);
--color-btn-outline-disabled-bg: #0d1117; --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);
@@ -311,28 +313,31 @@
--color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4); --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-counter-bg: rgba(31, 111, 235, 0.1);
--color-btn-danger-text: #f85149; --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-bg: #da3633;
--color-btn-danger-hover-border: #f85149; --color-btn-danger-hover-border: #f85149;
--color-btn-danger-hover-shadow: 0 0 transparent; --color-btn-danger-hover-shadow: 0 0 rgba(0, 0, 0, 0);
--color-btn-danger-hover-inset-shadow: 0 0 transparent; --color-btn-danger-hover-inset-shadow: 0 0 rgba(0, 0, 0, 0);
--color-btn-danger-hover-counter-bg: hsla(0,0%,100%,0.2); --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2);
--color-btn-danger-selected-text: #fff; --color-btn-danger-selected-text: #ffffff;
--color-btn-danger-selected-bg: #b62324; --color-btn-danger-selected-bg: #b62324;
--color-btn-danger-selected-border: rgba(240, 246, 252, 0.1); --color-btn-danger-selected-border: rgba(240, 246, 252, 0.1);
--color-btn-danger-selected-shadow: 0 0 transparent; --color-btn-danger-selected-shadow: 0 0 rgba(0, 0, 0, 0);
--color-btn-danger-disabled-text: #f85149; --color-btn-danger-disabled-text: rgba(248, 81, 73, 0.5);
--color-btn-danger-disabled-bg: #0d1117; --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-border: #f85149;
--color-btn-danger-focus-shadow: 0 0 0 3px rgba(182, 35, 36, 0.4); --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-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-btn-counter-bg: #30363d;
--color-counter-text: #c9d1d9; --color-counter-text: #c9d1d9;
--color-counter-bg: #30363d; --color-counter-bg: #30363d;
--color-counter-primary-text: #c9d1d9; --color-counter-primary-text: #c9d1d9;
--color-counter-primary-bg: #6e7681; --color-counter-primary-bg: #6e7681;
--color-counter-secondary-text: #8b949e; --color-counter-secondary-text: #8b949e;
--color-counter-secondary-bg: rgba(139, 148, 158, 0.2);
--color-dropdown-shadow: 0 16px 32px rgba(1, 4, 9, 0.85); --color-dropdown-shadow: 0 16px 32px rgba(1, 4, 9, 0.85);
--color-label-border: #30363d; --color-label-border: #30363d;
--color-label-primary-text: #b1bac4; --color-label-primary-text: #b1bac4;
@@ -350,9 +355,9 @@
--color-label-orange-text: #db6d28; --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-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-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-bg: #161b22;
--color-input-disabled-border: #30363d; --color-input-disabled-border: #30363d;
--color-input-warning-border: #d29922; --color-input-warning-border: #d29922;
@@ -366,40 +371,41 @@
--color-input-tooltip-error-text: #ff7b72; --color-input-tooltip-error-text: #ff7b72;
--color-input-tooltip-error-bg: #25171c; --color-input-tooltip-error-bg: #25171c;
--color-input-tooltip-error-border: #792e2e; --color-input-tooltip-error-border: #792e2e;
--color-avatar-bg: #f0f6fc; --color-avatar-bg: rgba(240, 246, 252, 0.1);
--color-avatar-border: rgba(240, 246, 252, 0.1); --color-avatar-border: rgba(240, 246, 252, 0.1);
--color-avatar-stack-fade: #30363d; --color-avatar-stack-fade: #30363d;
--color-avatar-stack-fade-more: #21262d; --color-avatar-stack-fade-more: #21262d;
--color-avatar-child-shadow: -2px -2px 0 #0d1117; --color-avatar-child-shadow: -2px -2px 0 #0d1117;
--color-toast-text: #79c0ff; --color-toast-text: #c9d1d9;
--color-toast-bg: #010409; --color-toast-bg: #30363d;
--color-toast-border: #214981; --color-toast-border: #6e7681;
--color-toast-shadow: 0 8px 24px #010409; --color-toast-shadow: 0 8px 24px #010409;
--color-toast-icon: #79c0ff; --color-toast-icon: #f0f6fc;
--color-toast-icon-bg: #121d2e; --color-toast-icon-bg: #1f6feb;
--color-toast-icon-border: #214981; --color-toast-icon-border: #388bfd;
--color-toast-success-text: #56d364; --color-toast-success-text: #c9d1d9;
--color-toast-success-border: #1c532c; --color-toast-success-border: #6e7681;
--color-toast-success-icon: #56d364; --color-toast-success-icon: #f0f6fc;
--color-toast-success-icon-bg: #111f1c; --color-toast-success-icon-bg: #2ea043;
--color-toast-success-icon-border: #1c532c; --color-toast-success-icon-border: #3fb950;
--color-toast-warning-text: #e3b341; --color-toast-warning-text: #c9d1d9;
--color-toast-warning-border: #5e4411; --color-toast-warning-border: #6e7681;
--color-toast-warning-icon: #e3b341; --color-toast-warning-icon: #f0f6fc;
--color-toast-warning-icon-bg: #1f1c16; --color-toast-warning-icon-bg: #bb8009;
--color-toast-warning-icon-border: #5e4411; --color-toast-warning-icon-border: #d29922;
--color-toast-danger-text: #ff7b72; --color-toast-danger-text: #c9d1d9;
--color-toast-danger-border: #792e2e; --color-toast-danger-border: #6e7681;
--color-toast-danger-icon: #ff7b72; --color-toast-danger-icon: #f0f6fc;
--color-toast-danger-icon-bg: #25171c; --color-toast-danger-icon-bg: #da3633;
--color-toast-danger-icon-border: #792e2e; --color-toast-danger-icon-border: #f85149;
--color-toast-loading-text: #c9d1d9; --color-toast-loading-text: #c9d1d9;
--color-toast-loading-border: #30363d; --color-toast-loading-border: #6e7681;
--color-toast-loading-icon: #f0f6fc; --color-toast-loading-icon: #f0f6fc;
--color-toast-loading-icon-bg: #30363d; --color-toast-loading-icon-bg: #6e7681;
--color-toast-loading-icon-border: #30363d; --color-toast-loading-icon-border: #8b949e;
--color-timeline-text: #b1bac4; --color-timeline-text: #b1bac4;
--color-timeline-badge-bg: #0d1117; --color-timeline-badge-bg: #0d1117;
--color-timeline-badge-success-border: #2ea043;
--color-timeline-target-badge-border: #1f6feb; --color-timeline-target-badge-border: #1f6feb;
--color-timeline-target-badge-shadow: #0d419d; --color-timeline-target-badge-shadow: #0d419d;
--color-select-menu-border-secondary: #30363d; --color-select-menu-border-secondary: #30363d;
@@ -453,12 +459,13 @@
--color-underlinenav-icon-hover: #c9d1d9; --color-underlinenav-icon-hover: #c9d1d9;
--color-underlinenav-icon-active: #c9d1d9; --color-underlinenav-icon-active: #c9d1d9;
--color-underlinenav-counter-text: #8b949e; --color-underlinenav-counter-text: #8b949e;
--color-underlinenav-counter-bg: rgba(139, 148, 158, 0.2);
--color-verified-badge-text: #3fb950; --color-verified-badge-text: #3fb950;
--color-verified-badge-bg: rgba(63, 185, 80, 0.1); --color-verified-badge-bg: rgba(63, 185, 80, 0.1);
--color-verified-badge-border: rgba(63, 185, 80, 0.4); --color-verified-badge-border: rgba(63, 185, 80, 0.4);
--color-social-count-bg: #21262d; --color-social-count-bg: #21262d;
--color-tooltip-text: #f0f6fc; --color-tooltip-text: #f0f6fc;
--color-tooltip-bg: #21262d; --color-tooltip-bg: #6e7681;
--color-header-search-bg: #0d1117; --color-header-search-bg: #0d1117;
--color-header-search-border: #21262d; --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);
@@ -468,6 +475,58 @@
--color-diffstat-deletion-border: #f85149; --color-diffstat-deletion-border: #f85149;
--color-diffstat-addition-bg: #238636; --color-diffstat-addition-bg: #238636;
--color-diffstat-addition-border: #2ea043; --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-files-explorer-icon: #6e7681;
--color-hl-author-bg: #051d4d; --color-hl-author-bg: #051d4d;
--color-hl-author-border: #0d419d; --color-hl-author-border: #0d419d;
@@ -477,13 +536,15 @@
--color-actions-workflow-table-sticky-bg: rgba(13, 17, 23, 0.95); --color-actions-workflow-table-sticky-bg: rgba(13, 17, 23, 0.95);
--color-repo-language-color-border: rgba(240, 246, 252, 0.2); --color-repo-language-color-border: rgba(240, 246, 252, 0.2);
--color-code-selection-bg: rgba(121, 192, 255, 0.3); --color-code-selection-bg: rgba(121, 192, 255, 0.3);
--color-blob-line-highlight-bg: rgba(187,128,9,0.1); --color-highlight-text: #ffd467;
--color-blob-line-highlight-border: #bb8009; --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-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-addition-border: #196c2e;
--color-diff-deletion-text: #f85149; --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-deletion-border: #b62324;
--color-diff-change-text: #e3b341; --color-diff-change-text: #e3b341;
--color-diff-change-bg: #341a00; --color-diff-change-bg: #341a00;
@@ -492,14 +553,14 @@
--color-diff-blob-num-hover-text: rgba(240, 246, 252, 0.6); --color-diff-blob-num-hover-text: rgba(240, 246, 252, 0.6);
--color-diff-blob-addition-num-text: #3fb950; --color-diff-blob-addition-num-text: #3fb950;
--color-diff-blob-addition-num-hover-text: #7ee787; --color-diff-blob-addition-num-hover-text: #7ee787;
--color-diff-blob-addition-num-bg: rgba(35,134,54,0.05); --color-diff-blob-addition-num-bg: rgba(46, 160, 67, 0.1);
--color-diff-blob-addition-line-bg: rgba(35,134,54,0.15); --color-diff-blob-addition-line-bg: rgba(46, 160, 67, 0.2);
--color-diff-blob-addition-word-bg: rgba(35,134,54,0.3); --color-diff-blob-addition-word-bg: rgba(46, 160, 67, 0.55);
--color-diff-blob-deletion-num-text: #f85149; --color-diff-blob-deletion-num-text: #f85149;
--color-diff-blob-deletion-num-hover-text: #ffa198; --color-diff-blob-deletion-num-hover-text: #ffa198;
--color-diff-blob-deletion-num-bg: rgba(218,54,51,0.05); --color-diff-blob-deletion-num-bg: rgba(218, 54, 51, 0.1);
--color-diff-blob-deletion-line-bg: rgba(218,54,51,0.15); --color-diff-blob-deletion-line-bg: rgba(218, 54, 51, 0.2);
--color-diff-blob-deletion-word-bg: rgba(218,54,51,0.3); --color-diff-blob-deletion-word-bg: rgba(218, 54, 51, 0.5);
--color-diff-blob-hunk-text: #8b949e; --color-diff-blob-hunk-text: #8b949e;
--color-diff-blob-hunk-num-bg: rgba(88, 166, 255, 0.15); --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-line-bg: rgba(88, 166, 255, 0.1);
@@ -523,14 +584,14 @@
--color-global-nav-input-placeholder: #484f58; --color-global-nav-input-placeholder: #484f58;
--color-calendar-graph-day-bg: #161b22; --color-calendar-graph-day-bg: #161b22;
--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: #01311f; --color-calendar-graph-day-L1-bg: #0e4429;
--color-calendar-graph-day-L2-bg: #034525; --color-calendar-graph-day-L2-bg: #006d32;
--color-calendar-graph-day-L3-bg: #0f6d31; --color-calendar-graph-day-L3-bg: #26a641;
--color-calendar-graph-day-L4-bg: #00c647; --color-calendar-graph-day-L4-bg: #39d353;
--color-calendar-graph-day-L4-border: rgba(27,31,35,0.06); --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
--color-calendar-graph-day-L3-border: rgba(27,31,35,0.06); --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
--color-calendar-graph-day-L2-border: rgba(27,31,35,0.06); --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
--color-calendar-graph-day-L1-border: rgba(27,31,35,0.06); --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
--color-footer-invertocat-octicon: #30363d; --color-footer-invertocat-octicon: #30363d;
--color-footer-invertocat-octicon-hover: #6e7681; --color-footer-invertocat-octicon-hover: #6e7681;
--color-pr-state-draft-text: #8b949e; --color-pr-state-draft-text: #8b949e;
@@ -578,6 +639,61 @@
--color-project-sidebar-bg: #161b22; --color-project-sidebar-bg: #161b22;
--color-project-gradient-in: #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-primary: #79c0ff;
--color-marketing-icon-secondary: #1f6feb; --color-marketing-icon-secondary: #1f6feb;
--color-prettylights-syntax-comment: #8b949e; --color-prettylights-syntax-comment: #8b949e;
@@ -650,7 +766,7 @@
:root { :root {
--color-scale-black: #1b1f23; --color-scale-black: #1b1f23;
--color-scale-white: #fff; --color-scale-white: #ffffff;
--color-scale-gray-0: #fafbfc; --color-scale-gray-0: #fafbfc;
--color-scale-gray-1: #f6f8fa; --color-scale-gray-1: #f6f8fa;
--color-scale-gray-2: #e1e4e8; --color-scale-gray-2: #e1e4e8;
@@ -732,7 +848,7 @@
--color-scale-pink-8: #99306f; --color-scale-pink-8: #99306f;
--color-scale-pink-9: #6d224f; --color-scale-pink-9: #6d224f;
--color-auto-black: #1b1f23; --color-auto-black: #1b1f23;
--color-auto-white: #fff; --color-auto-white: #ffffff;
--color-auto-gray-0: #fafbfc; --color-auto-gray-0: #fafbfc;
--color-auto-gray-1: #f6f8fa; --color-auto-gray-1: #f6f8fa;
--color-auto-gray-2: #e1e4e8; --color-auto-gray-2: #e1e4e8;
@@ -817,13 +933,13 @@
--color-text-secondary: #586069; --color-text-secondary: #586069;
--color-text-tertiary: #6a737d; --color-text-tertiary: #6a737d;
--color-text-placeholder: #6a737d; --color-text-placeholder: #6a737d;
--color-text-disabled: #6a737d; --color-text-disabled: #959da5;
--color-text-inverse: #fff; --color-text-inverse: #ffffff;
--color-text-link: #0366d6; --color-text-link: #0366d6;
--color-text-danger: #cb2431; --color-text-danger: #cb2431;
--color-text-success: #22863a; --color-text-success: #22863a;
--color-text-warning: #b08800; --color-text-warning: #b08800;
--color-text-white: #fff; --color-text-white: #ffffff;
--color-icon-primary: #24292e; --color-icon-primary: #24292e;
--color-icon-secondary: #586069; --color-icon-secondary: #586069;
--color-icon-tertiary: #959da5; --color-icon-tertiary: #959da5;
@@ -835,19 +951,19 @@
--color-border-secondary: #eaecef; --color-border-secondary: #eaecef;
--color-border-tertiary: #d1d5da; --color-border-tertiary: #d1d5da;
--color-border-overlay: #e1e4e8; --color-border-overlay: #e1e4e8;
--color-border-inverse: #fff; --color-border-inverse: #ffffff;
--color-border-info: #0366d6; --color-border-info: #0366d6;
--color-border-danger: #d73a49; --color-border-danger: #d73a49;
--color-border-success: #34d058; --color-border-success: #34d058;
--color-border-warning: #f9c513; --color-border-warning: #f9c513;
--color-bg-canvas: #fff; --color-bg-canvas: #ffffff;
--color-bg-canvas-mobile: #fff; --color-bg-canvas-mobile: #ffffff;
--color-bg-canvas-inverse: #24292e; --color-bg-canvas-inverse: #24292e;
--color-bg-canvas-inset: #f6f8fa; --color-bg-canvas-inset: #f6f8fa;
--color-bg-primary: #fff; --color-bg-primary: #ffffff;
--color-bg-secondary: #fafbfc; --color-bg-secondary: #fafbfc;
--color-bg-tertiary: #f6f8fa; --color-bg-tertiary: #f6f8fa;
--color-bg-overlay: #fff; --color-bg-overlay: #ffffff;
--color-bg-backdrop: rgba(27, 31, 35, 0.5); --color-bg-backdrop: rgba(27, 31, 35, 0.5);
--color-bg-info: #f1f8ff; --color-bg-info: #f1f8ff;
--color-bg-info-inverse: #0366d6; --color-bg-info-inverse: #0366d6;
@@ -861,18 +977,18 @@
--color-shadow-medium: 0 3px 6px rgba(149, 157, 165, 0.15); --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-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-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-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-shadow-inset: inset 0 1px 0 rgba(225, 228, 232, 0.2);
--color-state-hover-primary-bg: #0366d6; --color-state-hover-primary-bg: #0366d6;
--color-state-hover-primary-border: #0366d6; --color-state-hover-primary-border: #0366d6;
--color-state-hover-primary-text: #fff; --color-state-hover-primary-text: #ffffff;
--color-state-hover-primary-icon: #fff; --color-state-hover-primary-icon: #ffffff;
--color-state-hover-secondary-bg: #f6f8fa; --color-state-hover-secondary-bg: #f6f8fa;
--color-state-hover-secondary-border: #f6f8fa; --color-state-hover-secondary-border: #f6f8fa;
--color-state-selected-primary-bg: #0366d6; --color-state-selected-primary-bg: #0366d6;
--color-state-selected-primary-border: #0366d6; --color-state-selected-primary-border: #0366d6;
--color-state-selected-primary-text: #fff; --color-state-selected-primary-text: #ffffff;
--color-state-selected-primary-icon: #fff; --color-state-selected-primary-icon: #ffffff;
--color-state-focus-border: #0366d6; --color-state-focus-border: #0366d6;
--color-state-focus-shadow: 0 0 0 3px rgba(3, 102, 214, 0.3); --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-10: rgba(27, 31, 35, 0.1);
@@ -887,12 +1003,12 @@
--color-fade-black-50: rgba(27, 31, 35, 0.5); --color-fade-black-50: rgba(27, 31, 35, 0.5);
--color-fade-black-70: rgba(27, 31, 35, 0.7); --color-fade-black-70: rgba(27, 31, 35, 0.7);
--color-fade-black-85: rgba(27, 31, 35, 0.85); --color-fade-black-85: rgba(27, 31, 35, 0.85);
--color-fade-white-10: hsla(0,0%,100%,0.1); --color-fade-white-10: rgba(255, 255, 255, 0.1);
--color-fade-white-15: hsla(0,0%,100%,0.15); --color-fade-white-15: rgba(255, 255, 255, 0.15);
--color-fade-white-30: hsla(0,0%,100%,0.3); --color-fade-white-30: rgba(255, 255, 255, 0.3);
--color-fade-white-50: hsla(0,0%,100%,0.5); --color-fade-white-50: rgba(255, 255, 255, 0.5);
--color-fade-white-70: hsla(0,0%,100%,0.7); --color-fade-white-70: rgba(255, 255, 255, 0.7);
--color-fade-white-85: hsla(0,0%,100%,0.85); --color-fade-white-85: rgba(255, 255, 255, 0.85);
--color-alert-info-text: #24292e; --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-bg: #dbedff;
@@ -916,40 +1032,42 @@
--color-btn-bg: #fafbfc; --color-btn-bg: #fafbfc;
--color-btn-border: rgba(27, 31, 35, 0.15); --color-btn-border: rgba(27, 31, 35, 0.15);
--color-btn-shadow: 0 1px 0 rgba(27, 31, 35, 0.04); --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-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
--color-btn-hover-bg: #f3f4f6; --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-selected-bg: #edeff2;
--color-btn-focus-bg: #fafbfc; --color-btn-focus-bg: #fafbfc;
--color-btn-focus-border: rgba(27, 31, 35, 0.15); --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-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-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-shadow-input-focus: 0 0 0 0.2em rgba(3, 102, 214, 0.3);
--color-btn-primary-text: #fff; --color-btn-primary-text: #ffffff;
--color-btn-primary-bg: #2ea44f; --color-btn-primary-bg: #2ea44f;
--color-btn-primary-border: rgba(27, 31, 35, 0.15); --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-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-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
--color-btn-primary-hover-bg: #2c974b; --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-bg: #2a8f47;
--color-btn-primary-selected-shadow: inset 0 1px 0 rgba(20, 70, 32, 0.2); --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-disabled-text: rgba(255, 255, 255, 0.8);
--color-btn-primary-disabled-bg: #94d3a2; --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-bg: #2ea44f;
--color-btn-primary-focus-border: rgba(27, 31, 35, 0.15); --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-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-icon: rgba(255, 255, 255, 0.8);
--color-btn-primary-counter-bg: hsla(0,0%,100%,0.2); --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);
--color-btn-outline-text: #0366d6; --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-bg: #0366d6;
--color-btn-outline-hover-border: rgba(27, 31, 35, 0.15); --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-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-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
--color-btn-outline-hover-counter-bg: hsla(0,0%,100%,0.2); --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);
--color-btn-outline-selected-text: #fff; --color-btn-outline-selected-text: #ffffff;
--color-btn-outline-selected-bg: #035fc7; --color-btn-outline-selected-bg: #035fc7;
--color-btn-outline-selected-border: rgba(27, 31, 35, 0.15); --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-selected-shadow: inset 0 1px 0 rgba(5, 38, 76, 0.2);
@@ -960,13 +1078,13 @@
--color-btn-outline-focus-shadow: 0 0 0 3px rgba(0, 92, 197, 0.4); --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-counter-bg: rgba(3, 102, 214, 0.1);
--color-btn-danger-text: #d73a49; --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-bg: #cb2431;
--color-btn-danger-hover-border: rgba(27, 31, 35, 0.15); --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-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-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
--color-btn-danger-hover-counter-bg: hsla(0,0%,100%,0.2); --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2);
--color-btn-danger-selected-text: #fff; --color-btn-danger-selected-text: #ffffff;
--color-btn-danger-selected-bg: #d42d3d; --color-btn-danger-selected-bg: #d42d3d;
--color-btn-danger-selected-border: rgba(27, 31, 35, 0.15); --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-selected-shadow: inset 0 1px 0 rgba(134, 24, 29, 0.2);
@@ -976,12 +1094,15 @@
--color-btn-danger-focus-border: rgba(27, 31, 35, 0.15); --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-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-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-btn-counter-bg: rgba(27, 31, 35, 0.08);
--color-counter-text: #24292e; --color-counter-text: #24292e;
--color-counter-bg: rgba(209, 213, 218, 0.5); --color-counter-bg: rgba(209, 213, 218, 0.5);
--color-counter-primary-text: #fff; --color-counter-primary-text: #ffffff;
--color-counter-primary-bg: #6a737d; --color-counter-primary-bg: #6a737d;
--color-counter-secondary-text: #6a737d; --color-counter-secondary-text: #6a737d;
--color-counter-secondary-bg: rgba(209, 213, 218, 0.5);
--color-dropdown-shadow: 0 8px 24px rgba(149, 157, 165, 0.2); --color-dropdown-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
--color-label-border: #e1e4e8; --color-label-border: #e1e4e8;
--color-label-primary-text: #24292e; --color-label-primary-text: #24292e;
@@ -998,11 +1119,11 @@
--color-label-danger-border: #cb2431; --color-label-danger-border: #cb2431;
--color-label-orange-text: #c24e00; --color-label-orange-text: #c24e00;
--color-label-orange-border: #f66a0a; --color-label-orange-border: #f66a0a;
--color-input-bg: #fff; --color-input-bg: #ffffff;
--color-input-contrast-bg: #fafbfc; --color-input-contrast-bg: #fafbfc;
--color-input-border: #e1e4e8; --color-input-border: #e1e4e8;
--color-input-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075); --color-input-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
--color-input-disabled-bg: #fff; --color-input-disabled-bg: #f6f8fa;
--color-input-disabled-border: #e1e4e8; --color-input-disabled-border: #e1e4e8;
--color-input-warning-border: #f9c513; --color-input-warning-border: #f9c513;
--color-input-error-border: #cb2431; --color-input-error-border: #cb2431;
@@ -1015,46 +1136,47 @@
--color-input-tooltip-error-text: #86181d; --color-input-tooltip-error-text: #86181d;
--color-input-tooltip-error-bg: #ffeef0; --color-input-tooltip-error-bg: #ffeef0;
--color-input-tooltip-error-border: #f97583; --color-input-tooltip-error-border: #f97583;
--color-avatar-bg: #fff; --color-avatar-bg: #ffffff;
--color-avatar-border: transparent; --color-avatar-border: rgba(0, 0, 0, 0);
--color-avatar-stack-fade: #d1d5da; --color-avatar-stack-fade: #d1d5da;
--color-avatar-stack-fade-more: #e1e4e8; --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-text: #24292e;
--color-toast-bg: #fff; --color-toast-bg: #ffffff;
--color-toast-border: #e1e4e8; --color-toast-border: #e1e4e8;
--color-toast-shadow: 0 8px 24px rgba(149, 157, 165, 0.2); --color-toast-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
--color-toast-icon: #fff; --color-toast-icon: #ffffff;
--color-toast-icon-bg: #0366d6; --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-text: #24292e;
--color-toast-success-border: #e1e4e8; --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-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-text: #24292e;
--color-toast-warning-border: #e1e4e8; --color-toast-warning-border: #e1e4e8;
--color-toast-warning-icon: #24292e; --color-toast-warning-icon: #24292e;
--color-toast-warning-icon-bg: #ffd33d; --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-text: #24292e;
--color-toast-danger-border: #e1e4e8; --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-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-text: #24292e;
--color-toast-loading-border: #e1e4e8; --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-bg: #586069;
--color-toast-loading-icon-border: transparent; --color-toast-loading-icon-border: rgba(0, 0, 0, 0);
--color-timeline-text: #444d56; --color-timeline-text: #444d56;
--color-timeline-badge-bg: #e1e4e8; --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-border: #2188ff;
--color-timeline-target-badge-shadow: #c8e1ff; --color-timeline-target-badge-shadow: #c8e1ff;
--color-select-menu-border-secondary: #eaecef; --color-select-menu-border-secondary: #eaecef;
--color-select-menu-shadow: 0 0 18px rgba(27, 31, 35, 0.4); --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-bg: rgba(27, 31, 35, 0.5);
--color-select-menu-backdrop-border: transparent; --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-highlight: rgba(209, 213, 218, 0.5);
--color-select-menu-tap-focus-bg: #dbedff; --color-select-menu-tap-focus-bg: #dbedff;
--color-box-blue-border: #c8e1ff; --color-box-blue-border: #c8e1ff;
@@ -1066,7 +1188,7 @@
--color-box-bg-info: #f1f8ff; --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-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-icon: #a8bbd0;
--color-branch-name-bg: #eaf5ff; --color-branch-name-bg: #eaf5ff;
--color-branch-name-link-text: #0366d6; --color-branch-name-link-text: #0366d6;
@@ -1079,12 +1201,12 @@
--color-markdown-table-tr-border: #c6cbd1; --color-markdown-table-tr-border: #c6cbd1;
--color-menu-heading-text: #24292e; --color-menu-heading-text: #24292e;
--color-menu-border-active: #f9826c; --color-menu-border-active: #f9826c;
--color-menu-bg-active: transparent; --color-menu-bg-active: rgba(0, 0, 0, 0);
--color-sidenav-selected-bg: #fff; --color-sidenav-selected-bg: #ffffff;
--color-sidenav-border-active: #f9826c; --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-bg: #24292e;
--color-header-logo: #fff; --color-header-logo: #ffffff;
--color-filter-item-bar-bg: #eff3f6; --color-filter-item-bar-bg: #eff3f6;
--color-hidden-text-expander-bg: #dfe2e5; --color-hidden-text-expander-bg: #dfe2e5;
--color-hidden-text-expander-bg-hover: #c6cbd1; --color-hidden-text-expander-bg-hover: #c6cbd1;
@@ -1102,11 +1224,12 @@
--color-underlinenav-icon-hover: #959da5; --color-underlinenav-icon-hover: #959da5;
--color-underlinenav-icon-active: #24292e; --color-underlinenav-icon-active: #24292e;
--color-underlinenav-counter-text: #24292e; --color-underlinenav-counter-text: #24292e;
--color-underlinenav-counter-bg: rgba(209, 213, 218, 0.5);
--color-verified-badge-text: #22863a; --color-verified-badge-text: #22863a;
--color-verified-badge-bg: #fff; --color-verified-badge-bg: #ffffff;
--color-verified-badge-border: #e1e4e8; --color-verified-badge-border: #e1e4e8;
--color-social-count-bg: #fff; --color-social-count-bg: #ffffff;
--color-tooltip-text: #fff; --color-tooltip-text: #ffffff;
--color-tooltip-bg: #24292e; --color-tooltip-bg: #24292e;
--color-header-search-bg: #24292e; --color-header-search-bg: #24292e;
--color-header-search-border: #444d56; --color-header-search-border: #444d56;
@@ -1117,17 +1240,71 @@
--color-diffstat-deletion-border: #d73a49; --color-diffstat-deletion-border: #d73a49;
--color-diffstat-addition-bg: #28a745; --color-diffstat-addition-bg: #28a745;
--color-diffstat-addition-border: #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-files-explorer-icon: #79b8ff;
--color-hl-author-bg: #f1f8ff; --color-hl-author-bg: #f1f8ff;
--color-hl-author-border: #c8e1ff; --color-hl-author-border: #c8e1ff;
--color-logo-subdued: #d1d5da; --color-logo-subdued: #d1d5da;
--color-discussion-border: #a2cbac; --color-discussion-border: #a2cbac;
--color-discussion-bg-success: #28a745; --color-discussion-bg-success: #28a745;
--color-actions-workflow-table-sticky-bg: hsla(0,0%,100%,0.95); --color-actions-workflow-table-sticky-bg: rgba(255, 255, 255, 0.95);
--color-repo-language-color-border: rgba(27, 31, 35, 0.1); --color-repo-language-color-border: rgba(27, 31, 35, 0.1);
--color-code-selection-bg: #c8e1ff; --color-code-selection-bg: #c8e1ff;
--color-highlight-text: #442c12;
--color-highlight-bg: #fff0bb;
--color-blob-line-highlight-bg: #fffbdd; --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-text: #22863a;
--color-diff-addition-bg: #e6ffed; --color-diff-addition-bg: #e6ffed;
--color-diff-addition-border: #34d058; --color-diff-addition-border: #34d058;
@@ -1157,15 +1334,15 @@
--color-diff-blob-selected-line-highlight-border: #ffd33d; --color-diff-blob-selected-line-highlight-border: #ffd33d;
--color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
--color-diff-blob-expander-icon: #586069; --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-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-bg: #0366d6;
--color-diff-blob-comment-button-gradient-bg: #0372ef; --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-bg: #24292e;
--color-global-nav-text: #fff; --color-global-nav-text: #ffffff;
--color-global-nav-icon: #fff; --color-global-nav-icon: #ffffff;
--color-global-nav-input-bg: #fafbfc; --color-global-nav-input-bg: #fafbfc;
--color-global-nav-input-border: #fafbfc; --color-global-nav-input-border: #fafbfc;
--color-global-nav-input-icon: #d1d5da; --color-global-nav-input-icon: #d1d5da;
@@ -1182,51 +1359,106 @@
--color-calendar-graph-day-L1-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: #d1d5da;
--color-footer-invertocat-octicon-hover: #6a737d; --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-bg: #6a737d;
--color-pr-state-draft-border: transparent; --color-pr-state-draft-border: rgba(0, 0, 0, 0);
--color-pr-state-open-text: #fff; --color-pr-state-open-text: #ffffff;
--color-pr-state-open-bg: #28a745; --color-pr-state-open-bg: #28a745;
--color-pr-state-open-border: transparent; --color-pr-state-open-border: rgba(0, 0, 0, 0);
--color-pr-state-merged-text: #fff; --color-pr-state-merged-text: #ffffff;
--color-pr-state-merged-bg: #6f42c1; --color-pr-state-merged-bg: #6f42c1;
--color-pr-state-merged-border: transparent; --color-pr-state-merged-border: rgba(0, 0, 0, 0);
--color-pr-state-closed-text: #fff; --color-pr-state-closed-text: #ffffff;
--color-pr-state-closed-bg: #d73a49; --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-text: #0366d6;
--color-topic-tag-bg: #f1f8ff; --color-topic-tag-bg: #f1f8ff;
--color-topic-tag-hover-bg: #def; --color-topic-tag-hover-bg: #ddeeff;
--color-topic-tag-active-bg: #e7f3ff; --color-topic-tag-active-bg: #e7f3ff;
--color-merge-box-success-icon-bg: #28a745; --color-merge-box-success-icon-bg: #28a745;
--color-merge-box-success-icon-text: #fff; --color-merge-box-success-icon-text: #ffffff;
--color-merge-box-success-icon-border: transparent; --color-merge-box-success-icon-border: rgba(0, 0, 0, 0);
--color-merge-box-success-indicator-bg: #28a745; --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-bg: #6f42c1;
--color-merge-box-merged-icon-text: #fff; --color-merge-box-merged-icon-text: #ffffff;
--color-merge-box-merged-icon-border: transparent; --color-merge-box-merged-icon-border: rgba(0, 0, 0, 0);
--color-merge-box-merged-box-border: #6f42c1; --color-merge-box-merged-box-border: #6f42c1;
--color-merge-box-neutral-icon-bg: #6a737d; --color-merge-box-neutral-icon-bg: #6a737d;
--color-merge-box-neutral-icon-text: #fff; --color-merge-box-neutral-icon-text: #ffffff;
--color-merge-box-neutral-icon-border: transparent; --color-merge-box-neutral-icon-border: rgba(0, 0, 0, 0);
--color-merge-box-neutral-indicator-bg: #6a737d; --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-bg: #dbab09;
--color-merge-box-warning-icon-text: #fff; --color-merge-box-warning-icon-text: #ffffff;
--color-merge-box-warning-icon-border: transparent; --color-merge-box-warning-icon-border: rgba(0, 0, 0, 0);
--color-merge-box-warning-box-border: #ffd33d; --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-bg: #d73a49;
--color-merge-box-error-icon-text: #fff; --color-merge-box-error-icon-text: #ffffff;
--color-merge-box-error-icon-border: transparent; --color-merge-box-error-icon-border: rgba(0, 0, 0, 0);
--color-merge-box-error-indicator-bg: #d73a49; --color-merge-box-error-indicator-bg: #d73a49;
--color-merge-box-error-indicator-border: transparent; --color-merge-box-error-indicator-border: rgba(0, 0, 0, 0);
--color-project-card-bg: #fff; --color-project-card-bg: #ffffff;
--color-project-header-bg: #24292e; --color-project-header-bg: #24292e;
--color-project-sidebar-bg: #fff; --color-project-sidebar-bg: #ffffff;
--color-project-gradient-in: #fff; --color-project-gradient-in: #ffffff;
--color-project-gradient-out: hsla(0,0%,100%,0); --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-primary: #2188ff;
--color-marketing-icon-secondary: #79b8ff; --color-marketing-icon-secondary: #79b8ff;
--color-prettylights-syntax-comment: #6a737d; --color-prettylights-syntax-comment: #6a737d;
@@ -1260,16 +1492,16 @@
--color-prettylights-syntax-sublimelinter-gutter-mark: #959da5; --color-prettylights-syntax-sublimelinter-gutter-mark: #959da5;
--color-prettylights-syntax-constant-other-reference-link: #032f62; --color-prettylights-syntax-constant-other-reference-link: #032f62;
--color-codemirror-text: #24292e; --color-codemirror-text: #24292e;
--color-codemirror-bg: #fff; --color-codemirror-bg: #ffffff;
--color-codemirror-gutters-bg: #fff; --color-codemirror-gutters-bg: #ffffff;
--color-codemirror-guttermarker-text: #fff; --color-codemirror-guttermarker-text: #ffffff;
--color-codemirror-guttermarker-subtle-text: #d1d5da; --color-codemirror-guttermarker-subtle-text: #d1d5da;
--color-codemirror-linenumber-text: #959da5; --color-codemirror-linenumber-text: #959da5;
--color-codemirror-cursor: #24292e; --color-codemirror-cursor: #24292e;
--color-codemirror-selection-bg: #c8e1ff; --color-codemirror-selection-bg: #c8e1ff;
--color-codemirror-activeline-bg: #fafbfc; --color-codemirror-activeline-bg: #fafbfc;
--color-codemirror-matchingbracket-text: #24292e; --color-codemirror-matchingbracket-text: #24292e;
--color-codemirror-lines-bg: #fff; --color-codemirror-lines-bg: #ffffff;
--color-codemirror-syntax-comment: #6a737d; --color-codemirror-syntax-comment: #6a737d;
--color-codemirror-syntax-constant: #005cc5; --color-codemirror-syntax-constant: #005cc5;
--color-codemirror-syntax-entity: #6f42c1; --color-codemirror-syntax-entity: #6f42c1;

20
source/templates/classic/partials/followup.ejs
View File

@@ -26,16 +26,16 @@
<rect x="0" y="0" width="220" height="8" fill="white" rx="5"/> <rect x="0" y="0" width="220" height="8" fill="white" rx="5"/>
</mask> </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.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="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="#d73a49"/> <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> </svg>
<div class="followup legend field horizontal fill-width"> <div class="followup legend field horizontal fill-width">
<div class="field center"> <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> <span class="no-wrap"><%= section.issues.open %> <small>open</small></span>
</div> </div>
<div class="field center"> <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> <span class="no-wrap"><%= section.issues.closed %> <small>closed</small></span>
</div> </div>
</div> </div>
@@ -47,21 +47,21 @@
<rect x="0" y="0" width="220" height="8" fill="white" rx="5"/> <rect x="0" y="0" width="220" height="8" fill="white" rx="5"/>
</mask> </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.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="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="#d73a49"/> <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="#6f42c1"/> <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> </svg>
<div class="followup legend field horizontal fill-width"> <div class="followup legend field horizontal fill-width">
<div class="field center"> <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> <span class="no-wrap"><%= section.pr.open %> <small>open</small></span>
</div> </div>
<div class="field center"> <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> <span class="no-wrap"><%= section.pr.closed %> <small>closed</small></span>
</div> </div>
<div class="field center"> <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> <span class="no-wrap"><%= section.pr.merged %> <small>merged</small></span>
</div> </div>
</div> </div>

4
source/templates/classic/partials/projects.ejs
View File

@@ -54,8 +54,8 @@
<mask id="project-bar"> <mask id="project-bar">
<rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/> <rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/>
</mask> </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="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="#6F42C1"/> <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"/> <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> </svg>
</div> </div>

20
source/templates/repository/partials/followup.ejs
View File

@@ -17,16 +17,16 @@
<rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/> <rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/>
</mask> </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.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="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="#d73a49"/> <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> </svg>
<div class="followup legend field horizontal fill-width"> <div class="followup legend field horizontal fill-width">
<div class="field center"> <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> <span class="no-wrap"><%= section.issues.open %> <small>open</small></span>
</div> </div>
<div class="field center"> <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> <span class="no-wrap"><%= section.issues.closed %> <small>closed</small></span>
</div> </div>
</div> </div>
@@ -50,21 +50,21 @@
<rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/> <rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/>
</mask> </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.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="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="#d73a49"/> <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="#6f42c1"/> <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> </svg>
<div class="followup legend field horizontal fill-width"> <div class="followup legend field horizontal fill-width">
<div class="field center"> <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> <span class="no-wrap"><%= section.pr.open %> <small>open</small></span>
</div> </div>
<div class="field center"> <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> <span class="no-wrap"><%= section.pr.closed %> <small>closed</small></span>
</div> </div>
<div class="field center"> <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> <span class="no-wrap"><%= section.pr.merged %> <small>merged</small></span>
</div> </div>
</div> </div>

4
source/templates/repository/partials/projects.ejs
View File

@@ -45,8 +45,8 @@
<mask id="project-bar"> <mask id="project-bar">
<rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/> <rect x="0" y="0" width="<%= width %>" height="8" fill="white" rx="5"/>
</mask> </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="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="#6F42C1"/> <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"/> <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> </svg>
</div> </div>