:root {
  --is-dark-theme: true;
  /*--color-primary: #f3722c;
    --color-primary-dark-1: #f2691f;
    --color-primary-dark-2: #f48041;
    --color-primary-dark-3: #f69764;
    --color-primary-dark-4: #f8ae86;
    --color-primary-dark-5: #fac5a9;
    --color-primary-dark-6: #fcdccb;
    --color-primary-dark-7: #fef3ee;
    --color-primary-light-1: #e0570d;
    --color-primary-light-2: #be4a0b;
    --color-primary-light-3: #9b3c09;
    --color-primary-light-4: #792f07;
    --color-primary-light-5: #792f07;
    --color-primary-light-6: #341403;
    --color-primary-light-7: #110701;*/
  --color-primary: #ff7d37;
  --color-primary-dark-1: #ff8747;
  --color-primary-dark-2: #ff9a63;
  --color-primary-dark-3: #ffac80;
  --color-primary-dark-4: #ffbf9c;
  --color-primary-dark-5: #ffd1b8;
  --color-primary-dark-6: #ffe3d4;
  --color-primary-dark-7: #fff6f1;
  --color-primary-light-1: #ff6410;
  --color-primary-light-2: #cf4900;
  --color-primary-light-3: #af3d00;
  --color-primary-light-4: #8f3200;
  --color-primary-light-5: #702700;
  --color-primary-light-6: #501c00;
  --color-primary-light-7: #301100;
  --color-primary-alpha-10: #ff874719;
  --color-primary-alpha-20: #ff874733;
  --color-primary-alpha-30: #ff87474b;
  --color-primary-alpha-40: #ff874766;
  --color-primary-alpha-50: #ff874780;
  --color-primary-alpha-60: #ff874799;
  --color-primary-alpha-70: #ff8747b3;
  --color-primary-alpha-80: #ff8747cc;
  --color-primary-alpha-90: #ff8747e1;
  --color-secondary: #1a1c20; /*#2C2F35*/
  --color-secondary-dark-1: #505665;
  --color-secondary-dark-2: #5b6273;
  --color-secondary-dark-3: #71798e;
  --color-secondary-dark-4: #7f8699;
  --color-secondary-dark-5: #8c93a4;
  --color-secondary-dark-6: #9aa0af;
  --color-secondary-dark-7: #a8adba;
  --color-secondary-dark-7: #b6bac5;
  --color-secondary-dark-8: #c4c7d0;
  --color-secondary-dark-8: #d2d4db;
  --color-secondary-dark-9: #dfe1e6;
  --color-secondary-dark-10: #edeef1;
  --color-secondary-dark-11: #fbfbfc;
  --color-secondary-light-1: #373b46;
  --color-secondary-light-2: #292c34;
  --color-secondary-light-3: #1c1e23;
  --color-secondary-light-4: #0e0f11;
  --color-secondary-alpha-10: #2c2f35;
  --color-secondary-alpha-20: #2c2f3533;
  --color-secondary-alpha-30: #2c2f354b;
  --color-secondary-alpha-40: #2c2f3566;
  --color-secondary-alpha-50: #2c2f3580;
  --color-secondary-alpha-60: #2c2f3599;
  --color-secondary-alpha-70: #2c2f35b3;
  --color-secondary-alpha-80: #2c2f35cc;
  --color-secondary-alpha-90: #2c2f35e1;
  /* colors */
  --color-red: #d53d3f; /* FIXME: MAYBE TOO DARK FOR TEXT?? */ /* 2nd choice: #ed4245; MAYBE TOO LIGHT */ /* WAS #da3737 */
  /* TODO: other colors*/
  --color-orange: #f17a2b;
  --color-yellow: #f3c725; /* was #f3c640 */
  --color-olive: #c8df36;
  --color-green: #3bc75b;
  --color-teal: #69d4cf;
  --color-blue: #2d9ff7;
  --color-violet: #754ad3;
  --color-purple: #b65dd4;
  --color-pink: #e04b9f;
  --color-brown: #a86d45;
  --color-grey: #797c85;
  --color-black: #141516;
  --color-gold: #d4b74c;
  --color-white: #ffffff;
  --color-diff-removed-word-bg: #6f3333;
  --color-diff-added-word-bg: #3c653c;
  --color-diff-removed-row-bg: #3c2626;
  --color-diff-moved-row-bg: #818044;
  --color-diff-added-row-bg: #283e2d;
  --color-diff-removed-row-border: #634343;
  --color-diff-moved-row-border: #bcca6f;
  --color-diff-added-row-border: #314a37;
  --color-diff-inactive: #1d1f23;
  --color-error-border: #d53d3f; /* FIXME: maybe slightly darker */ /* WAS #a53a37;*/
  --color-error-bg: #d53d3f;
  --color-error-text: #ffffff; /* FIXME: not really sure */
  --color-success-border: #2b924b;
  --color-success-bg: #40a45f;
  --color-success-text: #ffffff; /* FIXME: same as error, check if it is used somewhere else WAS #6cc664 */
  --color-warning-border: #e7c721; /* WAS #bb9d00 */
  --color-warning-bg: #3a3a30;
  --color-warning-text: #f7d41f; /* WAS #fbbd08 */
  --color-info-border: #306090;
  --color-info-bg: #26354c;
  --color-info-text: #38a8e8;
  /* target-based colors */
  --color-body: #202124;
  --color-box-header: #1d1f23;
  --color-box-body: #1d1f23;
  --color-text-dark: #dbe0ea;
  --color-text: #dbe0ea;
  --color-text-light: #cecfd5;
  --color-text-light-2: #a9acb5; /* #8a8e99 */
  --color-text-light-3: #6d717e; /* #707687 */
  --color-footer: #1d1f23;
  --color-timeline: #4c525e;
  --color-input-text: #e1e4e6;
  --color-input-background: #2c2f35;
  --color-input-border: #2c2f35;
  --color-input-border-hover: #505667;
  --color-navbar: #2b2f38; /*#24262B */
  --color-navbar-transparent: #24262b00;
  --color-nav-hover-bg: var(--color-primary-light-2);
  --color-light: #00000028;
  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
  --color-light-border: #ffffff28;
  --color-hover: #ffffff10;
  --color-active: #ffffff16;
  --color-menu: #1d1f23;
  --color-card: #1d1f23;
  --color-markup-table-row: #ffffff12;
  --color-markup-code-block: #2c2f35;
  --color-button: #1d1f23;
  --color-code-bg: #1d1f23;
  --color-code-sidebar-bg: #1d1f23;
  --color-shadow: #00000060;
  --color-secondary-bg: #2c2f35;
  --color-text-focus: #fff;
  --color-expand-button: #2c2f35;
  --color-placeholder-text: #a6adb4;
  --color-editor-line-highlight: var(--color-primary-light-5);
  --color-project-board-bg: var(--color-secondary-light-2);
  --color-caret: var(--color-text); /* should ideally be --color-text-dark, see #15651 */
  --color-reaction-bg: #ffffff12;
  --color-reaction-active-bg: var(--color-primary-alpha-40);
}

