@import "../chroma/dark.css";
@import "../codemirror/dark.css";
@import "../markup/dark.css";

:root {
  --steel-900: #140f1c;
  --steel-850: #131a21;
  --steel-800: #171120;
  --steel-750: #1d112f;
  --steel-700: #2b203c;
  --steel-650: #3a2b51;
  --steel-600: #2e2240;
  --steel-550: #684a95;
  --steel-500: #515f70;
  --steel-450: #5f6e80;
  --steel-400: #6d7d8f;
  --steel-350: #7c8c9f;
  --steel-300: #8c9caf;
  --steel-250: #9dadc0;
  --steel-200: #aebed0;
  --steel-150: #c0cfe0;
  --steel-100: #d2e0f0;
  --is-dark-theme: true;
  --color-primary: #a37edb;
  --color-primary-contrast: #000;
  --color-primary-dark-1: #fdba74;
  --color-primary-dark-2: #be99f7;
  --color-primary-dark-3: #fed7aa;
  --color-primary-dark-4: #d5bdfb;
  --color-primary-dark-5: #ffedd5;
  --color-primary-dark-6: #ffedd5;
  --color-primary-dark-7: #fff7ed;
  --color-primary-light-1: #a37edb;
  --color-primary-light-2: #634493;
  --color-primary-light-3: #7451aa;
  --color-primary-light-4: #4b366b;
  --color-primary-light-5: #563d7c;
  --color-primary-light-6: #4b366b;
  --color-primary-light-7: #3a2b51;
  --color-primary-alpha-10: #a37edb19;
  --color-primary-alpha-20: #a37edb33;
  --color-primary-alpha-30: #a37edb4b;
  --color-primary-alpha-40: #a37edb66;
  --color-primary-alpha-50: #a37edb80;
  --color-primary-alpha-60: #a37edb99;
  --color-primary-alpha-70: #a37edbb3;
  --color-primary-alpha-80: #a37edbcc;
  --color-primary-alpha-90: #a37edbe1;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);
  --color-secondary: var(--steel-700);
  --color-secondary-dark-1: var(--steel-550);
  --color-secondary-dark-2: var(--steel-500);
  --color-secondary-dark-3: var(--steel-450);
  --color-secondary-dark-4: var(--steel-400);
  --color-secondary-dark-5: var(--steel-350);
  --color-secondary-dark-6: var(--steel-300);
  --color-secondary-dark-7: var(--steel-250);
  --color-secondary-dark-8: var(--steel-200);
  --color-secondary-dark-9: var(--steel-150);
  --color-secondary-dark-10: var(--steel-100);
  --color-secondary-dark-11: var(--steel-100);
  --color-secondary-dark-12: var(--steel-100);
  --color-secondary-dark-13: var(--steel-100);
  --color-secondary-light-1: var(--steel-650);
  --color-secondary-light-2: var(--steel-700);
  --color-secondary-light-3: var(--steel-750);
  --color-secondary-light-4: var(--steel-800);
  --color-secondary-alpha-10: #2b364219;
  --color-secondary-alpha-20: #2b364233;
  --color-secondary-alpha-30: #2b36424b;
  --color-secondary-alpha-40: #2b364266;
  --color-secondary-alpha-50: #2b364280;
  --color-secondary-alpha-60: #312b4299;
  --color-secondary-alpha-70: #2b3642b3;
  --color-secondary-alpha-80: #2b3642cc;
  --color-secondary-alpha-90: #2b3642e1;
  --color-secondary-hover: var(--color-secondary-light-1);
  --color-secondary-active: var(--color-secondary-light-2);
  /* console colors - used for actions console and console files */
  --color-console-fg: #eeeff2;
  --color-console-fg-subtle: #959cab;
  --color-console-bg: #1f212b;
  --color-console-border: #383c47;
  --color-console-hover-bg: #ffffff16;
  --color-console-active-bg: #454a57;
  --color-console-menu-bg: #383c47;
  --color-console-menu-border: #5c6374;
  /* colors */
  --color-red: #b91c1c;
  --color-orange: #ea580c;
  --color-yellow: #ca8a04;
  --color-olive: #91a313;
  --color-green: #15803d;
  --color-teal: #0d9488;
  --color-blue: #2563eb;
  --color-violet: #7c3aed;
  --color-purple: #9333ea;
  --color-pink: #db2777;
  --color-brown: #a47252;
  --color-grey: var(--steel-500);
  --color-black: #111827;
  /* light variants */
  --color-red-light: #dc2626;
  --color-orange-light: #f97316;
  --color-yellow-light: #eab308;
  --color-olive-light: #839311;
  --color-green-light: #16a34a;
  --color-teal-light: #14b8a6;
  --color-blue-light: #3b82f6;
  --color-violet-light: #8b5cf6;
  --color-purple-light: #a855f7;
  --color-pink-light: #ec4899;
  --color-brown-light: #94674a;
  --color-grey-light: var(--steel-300);
  --color-black-light: #1f2937;
  /* dark 1 variants produced via Sass scale-color(color, $lightness: -10%) */
  --color-red-dark-1: #a71919;
  --color-orange-dark-1: #d34f0b;
  --color-yellow-dark-1: #b67c04;
  --color-olive-dark-1: #839311;
  --color-green-dark-1: #137337;
  --color-teal-dark-1: #0c857a;
  --color-blue-dark-1: #1554e0;
  --color-violet-dark-1: #6a1feb;
  --color-purple-dark-1: #8519e7;
  --color-pink-dark-1: #c7216b;
  --color-brown-dark-1: #94674a;
  --color-black-dark-1: #0f1623;
  /* dark 2 variants produced via Sass scale-color(color, $lightness: -20%) */
  --color-red-dark-2: #941616;
  --color-orange-dark-2: #bb460a;
  --color-yellow-dark-2: #ca8a04;
  --color-olive-dark-2: #91a313;
  --color-green-dark-2: #15803d;
  --color-teal-dark-2: #0a766d;
  --color-blue-dark-2: #2563eb;
  --color-violet-dark-2: #5c14d8;
  --color-purple-dark-2: #7c3aed;
  --color-pink-dark-2: #b11d5f;
  --color-brown-dark-2: #a47252;
  --color-black-dark-2: #111827;
  /* other colors */
  --color-gold: #b1983b;
  --color-white: #ffffff;
  --color-pure-black: #000000;
  --color-diff-removed-word-bg: #783030;
  --color-diff-added-word-bg: #255c39;
  --color-diff-removed-row-bg: #432121;
  --color-diff-moved-row-bg: #825718;
  --color-diff-added-row-bg: #1b3625;
  --color-diff-removed-row-border: #783030;
  --color-diff-moved-row-border: #a67a1d;
  --color-diff-added-row-border: #255c39;
  --color-diff-inactive: var(--steel-650);
  --color-error-border: #783030;
  --color-error-bg: #5f2525;
  --color-error-bg-active: #783030;
  --color-error-bg-hover: #783030;
  --color-error-text: #fef2f2;
  --color-success-border: #1f6e3c;
  --color-success-bg: #1d462c;
  --color-success-text: #aef0c2;
  --color-warning-border: #a67a1d;
  --color-warning-bg: #644821;
  --color-warning-text: #fff388;
  --color-info-border: #2e50b0;
  --color-info-bg: #2a396b;
  --color-info-text: var(--steel-100);
  --color-red-badge: #b91c1c;
  --color-red-badge-bg: #b91c1c22;
  --color-red-badge-hover-bg: #b91c1c44;
  --color-green-badge: #16a34a;
  --color-green-badge-bg: #16a34a22;
  --color-green-badge-hover-bg: #16a34a44;
  --color-yellow-badge: #ca8a04;
  --color-yellow-badge-bg: #ca8a0422;
  --color-yellow-badge-hover-bg: #ca8a0444;
  --color-orange-badge: #ea580c;
  --color-orange-badge-bg: #ea580c22;
  --color-orange-badge-hover-bg: #ea580c44;
  --color-git: #f05133;
  /* Icon colors (PR/Issue/...) */
  --color-icon-green: #3fb950;
  --color-icon-red: #f85149;
  --color-icon-purple: #aa76ff;
  /* target-based colors */
  --color-body: var(--steel-800);
  --color-box-header: var(--steel-700);
  --color-box-body: var(--steel-750);
  --color-box-body-highlight: var(--steel-650);
  --color-text-dark: #fff;
  --color-text: var(--steel-100);
  --color-text-light: var(--steel-150);
  --color-text-light-1: var(--steel-150);
  --color-text-light-2: var(--steel-200);
  --color-text-light-3: var(--steel-200);
  --color-footer: transparent;
  --color-timeline: var(--steel-650);
  --color-input-text: var(--steel-100);
  --color-input-background: var(--steel-650);
  --color-input-toggle-background: var(--steel-650);
  --color-input-border: var(--steel-550);
  --color-input-border-hover: var(--steel-450);
  --color-header-wrapper: transparent;
  --color-header-wrapper-transparent: transparent;
  --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: var(--steel-600);
  --color-active: var(--steel-650);
  --color-menu: var(--steel-700);
  --color-card: var(--steel-700);
  --color-markup-table-row: #ffffff06;
  --color-markup-code-block: var(--steel-800);
  --color-markup-code-inline: var(--steel-850);
  --color-button: var(--steel-600);
  --color-code-bg: var(--steel-750);
  --color-shadow: #00000060;
  --color-secondary-bg: var(--steel-700);
  --color-text-focus: #fff;
  --color-expand-button: #3c404d;
  --color-placeholder-text: var(--color-text-light-3);
  --color-editor-line-highlight: var(--steel-700);
  --color-project-board-bg: var(--color-secondary-light-3);
  --color-project-board-dark-label: var(--color-text-light-3);
  --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-30);
  --color-tooltip-text: #ffffff;
  --color-tooltip-bg: #000000f0;
  --color-nav-bg: transparent;
  --color-nav-hover-bg: var(--steel-600);
  --color-nav-text: var(--color-text);
  --color-secondary-nav-bg: transparent;
  --color-label-text: #fff;
  --color-label-bg: var(--steel-600);
  --color-label-hover-bg: var(--steel-550);
  --color-label-active-bg: var(--steel-500);
  --color-label-bg-alt: var(--steel-550);
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: var(--color-primary-light-4);
  --color-highlight-bg: var(--color-primary-alpha-20);
  --color-overlay-backdrop: #080808c0;
  /* pattern colors for image diff */
  --checkerboard-color-1: #474747;
  --checkerboard-color-2: #313131;
  accent-color: var(--color-accent);
  color-scheme: dark;

  /* Neon Variables */
  --neon-color: var(--color-primary);
  --neon-glow-primary: 0 0 5px var(--color-primary), 0 0 10px var(--color-primary), 0 0 20px var(--color-primary-dark-2);
  --neon-glow-secondary: 0 0 5px var(--color-secondary-light-1), 0 0 10px var(--color-secondary-light-1);
  --neon-glow-text: 0 0 2px var(--color-primary-light-2), 0 0 5px var(--color-primary);
  --neon-border: 1px solid var(--color-primary);
  --neon-box-shadow: 0 0 5px var(--color-primary-alpha-50), inset 0 0 5px var(--color-primary-alpha-20);
}

