ZenHub by simon-guider

/* ==UserStyle==
@name           app.zenhub.com - 06/10/2023, 15:39:45
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://app.zenhub.com/"), url-prefix("https://github.com/guider-global/platform/") {
	
	
	
	
	
	
:root {
  --zh-animation-easing: cubic-bezier(0.25, 0.01, 0.25, 1);
  --zh-animation-time: 200ms;
  --zh-animation-aipowered-time: 7s;
  --zh-border-radius: 4px;
  --zh-box-shadow: 0 3px 12px rgba(27, 31, 35, 0.15);
  --zh-box-shadow-light: 0 1px 2px rgba(0, 0, 0, 0.06);
  --zh-box-shadow-medium: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --zh-box-shadow-heavy: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  --zh-box-shadow-extra-heavy: 0 2px 8px 0 rgba(0, 0, 0, 0.3);

  /* This line only works on the extension because it references a GitHub CSS variable */
  /* stylelint-disable-next-line custom-property-pattern */
  --zh-box-shadow-white: 0 0 4px 4px var(--color-bg-light);
  --zh-button-height-regular: 36px;
  --zh-button-height-short: 28px;
  --zh-button-height-tall: 40px;
  --zh-font-button-size: 14px;
  --zh-font-icon-size: 16px;
  --zh-font-icon-size-large: 28px;
  --zh-font-icon-image-size: 22px;
  --zh-font-size-base: 14px;
  --zh-font-size-touch-input: 16px;
  --zh-font-size-xhuge: 36px;
  --zh-font-size-huge: 32px;
  --zh-font-size-xxxlarge: 24px;
  --zh-font-size-xxlarge: 21px;
  --zh-font-size-xlarge: 18px;
  --zh-font-size-large: 15px;
  --zh-font-size-medium: 14px;
  --zh-font-size-small: 13px;
  --zh-font-size-xsmall: 12px;
  --zh-font-size-xxsmall: 10px;
  --zh-font-weight-extra-bold: 700; /* Pipeline Header weight */
  --zh-font-weight-bold: 600; /* GitHub font-weight */
  --zh-font-weight-semi: 500; /* Semi-bold */
  --zh-font-weight-medium: 400; /* Medium */
  --zh-font-weight-light: 300; /* Regular */
  --zh-gutter-xxxs: 0.125rem; /* 2px */
  --zh-gutter-xxs: 0.25rem; /* 4px */
  --zh-gutter-xs: 1.5rem; /* 6px */
  --zh-gutter-sm: 0.5rem; /* 8px */
  --zh-gutter-md: 0.625rem; /* 10px */
  --zh-gutter-ml: 0.938rem; /* 15px */
  --zh-gutter-lg: 1.25rem; /* 20px */
  --zh-gutter-xl: 2.5rem; /* 40px */
  --zh-gutter-xxl: 3.125rem; /* 50px */
  --zh-gutter-xxxl: 3.75rem; /* 50px */
  --zh-zIndex-issue-page-sticky-header: 10150; /* GH: Issue page - Sticky header */
  --zh-zIndex-tooltip--above-onboarding: 10100;
  --zh-zIndex-tooltip: 10050; /* ZH: Tooltip */
  --zh-zIndex-notice: 10000; /* ZH: Notice (toasts, tutorials) */
  --zh-zIndex-onboarding-base: 9050; /* ZH: Onboarding */
  --zh-zIndex-overlay: 9000; /* ZH: confirmation modal overlay */
  --zh-zIndex-repo-switcher: 8000; /* ZH: RepoSwitcher Menu */
  --zh-zIndex-date-range: 3000; /* ZH: DateRange */
  --zh-zIndex-epic: 2500; /* ZH: Epic Creator */
  --zh-zIndex-popup-fullscreen: 2250; /* ZH: SelectionListFullscreenDeprecated, MergeRepos */
  --zh-zIndex-board-popup: 2000; /* ZH: IssueViewer, MenuContainer, Modal, SelectionList */
  --zh-zIndex-tooltip--below-modal: 1950;
  --zh-zIndex-epic-issue-table: 1900; /* ZH: Epic Issue Table */
  --zh-zIndex-topbar: 1600; /* ZH: Topbar */
  --zh-zIndex-feature-alert: 1250; /* ZH: Feature alert */
  --zh-zIndex-issue-modal: 77; /* ZH: Issue modal - to allow GitHub's Issue Page dropdowns to show up on top */
  --zh-zIndex-board--fullscreen: 54; /* ZH: Board in fullscreen */
  --zh-page-max-width: 1280px;
  --zh-issue-flyover-max-width: 1120px;
  --zh-epic-list-on-board-width: 365px; /* ZH: EpicList on Board /*

  /* root level z-index variables */
  --zh-zIndex-repo-content: 1;
  --zh-zIndex-sidebar: 2;
  --zh-zIndex-repo-content--menu-open: 3;

  /*
   * Constrain report chart widths so they don't get cut off:
   * See https://github.com/ZenHubHQ/support-issues/issues/164
   */
  --zh-reports-page-width: 1080px;
}

	
	[data-scale="light"] {
    --zh-scale-white: #FFF;
    --zh-scale-grey-0: #FFF;
    --zh-scale-grey-10: #FAFAFA;
    --zh-scale-grey-20: #F4F4F5;
    --zh-scale-grey-30: #EAEAEB;
    --zh-scale-grey-40: #D4D4D6;
    --zh-scale-grey-50: #A9A9AD;
    --zh-scale-grey-60: #7E7F85;
    --zh-scale-grey-70: #53545C;
    --zh-scale-grey-80: #282933;
    --zh-scale-grey-90: #080A0D;
    --zh-scale-brand-blue-10: #EDEFFE;
    --zh-scale-brand-blue-20: #DADFFE;
    --zh-scale-brand-blue-30: #B5BFFD;
    --zh-scale-brand-blue-40: #90A0FB;
    --zh-scale-brand-blue-50: #6B80FA;
    --zh-scale-brand-blue-60: #4660F9;
    --zh-scale-brand-blue-70: #2A44DD;
    --zh-scale-brand-blue-80: #192C9F;
    --zh-scale-brand-blue-90: #0D1856;
    --zh-scale-brand-blue-100: #0E1332;
    --zh-scale-brand-aquamarine-10: #DEF3F7;
    --zh-scale-brand-aquamarine-20: #BDE8EF;
    --zh-scale-brand-aquamarine-30: #94DBE5;
    --zh-scale-brand-aquamarine-40: #6BD1DB;
    --zh-scale-brand-aquamarine-50: #44C7D1;
    --zh-scale-brand-aquamarine-60: #2DAEB8;
    --zh-scale-brand-aquamarine-70: #238690;
    --zh-scale-brand-aquamarine-80: #195E67;
    --zh-scale-brand-aquamarine-90: #0F363E;
    --zh-scale-brand-aquamarine-100: #081921;
    --zh-scale-green-10: #E7FFF8;
    --zh-scale-green-20: #C2FBE9;
    --zh-scale-green-30: #84EDCD;
    --zh-scale-green-40: #51E1B5;
    --zh-scale-green-50: #00BE84;
    --zh-scale-green-60: #0EA97A;
    --zh-scale-green-70: #158966;
    --zh-scale-green-80: #0E6E51;
    --zh-scale-green-90: #034631;
    --zh-scale-green-100: #032C1F;
    --zh-scale-red-10: #FDF5F5;
    --zh-scale-red-20: #FFD3D3;
    --zh-scale-red-30: #FFA8A8;
    --zh-scale-red-40: #F66;
    --zh-scale-red-50: #F42D2D;
    --zh-scale-red-60: #D81919;
    --zh-scale-red-70: #B50000;
    --zh-scale-red-80: #8F0D0D;
    --zh-scale-red-90: #610909;
    --zh-scale-red-100: #360505;
    --zh-scale-yellow-10: #FFF9E6;
    --zh-scale-yellow-20: #FFF3CC;
    --zh-scale-yellow-30: #FFE899;
    --zh-scale-yellow-40: #FFDC67;
    --zh-scale-yellow-50: #FFD134;
    --zh-scale-yellow-60: #C38711;
    --zh-scale-yellow-70: #946113;
    --zh-scale-yellow-80: #7A520D;
    --zh-scale-yellow-90: #5A3806;
    --zh-scale-yellow-100: #352308;
    --zh-scale-purple-10: #F7F3FF;
    --zh-scale-purple-20: #EFE8FE;
    --zh-scale-purple-30: #DFD0FE;
    --zh-scale-purple-40: #CFB9FD;
    --zh-scale-purple-50: #AF8AFC;
    --zh-scale-purple-60: #9E7CE3;
    --zh-scale-purple-70: #8C6ECA;
    --zh-scale-purple-80: #6E4FAF;
    --zh-scale-purple-90: #452D74;
    --zh-scale-purple-100: #2D1877;
    --zh-scale-light-blue-10: #EAF9FF;
    --zh-scale-light-blue-20: #D6F3FF;
    --zh-scale-light-blue-30: #ADE6FF;
    --zh-scale-light-blue-40: #83DAFE;
    --zh-scale-light-blue-50: #31C1FE;
    --zh-scale-light-blue-60: #279ACB;
    --zh-scale-light-blue-70: #1D7498;
    --zh-scale-light-blue-80: #055477;
    --zh-scale-light-blue-90: #06394F;
    --zh-scale-light-blue-100: #031C26;
    --zh-scale-light-purple-10: #F7F3FF;
    --zh-scale-light-purple-20: #FBF3FE;
    --zh-scale-light-purple-30: #F8E5FF;
    --zh-scale-light-purple-40: #83DAFE;
    --zh-scale-light-purple-50: #E9C4F8;
    --zh-scale-light-purple-60: #D9A1EE;
    --zh-scale-light-purple-70: #C67DE3;
    --zh-scale-light-purple-80: #9047AD;
    --zh-scale-light-purple-90: #672582;
    --zh-scale-light-purple-100: #410E55;
    --zh-scale-navy-blue-10: #F5F9FF;
    --zh-scale-navy-blue-20: #E6F0FF;
    --zh-scale-navy-blue-30: #DEEBFF;
    --zh-scale-navy-blue-40: #C6DCFF;
    --zh-scale-navy-blue-50: #99C2FF;
    --zh-scale-navy-blue-60: #79A8EF;
    --zh-scale-navy-blue-70: #588AE6;
    --zh-scale-navy-blue-80: #386AC6;
    --zh-scale-navy-blue-90: #1A486B;
    --zh-scale-navy-blue-100: #0E2C42;
    --zh-scale-ai-light-blue: #44C7D1;
    --zh-scale-gh-green: #28A745;
    --zh-scale-gh-red: #D73A49;
    --zh-scale-gh-purple: #6F42C1;
    --zh-scale-gh-yellow: #DBAB09;
    --zh-scale-gh-draft: #6A737D;
}
	
	
/* stylelint-disable color-no-hex */
:global([data-theme="day"]) {
  /* NEED TO KEEP AS IS */
  --zh-color-grey-light: black; /* FOR BORDERS */

  /* BACKGROUND */
  --zh-theme-color-bg-light-brand: var(--zh-scale-brand-blue-10);
  --zh-theme-color-bg-brand: var(--zh-scale-brand-blue-50);
  --zh-theme-color-bg-dark-brand: var(--zh-scale-brand-blue-100);
  --zh-theme-color-bg-light: var(--zh-scale-grey-0);
  --zh-theme-color-bg-primary: var(--zh-scale-grey-10);
  --zh-theme-color-bg-20: var(--zh-scale-grey-20);
  --zh-theme-color-bg-30: var(--zh-scale-grey-30);
  --zh-theme-color-bg-40: var(--zh-scale-grey-40);
  --zh-theme-color-disabled-bg: var(--zh-scale-grey-30);
  --zh-theme-color-skeleton-fill: var(--zh-scale-grey-30);
  --zh-theme-color-dnd-blocked-bg: var(--zh-scale-red-20);

  /* BORDERS */
  --zh-theme-color-border: var(--zh-scale-grey-30);
  --zh-theme-color-border-brand: var(--zh-scale-brand-blue-40);

  /* TEXT */
  --zh-theme-color-text-primary: var(--zh-scale-grey-80);
  --zh-theme-color-text-secondary: var(--zh-scale-grey-70);
  --zh-theme-color-text-tertiary: var(--zh-scale-grey-60);
  --zh-theme-color-text-placeholder: var(--zh-scale-grey-60);
  --zh-theme-color-text-disabled: var(--zh-scale-grey-50);
  --zh-theme-color-text-inverse: var(--zh-scale-grey-0);
  --zh-theme-color-text-brand: var(--zh-scale-brand-blue-60);
  --zh-theme-color-text-risk: var(--zh-scale-yellow-60);
  --zh-theme-color-text-danger: var(--zh-scale-red-70);
  --zh-theme-color-text-success: var(--zh-scale-green-70);

  /* COLOR PRIMARIES */
  --zh-theme-color-brand-blue-primary: var(--zh-scale-brand-blue-60);
  --zh-theme-color-red-primary: var(--zh-scale-red-70);
  --zh-theme-color-green-primary: var(--zh-scale-green-50);
  --zh-theme-color-yellow-primary: var(--zh-scale-yellow-50);
  --zh-theme-color-purple-primary: var(--zh-scale-purple-50);
  --zh-theme-color-light-blue-primary: var(--zh-scale-light-blue-50);
  --zh-theme-color-light-purple-primary: var(--zh-scale-light-purple-50);
  --zh-theme-color-navy-blue-primary: var(--zh-scale-navy-blue-50);

  /* BUTTONS */
  --zh-theme-color-btn-text: var(--zh-theme-color-text-primary);
  --zh-theme-color-btn-hover-text: var(--zh-scale-grey-70);
 ...