::-webkit-calendar-picker-indicator {
  filter: invert(0.8);
}

.ui.horizontal.segments > .segment {
  background-color: #383c4a;
}

.ui.green.progress .bar {
  background-color: #668844;
}

.ui.progress.success .bar {
  background-color: #7b9e57 !important;
}

.following.bar.light {
  /* TOP NAVBAR - default: --color-body */
  /*background: #2e323e;*/
  border-color: var(--color-secondary-alpha-40);
}

.following.bar .top.menu a.item:hover {
  color: #fff;
}

.feeds .list ul li.private {
  background: #292c32; /* #353945 */
}

#navbar {
  background-color: var(--color-body);
}

.ui.red.label,
.ui.red.labels .label {
  background-color: #d53d3f; /* #ad2525 !important; */
  border-color: #d53d3f; /*#ad2525 !important; */
}

/* PRIVATE ORGANIZATION */
/* TODO: seems ok? */
.ui.orange.labels .label,
.ui.ui.ui.orange.label {
  background-color: #f2711c;
  border-color: #f2711c;
  color: #fff;
}

/* TODO: WHERE IS IT?? */
.ui.yellow.label,
.ui.yellow.labels .label {
  border-color: #664d02 !important;
  background-color: #936e00 !important;
}

.ui.accordion .title:not(.ui) {
  color: #dbdbdb;
}