/* Neon Effects Application */

/* Primary Buttons */
.ui.primary.button,
.ui.green.button,
.ui.red.button,
.ui.blue.button {
  box-shadow: var(--neon-glow-primary) !important;
  border: 1px solid var(--color-primary-light-3) !important;
  transition: box-shadow 0.3s ease, transform 0.1s ease;
}

.ui.primary.button:hover,
.ui.green.button:hover,
.ui.red.button:hover,
.ui.blue.button:hover {
  box-shadow: 0 0 10px var(--color-primary), 0 0 20px var(--color-primary), 0 0 30px var(--color-primary-light-1) !important;
  transform: translateY(-1px);
}

/* Inputs */
.ui.input input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form textarea,
.ui.selection.dropdown {
  border: 1px solid var(--color-primary-alpha-40) !important;
  backdrop-filter: blur(5px);
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.selection.dropdown.active {
  border-color: var(--color-primary) !important;
  box-shadow: var(--neon-box-shadow) !important;
}

/* Navbar / Header */
.ui.secondary.menu .item,
.ui.secondary.menu .header {
  text-shadow: 0 0 1px var(--color-primary-alpha-50);
}

#navbar {
  border-bottom: 1px solid var(--color-primary-alpha-30) !important;
  box-shadow: 0 2px 10px var(--color-primary-alpha-10) !important;
  backdrop-filter: blur(10px);
  z-index: 1000 !important;
}

