opentelemetry dark by forivall

/* ==UserStyle==
@name           opentelemetry dark
@namespace      github.com/openstyles/stylus
@version        1.0.2
@description    Dark theme for opentelemetry docs
@author         forivall
==/UserStyle== */

@-moz-document domain("opentelemetry.io") {
  :root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #4f62ad;
    --bs-secondary: #f5a800;
    --bs-success: #3772ff;
    --bs-info: #c0e0de;
    --bs-warning: #ed6a5a;
    --bs-danger: #ed6a5a;
    --bs-light: #d3f3ee;
    --bs-dark: #403f4c;
    --bs-primary-rgb: 79, 98, 173;
    --bs-secondary-rgb: 245, 168, 0;
    --bs-success-rgb: 55, 114, 255;
    --bs-info-rgb: 192, 224, 222;
    --bs-warning-rgb: 237, 106, 90;
    --bs-danger-rgb: 237, 106, 90;
    --bs-light-rgb: 211, 243, 238;
    --bs-dark-rgb: 64, 63, 76;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    
    
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.50);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
  }
  .nav-tabs {
    --bs-nav-tabs-border-color: var(--bs-light-border-subtle);
    --bs-nav-tabs-link-hover-border-color: var(--bs-light-border-subtle) var(--bs-light-border-subtle) var(--bs-light-border-subtle);
    --bs-nav-tabs-link-active-color: var(--bs-light-text-emphasis);
    --bs-nav-tabs-link-active-bg: var(--bs-light-bg-subtle);
    --bs-nav-tabs-link-active-border-color: var(--bs-dark-border-subtle) var(--bs-dark-border-subtle) var(--bs-body-bg);
}
  
  .td-sidebar-nav .td-sidebar-link__page {
    color: var(--bs-dark-text-emphasis);
  }
  .td-sidebar-nav__section-title a {
    color: var(--bs-light-text-emphasis);
  }
  .alert {
    background-color: var(--bs-warning-bg-subtle);
  }
  .alert-warning .alert-heading {
    color: var(--bs-danger-text-emphasis);
  }
  .td-sidebar-toc {
    border-left-color: var(--bs-light-border-subtle);
  }
  .td-sidebar {
    border-right-color: var(--bs-light-border-subtle);
  }
  .tab-content .tab-pane {
    border-color: var(--bs-border-color-translucent);
  }
  [style*="background-color:#f8f8f8"] {
    background-color: var(--bs-secondary-bg-subtle) !important;
  }
  .td-content pre {
    background-color: var(--bs-light-bg-subtle);
  }
  :not(.tab-body) > .highlight > pre {
    border-radius: 5px;
  }
  .highlight > pre [style*="color:#000"] {
    color: #fff !important;
  }
  .highlight > pre [style*="color:#204a87"] {
    color: #527ebf !important;
  }.highlight > pre [style*="color:#4e9a06"] {
    color: #70bd3e !important;
  }
  .form-control:focus {
    background-color: var(--bs-light-bg-subtle);
  }
  img[src^="/img"] {
    filter: invert(100%) hue-rotate(180deg) brightness(80%);
  }
}