.ui.green.label,
.ui.green.labels .label,
.ui.basic.green.label {
  background-color: #5865f2 !important; /* #2d693b -- SAME AS BUTTON */
  border-color: #5865f2 !important;
}

.ui.green.labels a.label:hover,
.ui.basic.green.labels a.label:hover,
a.ui.ui.ui.green.label:hover,
a.ui.basic.green.label:hover {
  background-color: #40a45f !important; /* was #3d794b */
  border-color: #40a45f !important;
  color: #fff !important;
}

.ui.divider:not(.vertical):not(.horizontal) {
  border-bottom-color: var(--color-secondary);
  border-top-color: transparent;
}

.form .help {
  color: var(--color-text-light-2);
}

/*.ui .text.light.grey { /* -- DIMMED TEXT
    color: #7f8699 !important;
  }*/

.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="url"],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="file"],
.ui.form .field.error input[type="url"] {
  background-color: #522;
  border: 1px solid #7d3434;
  color: #f9cbcb;
}

.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="file"]:focus,
.ui.form .field.error input[type="url"]:focus {
  background-color: #522;
  border: 1px solid #a04141;
  color: #f9cbcb;
}

.ui.green.button,
.ui.green.buttons .button {
  background-color: #5865f2;
}

.ui.green.button:hover,
.ui.green.buttons .button:hover {
  background-color: #6c77f4;
}

.ui.green.button:focus,
.ui.green.buttons .button:focus {
  background-color: #7983f5; /* WAS: HOVER #7983F5 */
}

.ui.green.button:active,
.ui.green.buttons .button:active {
  background-color: #848ef6;
}

.ui.search > .results {
  background: #383c4a;
  border-color: var(--color-secondary);
}

.ui.search > .results .result:hover,
.ui.category.search > .results .category .result:hover {
  background: var(--color-secondary);
}

.ui.search > .results .result .title {
  color: #dbdbdb;
}

.ui.table > thead > tr > th {
  background: var(--color-secondary);
  color: #dbdbdb !important;
}

/* FILES ROW - default --body-color
  .repository.file.list #repo-files-table tr {
    background: #2a2e3a;
  } 
  */

.repository.file.list #repo-files-table tr:hover {
  background-color: #393d4a !important;
}

.overflow.menu .items .item {
  color: #9d9d9d;
}

.overflow.menu .items .item:hover {
  color: #dbdbdb;
}

.ui.list > .item > .content {
  color: var(--color-secondary-dark-6) !important;
}

.repository .navbar .active.item,
.repository .navbar .active.item:hover {
  border-color: transparent !important;
}

.repository .diff-stats li {
  border-color: var(--color-secondary);
}

.tag-code,
.tag-code td {
  background: #292c32 !important; /* #353945 */
}

.tag-code td.lines-num {
  background-color: #3a3e4c !important;
}

.tag-code td.lines-type-marker,
td.blob-hunk {
  color: #dbdbdb !important;
}

.ui.red.button,
.ui.red.buttons .button {
  background-color: #ed4245;
}

.ui.red.button:hover,
.ui.red.buttons .button:hover {
  background-color: #f05c5e;
}

.ui.list .list > .item .header,
.ui.list > .item .header {
  color: #dedede;
}

.ui.list .list > .item .description,
.ui.list > .item .description {
  color: var(--color-secondary-dark-6);
}

.repository.labels .ui.basic.black.label {
  background-color: #bbbbbb !important;
}