/* Secondary Navbar / Dashboard Context */
.dashboard-navbar,
.ui.secondary.menu {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Fix Profile Dropdown Z-Index Priority */
.navbar-right .dropdown,
summary[data-tooltip-content="Profil et réglages…"],
details .content {
  z-index: 2000 !important;
}

.dashboard-navbar {
  overflow: visible !important;
}

.dashboard-navbar .ui.dropdown,
.ui.secondary.menu .ui.dropdown {
  border: none !important;
  box-shadow: none !important;
}

/* Cards & Containers */
#dashboard-repo-list {
  z-index: 1 !important;
  position: relative !important;
}

.ui.card,
.ui.cards>.card,
.ui.segment,
.ui.menu,
.ui.Attached.segment {
  border: 1px solid var(--color-primary-alpha-20) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}

.ui.card:hover,
.ui.cards>.card:hover {
  border-color: var(--color-primary-alpha-50) !important;
  box-shadow: var(--neon-box-shadow) !important;
}

/* Links */
a {
  transition: text-shadow 0.2s ease;
}

a:hover {
  text-shadow: 0 0 3px var(--color-primary-light-1);
  color: var(--color-primary-light-3) !important;
}

/* Avatars */
.ui.avatar.image,
.ui.avatar.img,
.avatar {
  box-shadow: 0 0 5px var(--color-primary-alpha-50);
}

