Skip to content

Colorful Project IDs - DS Forecast by christopher-hayes

Screenshot of Colorful Project IDs - DS Forecast
Write a review Install Get Stylus

Details

Authorchristopher-hayes

LicenseNo License

Categoryforecast

Created

Updated

Size38 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Colorful Project IDs - DS Forecast

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Colorful Project IDs - DS Forecast
@version      20220404.13.44
@namespace    userstyles.world/user/christopher-hayes
@description  Colorful Project IDs - DS Forecast
@author       christopher-hayes
@license      No License
==/UserStyle== */

@-moz-document domain("app.forecast.it") {
/* Use human-readable project IDs + relevant colors */

/* New ID text + color */
:root {
  /* Default - replace randomized project colors with neutral grey */
  --DEF-bg: #f0f0f0;
  --DEF-fg: #000000;

  /* KJ */
  --KJ-id: 'KJ';
  --KJ-bg: #e2231a;
  --KJ-fg: white;

  /* Waterloo */
  --WTR-id: 'WTR';
  --WTR-bg: #004463;
  --WTR-fg: white;

  /* FreshPet */
  --FRSH-id: 'FRSH';
  --FRSH-bg: #77c70d;
  --FRSH-fg: white;

  /* Epion / Kori */
  --KORI-id: 'KORI';
  --KORI-bg: linear-gradient(180deg, #005a70, #00a0af);
  --KORI-fg: white;

  /* DS Marketing */
  --MRKT-id: 'MRKT';
  --MRKT-bg: black;
  --MRKT-fg: white;

  /* DS Admin & Operations */
  --ADMN-id: 'ADMN';
  --ADMN-bg: black;
  --ADMN-fg: white;

  /* STAAR */
  --STAR-id: 'STAR';
  --STAR-bg: #0daabb;
  --STAR-fg: white;

  /* WolfGordon */
  --WOLF-id: 'WOLF';
  --WOLF-bg: #3200ff;
  --WOLF-fg: white;

  /* Stanley */
  --STAN-id: 'STAN';
  --STAN-bg: #ffd20a;
  --STAN-fg: black;

  /* Sparks */
  --SPKS-id: 'SPKS';
  --SPKS-bg: #D31245;
  --SPKS-fg: white;
}

/* --- Project list --- */
/* Default */
.td-link-component.id-link > a > .completed-bar { background-color: var(--DEF-bg) !important; }

/* Waterloo */
tr[data-cy="project-nested-row"] a[href="/project/P-12/scoping"] { color: var(--WTR-fg) !important; }
.td-link-component.id-link > a[href="/project/P-12/scoping"] > .completed-bar { background: var(--WTR-bg) !important; }
.td-link-component.id-link > a[href="/project/P-12/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-12/scoping"] > div:first-child::after { color: var(--WTR-fg); content: var(--WTR-id); margin-left: -19px; }

/* KJ */
tr[data-cy="project-nested-row"] a[href="/project/P-64/scoping"] { color: var(--KJ-fg) !important; }
.td-link-component.id-link > a[href="/project/P-64/scoping"] > .completed-bar { background-color: var(--KJ-bg) !important; }
.td-link-component.id-link > a[href="/project/P-64/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-64/scoping"] > div:first-child::after { color: var(--KJ-fg); content: var(--KJ-id); margin-left: -19px; }

/* FreshPet */
tr[data-cy="project-nested-row"] a[href="/project/P-70/scoping"] { color: var(--FRSH-fg) !important; }
.td-link-component.id-link > a[href="/project/P-70/scoping"] > .completed-bar { background-color: var(--FRSH-bg) !important; }
.td-link-component.id-link > a[href="/project/P-70/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-70/scoping"] > div:first-child::after { color: var(--FRSH-fg); content: var(--FRSH-id); margin-left: -19px; }
tr[data-cy="project-nested-row"] a[href="/project/P-76/scoping"] { color: var(--FRSH-fg) !important; }
.td-link-component.id-link > a[href="/project/P-76/scoping"] > .completed-bar { background-color: var(--FRSH-bg) !important; }
.td-link-component.id-link > a[href="/project/P-76/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-76/scoping"] > div:first-child::after { color: var(--FRSH-fg); content: var(--FRSH-id); margin-left: -19px; }

/* Epion */
tr[data-cy="project-nested-row"] a[href="/project/P-23/scoping"] { color: var(--KORI-fg) !important; }
.td-link-component.id-link > a[href="/project/P-23/scoping"] > .completed-bar { background: var(--KORI-bg); }
.td-link-component.id-link > a[href="/project/P-23/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-23/scoping"] > div:first-child::after { color: var(--KORI-fg); content: var(--KORI-id); margin-left: -19px; }
tr[data-cy="project-nested-row"] a[href="/project/P-63/scoping"] { color: var(--KORI-fg) !important; }
.td-link-component.id-link > a[href="/project/P-63/scoping"] > .completed-bar { background: var(--KORI-bg); }
.td-link-component.id-link > a[href="/project/P-63/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-63/scoping"] > div:first-child::after { color: var(--KORI-fg); content: var(--KORI-id); margin-left: -19px; }
tr[data-cy="project-nested-row"] a[href="/project/P-80/scoping"] { color: var(--KORI-fg) !important; }
.td-link-component.id-link > a[href="/project/P-80/scoping"] > .completed-bar { background: var(--KORI-bg); }
.td-link-component.id-link > a[href="/project/P-80/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-80/scoping"] > div:first-child::after { color: var(--KORI-fg); content: var(--KORI-id); margin-left: -19px; }

/* DS Marketing */
tr[data-cy="project-nested-row"] a[href="/project/P-88/scoping"] { color: var(--MRKT-fg) !important; }
.td-link-component.id-link > a[href="/project/P-88/scoping"] > .completed-bar { background-color: var(--MRKT-bg) !important; }
.td-link-component.id-link > a[href="/project/P-88/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-88/scoping"] > div:first-child::after { color: var(--MRKT-fg); content: var(--MRKT-id); margin-left: -19px; }
tr[data-cy="project-nested-row"] a[href="/project/P-37/scoping"] { color: var(--MRKT-fg) !important; }
.td-link-component.id-link > a[href="/project/P-37/scoping"] > .completed-bar { background-color: var(--MRKT-bg) !important; }
.td-link-component.id-link > a[href="/project/P-37/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-37/scoping"] > div:first-child::after { color: var(--MRKT-fg); content: var(--MRKT-id); margin-left: -19px; }
tr[data-cy="project-nested-row"] a[href="/project/P-88/scoping"] { color: var(--MRKT-fg) !important; }
.td-link-component.id-link > a[href="/project/P-88/scoping"] > .completed-bar { background-color: var(--MRKT-bg) !important; }
.td-link-component.id-link > a[href="/project/P-88/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-88/scoping"] > div:first-child::after { color: var(--MRKT-fg); content: var(--MRKT-id); margin-left: -19px; }

/* DS Admin & Operations */
tr[data-cy="project-nested-row"] a[href="/project/P-67/scoping"] { color: var(--ADMN-fg) !important; }
.td-link-component.id-link > a[href="/project/P-67/scoping"] > .completed-bar { background-color: var(--ADMN-bg) !important; }
.td-link-component.id-link > a[href="/project/P-67/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-67/scoping"] > div:first-child::after { color: var(--ADMN-fg); content: var(--ADMN-id); margin-left: -19px; }

/* STAAR */
tr[data-cy="project-nested-row"] a[href="/project/P-28/scoping"] { color: var(--STAR-fg) !important; }
.td-link-component.id-link > a[href="/project/P-28/scoping"] > .completed-bar { background-color: var(--STAR-bg) !important; }
.td-link-component.id-link > a[href="/project/P-28/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-28/scoping"] > div:first-child::after { color: var(--STAR-fg); content: var(--STAR-id); margin-left: -19px; }
tr[data-cy="project-nested-row"] a[href="/project/P-35/scoping"] { color: var(--STAR-fg) !important; }
.td-link-component.id-link > a[href="/project/P-35/scoping"] > .completed-bar { background-color: var(--STAR-bg) !important; }
.td-link-component.id-link > a[href="/project/P-35/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-35/scoping"] > div:first-child::after { color: var(--STAR-fg); content: var(--STAR-id); margin-left: -19px; }
tr[data-cy="project-nested-row"] a[href="/project/P-90/scoping"] { color: var(--STAR-fg) !important; }
.td-link-component.id-link > a[href="/project/P-90/scoping"] > .completed-bar { background-color: var(--STAR-bg) !important; }
.td-link-component.id-link > a[href="/project/P-90/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-90/scoping"] > div:first-child::after { color: var(--STAR-fg); content: var(--STAR-id); margin-left: -19px; }

/* WolfGordon */
tr[data-cy="project-nested-row"] a[href="/project/P-18/scoping"] { color: var(--WOLF-fg) !important; }
.td-link-component.id-link > a[href="/project/P-18/scoping"] > .completed-bar { background-color: var(--WOLF-bg) !important; }
.td-link-component.id-link > a[href="/project/P-18/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-18/scoping"] > div:first-child::after { color: var(--WOLF-fg); content: var(--WOLF-id); margin-left: -19px; }

/* Stanley */
tr[data-cy="project-nested-row"] a[href="/project/P-66/scoping"] { color: var(--STAN-fg) !important; }
.td-link-component.id-link > a[href="/project/P-66/scoping"] > .completed-bar { background-color: var(--STAN-bg) !important; }
.td-link-component.id-link > a[href="/project/P-66/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-66/scoping"] > div:first-child::after { color: var(--STAN-fg); content: var(--STAN-id); margin-left: -19px; }

/* Sparks */
tr[data-cy="project-nested-row"] a[href="/project/P-82/scoping"] { color: var(--SPKS-fg) !important; }
.td-link-component.id-link > a[href="/project/P-82/scoping"] > .completed-bar { background-color: var(--SPKS-bg) !important; }
.td-link-component.id-link > a[href="/project/P-82/scoping"] > div:first-child { color: transparent; }
.td-link-component.id-link > a[href="/project/P-82/scoping"] > div:first-child::after { color: var(--SPKS-fg); content: var(--SPKS-id); margin-left: -19px; }

/* --- Notifications --- */
/* Default */
.project-indicato...

Reviews

No reviews yet.