.lines-num {
  color: var(--color-secondary-dark-6) !important;
  border-color: var(--color-secondary) !important;
}

td.blob-excerpt {
  background-color: rgba(0, 0, 0, 0.15);
}

.lines-code.active,
.lines-code .active {
  background: #534d1b !important;
}

.ui.ui.ui.ui.table tr.active,
.ui.ui.table td.active {
  color: #dbdbdb;
}

.ui.active.label {
  background: #393d4a;
  border-color: #393d4a;
  color: #dbdbdb;
}

.ui.header .sub.header {
  color: var(--color-secondary-dark-6);
}

.ui.dividing.header {
  border-bottom: 1px solid var(--color-secondary);
}

.ui.modal > .header {
  background: var(--color-secondary);
  color: #dbdbdb;
}

.ui.modal > .actions {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
}

.ui.modal > .content {
  background: #383c4a;
}

.minicolors-panel {
  background: var(--color-secondary) !important;
  border-color: #6a737d !important;
}

/* invert emojis that are hard to read otherwise */
.emoji[aria-label="check mark"],
.emoji[aria-label="currency exchange"],
.emoji[aria-label="TOP arrow"],
.emoji[aria-label="END arrow"],
.emoji[aria-label="ON! arrow"],
.emoji[aria-label="SOON arrow"],
.emoji[aria-label="heavy dollar sign"],
.emoji[aria-label="copyright"],
.emoji[aria-label="registered"],
.emoji[aria-label="trade mark"],
.emoji[aria-label="multiply"],
.emoji[aria-label="plus"],
.emoji[aria-label="minus"],
.emoji[aria-label="divide"],
.emoji[aria-label="curly loop"],
.emoji[aria-label="double curly loop"],
.emoji[aria-label="wavy dash"],
.emoji[aria-label="paw prints"],
.emoji[aria-label="musical note"],
.emoji[aria-label="musical notes"] {
  filter: invert(100%) hue-rotate(180deg);
}

.edit-diff > div > .ui.table {
  border-left-color: var(--color-secondary) !important;
  border-right-color: var(--color-secondary) !important;
}

footer .container .links > * {
  border-left-color: #888;
}

.repository.release #release-list > li .detail .dot {
  background-color: #505667;
  border-color: #383c4a;
}

.tribute-container {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.6);
}

.repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar {
  color: #2a2e3a;
}

img[src$="/img/matrix.svg"] {
  filter: invert(80%);
}

.is-loading::after {
  border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da;
}

.markup-block-error {
  border: 1px solid rgba(121, 71, 66, 0.5) !important;
  border-bottom: none !important;
}

.home .hero .svg {
  color: var(--color-primary);
}

/* UI */
/* --color-error-... */
/* .ui.error.message,
.ui.red.message {
  background-color: #522;
  color: #f9cbcb;
  box-shadow: inset 0 0 0 1px #a04141;
} */

/* ---------------------------- */

/*.ui.error.header,
.ui.error.message {
  background-color: #522 !important;
  border-color: #a04141;
}*/

.ui.error.segment {
  border-color: #a04141;
}

.ui.negative.message {
  background-color: #e14c4c;
  color: #ffffff;
  box-shadow: inset 0 0 0 1px #e14c4c, 0 0 0 0 transparent;
}

/* BUTTONS */
.ui.blue.button,
.ui.blue.buttons .button,
.ui.primary.button,
.ui.primary.buttons .button {
  background-color: var(--color-primary-light-2) !important;
}

.ui.blue.button:hover,
.ui.blue.buttons .button:hover,
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background-color: var(--color-primary-light-1) !important;
}

.ui.blue.button:focus,
.ui.blue.buttons .button:focus,
.ui.primary.button:focus,
.ui.primary.buttons .button:focus {
  background-color: var(--color-primary) !important;
}

.ui.blue.button:active,
.ui.blue.buttons .button:active,
.ui.primary.button:active,
.ui.primary.buttons .button:active {
  background-color: var(--color-primary-dark-1) !important;
}