/* Labels */
.ui.label {
  box-shadow: 0 0 3px var(--color-primary-alpha-30);
}

/* Repository Header */
.ui.header {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}


/* 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);
}

i.grey.icon.icon.icon.icon {
  color: var(--steel-350) !important;
}

.ui.secondary.vertical.menu {
  border-radius: 0.28571429rem !important;
  overflow: hidden;
}

.ui.basic.primary.button.item {
  background-color: var(--color-active) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

.ui.red.label.notification_count,
.ui.primary.label,
.ui.primary.labels .label {
  background-color: var(--color-primary-light-3) !important;
}

.repository.view.issue .comment-list .code-comment+.code-comment {
  margin: 1.25rem 0 !important;
  padding-top: 1.25rem !important;
  border-top-color: var(--steel-650) !important;
}

.ui.labeled.icon.buttons>.button>.icon,
.ui.labeled.icon.button>.icon {
  background-color: var(--color-light) !important;
}

#review-box .review-comments-counter {
  background-color: var(--color-shadow) !important;
  color: var(--color-white) !important;
  margin-left: 0.5em;
}

.ui.basic.labels .primary.label,
.ui.ui.ui.basic.primary.label {
  color: var(--color-text-dark) !important;
}

.ui.basic.yellow.label.pending-label {
  background: var(--color-light) !important;
}

::selection {
  background: var(--steel-100) !important;
  color: var(--color-pure-black) !important;
}

strong.attention-important,
svg.attention-important {
  color: var(--color-violet-light);
}

strong.attention-note,
svg.attention-note {
  color: var(--color-blue-light);
}

strong.attention-caution,
svg.attention-caution {
  color: var(--color-red-light);
}

.ui.basic.red.button {
  background-color: var(--color-red);
  color: var(--color-white);
}

.ui.basic.red.button:hover,
.ui.basic.red.button:focus {
  background-color: var(--color-red-dark-1);
  color: var(--color-white);
}

.ui.basic.red.button:active {
  background-color: var(--color-red-dark-2);
  color: var(--color-white);
}


/* https://github.com/alecthomas/chroma/blob/6428fb4e65f3c1493491571c8a6a8f1add1da822/types.go#L208 */
.chroma .bp {
  color: #fabd2f;
}

/* NameBuiltinPseudo */
.chroma .c {
  color: #777e94;
}

/* Comment */
.chroma .c1 {
  color: #777e94;
}

/* CommentSingle */
.chroma .ch {
  color: #777e94;
}

/* CommentHashbang */
.chroma .cm {
  color: #777e94;
}

/* CommentMultiline */
.chroma .cp {
  color: #ee7e45;
}

/* CommentPreproc */
.chroma .cpf {
  color: #649bc4;
}

/* CommentPreprocFile */
.chroma .cs {
  color: #9075cd;
}

/* CommentSpecial */
.chroma .dl {
  color: #649bc4;
}

/* LiteralStringDelimiter */
.chroma .fm {
  color: #6bff87;
}

/* NameFunctionMagic */
.chroma .g {}

/* Generic */
.chroma .gd {
  color: #ffffff;
  background-color: #5f3737;
}

/* GenericDeleted */
.chroma .ge {
  color: #ddee30;
}

/* GenericEmph */
.chroma .gh {
  color: #ffaa10;
}

/* GenericHeading */
.chroma .gi {
  color: #ffffff;
  background-color: #3a523a;
}

/* GenericInserted */
.chroma .gl {}

/* GenericUnderline */
.chroma .go {
  color: #777e94;
}

/* GenericOutput */
.chroma .gp {
  color: #ebdbb2;
}