.ui.basic.blue.button,
.ui.basic.blue.buttons .button,
.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
  box-shadow: inset 0 0 0 1px var(--color-primary-light-2) !important;
  color: #fff !important;
}

.ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover,
.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:hover {
  box-shadow: inset 0 0 0 1px var(--color-primary-light-1) !important;
}

.ui.basic.blue.button:focus,
.ui.basic.blue.buttons .button:focus,
.ui.basic.primary.button:focus,
.ui.basic.primary.buttons .button:focus {
  box-shadow: inset 0 0 0 1px var(--color-primary) !important;
}

.ui.basic.blue.button:active,
.ui.basic.blue.buttons .button:active,
.ui.basic.primary.button:active,
.ui.basic.primary.buttons .button:active {
  box-shadow: inset 0 0 0 1px var(--color-primary-dark-1) !important;
}

/* FIXME: maybe change green?? */
.ui.basic.red.buttons .button,
.ui.basic.red.button {
  background: transparent;
  box-shadow: 0 0 0 1px #ed4245 inset;
  color: #ed4245;
}

.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
  background: transparent;
  box-shadow: 0 0 0 1px #e9161a inset;
  color: #e9161a;
}

.ui.basic.red.buttons .button:focus,
.ui.basic.red.button:focus {
  background: transparent;
  box-shadow: 0 0 0 1px #bf1215 inset;
  color: #bf1215;
}

.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
  background: transparent;
  box-shadow: 0 0 0 1px #bb2427 inset;
  color: #bb2427;
  /* FIXME: SCREEN transparent red button*/
}

/* .ui.basic.green.buttons .button, .ui.basic.green.button {
  background: transparent;
  box-shadow: 0 0 0 1px #21ba45 inset; /* DISCORD #40a45f 
  color: #21ba45;
}
.ui.basic.green.buttons .button:hover, .ui.basic.green.button:hover {
  background: transparent;
  box-shadow: 0 0 0 1px #16ab39 inset;
  color: #16ab39;
}
.ui.basic.green.buttons .button:focus, .ui.basic.green.button:focus {
  background: transparent;
  box-shadow: 0 0 0 1px #0ea432 inset;
  color: #16ab39;
}
.ui.basic.green.buttons .button:active, .ui.basic.green.button:active {
  box-shadow: 0 0 0 1px #198f35 inset;
  color: #198f35;
}
*/

/* UI Buttons (Labels, Milestones...) */
.ui.menu .item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  flex: 0 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: var(--color-secondary-light-2);
  padding: 0.92857143em 1.14285714em;
  text-transform: none;
  font-weight: 400;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
}

/* Home side menu - is this a bug?? */
/* FIXME: check for unexpected effects */
.ui.menu > .item:last-child {
  border-radius: 0 0.28571429rem 0.28571429rem 0;
}

.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
  color: #f2f2f2;
  background: #6e7deb;
}

.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active {
  background: #7f88f3;
}

.ui.menu .active.item,
.ui.menu .active.item:hover,
.ui.vertical.menu .active.item,
.ui.vertical.menu .active.item:hover {
  color: var(--color-text);
  background: #5865f2;
}

/* REPO BUTTONS HOVER primary-light-2 */
.repo-buttons .ui.labeled.button > .label:hover {
  color: var(--color-primary);
  background: var(--color-light);
}

/* SELECTION */
::selection,
.CodeMirror-selected {
  background: var(--color-primary-light-3) !important;
  color: var(--color-white) !important;
}

/* EDIT FOCUS BORDER */
.ui.action.input:not([class*="left action"]) > input:focus {
  border-right-color: var(--color-primary-light-1); /* was color-primary */
}

.ui.action.input:not([class*="left action"]) > input:focus {
  border-right-color: var(--color-primary-light-1); /*#85b7d9 */
}

input:focus,
textarea:focus,
.ui.input input:focus,
.ui.form input:not([type]):focus,
.ui.form select:focus,
.ui.form textarea:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="url"]:focus,
.ui.selection.dropdown:focus,
.ui.checkbox input:focus ~ label:before,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:before,
.ui.checkbox input:checked:focus ~ label:before,
.ui.radio.checkbox input:focus:checked ~ label:before {
  background: var(--color-input-background);
  border-color: var(--color-primary-light-1);
  color: var(--color-input-text);
}

/* GREY (?) LABELS */
.ui.grey.labels .label,
.ui.ui.ui.grey.label {
  /* background-color: var(--color-primary-light-2); */
  background-color: #5865f2;
  border-color: #767676;
  color: #fff;
}

/* COMMIT HEADER */
/* FIXME: what's that??? */
/* TODO: maybe change color */
.ui .info.segment.top {
  background-color: var(--color-secondary-light-2) !important;
}

/* BOXES IN ISSUE */
.ui.segment,
.ui.segments,
.ui.attached.segment {
  background: #151618; /* WAS LIGHTER: #18191a */
  color: var(--color-text);
  border-color: var(--color-secondary);
} /* FIXME: seems ok. maybe lighter?? */

/* UI MODAL */
.ui.modal > .content {
  background: var(--color-box-body); /* #383c4a */
}

/* DASHBOARD FEEDS - STACKABLE MENU */
.dashboard.feeds .right.stackable.menu > .item.active,
.dashboard.issues .right.stackable.menu > .item.active {
  color: var(--color-primary); /* --color-red */
}

/* MD */
.markup h1 {
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-primary-alpha-50);
}

.markup h2 {
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-primary-alpha-50); /* FIXME: another color ??? */
}

.markup blockquote {
  margin-left: 0;
  padding: 0 15px;
  color: var(--color-text-light-2);
  border-left: 4px solid var(--color-primary-dark-1);
}

.markup hr {
  height: 4px;
  padding: 0;
  margin: 16px 0;
  background-color: var(--color-primary-alpha-50);
  border: 0;
}

.markup table th,
.markup table td {
  padding: 6px 13px !important;
  border: 1px solid var(--color-secondary-dark-1) !important;
}

/* NOPE span.green .svg {
  color: var(--color-primary);
} */

/* REPOSITORY -> ACTIVITY */
.ui.horizontal.segments > .segment {
  background-color: var(--color-box-body);
}

/* OPEN ISSUE LABEL */
/* KEKW
.ui.ui.ui.green.label {
  background-color: #21ba45 !important;
  border-color: #21ba45 !important;
  color: #fff;
} */

/* SYNTAX HIGHLIGHT */
/* LineHighlight */
.chroma .hl {
  background-color: #3f424d;
}

/* LineNumbersTable */
.chroma .lnt {
  color: #7f7f7f;
}

/* LineNumbers */
.chroma .ln {
  color: #7f7f7f;
}

/* Keyword */
.chroma .k {
  color: #f63;
}

/* KeywordConstant */
.chroma .kc {
  color: #fa1;
}

/* KeywordDeclaration */
.chroma .kd {
  color: #9daccc;
}

/* KeywordNamespace */
.chroma .kn {
  color: #fa1;
}

/* KeywordPseudo */
.chroma .kp {
  color: #5f8700;
}

/* KeywordReserved */
.chroma .kr {
  color: #f63;
}

/* KeywordType */
.chroma .kt {
  color: #9daccc;
}

/* NameAttribute */
.chroma .na {
  color: #8a8a8a;
}

/* NameBuiltin */
.chroma .nb {
  color: #9daccc;
}

/* NameBuiltinPseudo */
.chroma .bp {
  color: #9daccc;
}

/* NameClass */
.chroma .nc {
  color: #fa1;
}

/* NameConstant */
.chroma .no {
  color: #fa1;
}

/* NameDecorator */
.chroma .nd {
  color: #9daccc;
}

/* NameEntity */
.chroma .ni {
  color: #fa1;
}