/* GenericPrompt */
.chroma .gr {
  color: #ff4433;
}

/* GenericError */
.chroma .gs {
  color: #ebdbb2;
}

/* GenericStrong */
.chroma .gt {
  color: #ff7540;
}

/* GenericTraceback */
.chroma .gu {
  color: #b8bb26;
}

/* GenericSubheading */
.chroma .il {
  color: #649bc4;
}

/* LiteralNumberIntegerLong */
.chroma .k {
  color: #a37edb;
}

/* Keyword */
.chroma .kc {
  color: #649bc4;
}

/* KeywordConstant */
.chroma .kd {
  color: #ff7540;
}

/* KeywordDeclaration */
.chroma .kn {
  color: #ffaa10;
}

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

/* KeywordPseudo */
.chroma .kr {
  color: #ff7540;
}

/* KeywordReserved */
.chroma .kt {
  color: #ff7b72;
}

/* KeywordType */
.chroma .l {}

/* Literal */
.chroma .ld {}

/* LiteralDate */
.chroma .m {
  color: #649bc4;
}

/* LiteralNumber */
.chroma .mb {
  color: #649bc4;
}

/* LiteralNumberBin */
.chroma .mf {
  color: #649bc4;
}

/* LiteralNumberFloat */
.chroma .mh {
  color: #649bc4;
}

/* LiteralNumberHex */
.chroma .mi {
  color: #649bc4;
}

/* LiteralNumberInteger */
.chroma .mo {
  color: #649bc4;
}

/* LiteralNumberOct */
.chroma .n {
  color: #c9d1d9;
}

/* Name */
.chroma .na {
  color: #fabd2f;
}

/* NameAttribute */
.chroma .nb {
  color: #fabd2f;
}

/* NameBuiltin */
.chroma .nc {
  color: #ffaa10;
}

/* NameClass */
.chroma .nd {
  color: #8ec07c;
}

/* NameDecorator */
.chroma .ne {
  color: #ff7540;
}

/* NameException */
.chroma .nf {
  color: #fabd2f;
}

/* NameFunction */
.chroma .ni {
  color: #fabd2f;
}

/* NameEntity */
.chroma .nl {
  color: #ff7540;
}

/* NameLabel */
.chroma .nn {
  color: #c9d1d9;
}

/* NameNamespace */
.chroma .no {
  color: #649bc4;
}

/* NameConstant */
.chroma .nt {
  color: #ff7540;
}

/* NameTag */
.chroma .nv {
  color: #ebdbb2;
}

/* NameVariable */
.chroma .nx {
  color: #b6bac5;
}

/* NameOther */
.chroma .o {
  color: #fff7ed;
}

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

/* OperatorWord */
.chroma .p {
  color: #ec4899;
}

/* Punctuation */
.chroma .py {}

/* NameProperty */
.chroma .s {
  color: #b8bb26;
}

/* LiteralString */
.chroma .s1 {
  color: #b8bb26;
}

/* LiteralStringSingle */
.chroma .s2 {
  color: #b8bb26;
}

/* LiteralStringDouble */
.chroma .sa {
  color: #ffaa10;
}

/* LiteralStringAffix */
.chroma .sb {
  color: #b8bb26;
}

/* LiteralStringBacktick */
.chroma .sc {
  color: #ffaa10;
}

/* LiteralStringChar */
.chroma .sd {
  color: #b8bb26;
}

/* LiteralStringDoc */
.chroma .se {
  color: #ff8540;
}

/* LiteralStringEscape */
.chroma .sh {
  color: #b8bb26;
}

/* LiteralStringHeredoc */
.chroma .si {
  color: #ffaa10;
}

/* LiteralStringInterpol */
.chroma .sr {
  color: #9075cd;
}

/* LiteralStringRegex */
.chroma .ss {
  color: #ff8540;
}

/* LiteralStringSymbol */
.chroma .sx {
  color: #ffaa10;
}

/* LiteralStringOther */
.chroma .vc {
  color: #649bee;
}

/* NameVariableClass */
.chroma .vg {
  color: #649bee;
}

/* NameVariableGlobal */
.chroma .vi {
  color: #649bee;
}

/* NameVariableInstance */
.chroma .vm {}

/* NameVariableMagic */
.chroma .w {
  color: #7f8699;
}

/* TextWhitespace */
.chroma .err {
  /* not styled because Chroma uses it on too many things like JSX */
}

/* Error */

body {
  background-image: url('https://wallpapercave.com/wp/wp15741934.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}