/* NameException */
.chroma .ne {
  color: #af8700;
}

/* NameFunction */
.chroma .nf {
  color: #9daccc;
}

/* NameLabel */
.chroma .nl {
  color: #fa1;
}

/* NameNamespace */
.chroma .nn {
  color: #fa1;
}

/* NameOther */
.chroma .nx {
  color: #9daccc;
}

/* NameTag */
.chroma .nt {
  color: #9daccc;
}

/* NameVariable */
.chroma .nv {
  color: #9daccc;
}

/* NameVariableClass */
.chroma .vc {
  color: #f81;
}

/* NameVariableGlobal */
.chroma .vg {
  color: #fa1;
}

/* NameVariableInstance */
.chroma .vi {
  color: #fa1;
}

/* LiteralString */
.chroma .s {
  color: #1af;
}

/* LiteralStringAffix */
.chroma .sa {
  color: #1af;
}

/* LiteralStringBacktick */
.chroma .sb {
  color: #a0cc75;
}

/* LiteralStringChar */
.chroma .sc {
  color: #1af;
}

/* LiteralStringDelimiter */
.chroma .dl {
  color: #1af;
}

/* LiteralStringDoc */
.chroma .sd {
  color: #6a737d;
}

/* LiteralStringDouble */
.chroma .s2 {
  color: #a0cc75;
}

/* LiteralStringEscape */
.chroma .se {
  color: #f63;
}

/* LiteralStringHeredoc */
.chroma .sh {
  color: #1af;
}

/* LiteralStringInterpol */
.chroma .si {
  color: #fa1;
}

/* LiteralStringOther */
.chroma .sx {
  color: #fa1;
}

/* LiteralStringRegex */
.chroma .sr {
  color: #97c;
}

/* LiteralStringSingle */
.chroma .s1 {
  color: #a0cc75;
}

/* LiteralStringSymbol */
.chroma .ss {
  color: #fa1;
}

/* LiteralNumber */
.chroma .m {
  color: #1af;
}

/* LiteralNumberBin */
.chroma .mb {
  color: #1af;
}

/* LiteralNumberFloat */
.chroma .mf {
  color: #1af;
}

/* LiteralNumberHex */
.chroma .mh {
  color: #1af;
}

/* LiteralNumberInteger */
.chroma .mi {
  color: #1af;
}

/* LiteralNumberIntegerLong */
.chroma .il {
  color: #1af;
}

/* LiteralNumberOct */
.chroma .mo {
  color: #1af;
}

/* Operator */
.chroma .o {
  color: #f63;
}

/* OperatorWord */
.chroma .ow {
  color: #5f8700;
}

/* Comment */
.chroma .c {
  color: #6a737d;
}

/* CommentHashbang */
.chroma .ch {
  color: #6a737d;
}

/* CommentMultiline */
.chroma .cm {
  color: #6a737d;
}

/* CommentSingle */
.chroma .c1 {
  color: #6a737d;
}

/* CommentSpecial */
.chroma .cs {
  color: #637d;
}

/* CommentPreproc */
.chroma .cp {
  color: #fc6;
}

/* CommentPreprocFile */
.chroma .cpf {
  color: #03dfff;
}

/* GenericDeleted */
.chroma .gd {
  color: #fff;
  background-color: #5f3737;
}

/* GenericEmph */
.chroma .ge {
  color: #ef5;
}

/* GenericError */
.chroma .gr {
  color: #f33;
}

/* GenericHeading */
.chroma .gh {
  color: #fa1;
}

/* GenericInserted */
.chroma .gi {
  color: #fff;
  background-color: #3a523a;
}

/* GenericOutput */
.chroma .go {
  color: #888888;
}

/* GenericPrompt */
.chroma .gp {
  color: #555555;
}

/* GenericSubheading */
.chroma .gu {
  color: #9daccc;
}

/* GenericTraceback */
.chroma .gt {
  color: #f63;
}

/* TextWhitespace */
.chroma .w {
  color: #bbbbbb;
}