Dark Mode by Nidhogblo

/* ==UserStyle==
@name       ?
@version    20250420.19.10
@namespace  ?
==/UserStyle== */

@-moz-document domain("dataplatform.cloud.ibm.com") {
/* Fondo general */
  body, html {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
  }

  /* Encabezados y párrafos */
  h1, h2, h3, h4, h5, h6, p, span, li, dt, dd {
    color: #e0e0e0 !important;
  }

  /* Enlaces */
  a {
    color: #80cbc4 !important;
  }

  a:hover {
    color: #a7ffeb !important;
  }

  /* Bloques principales */
  .bx--grid, .bx--row, .bx--col, .bx--content, .dap-section, .bx--body {
    background-color: transparent !important;
  }

  /* Contenedores de cards o paneles */
  .bx--tile, .bx--accordion__item, .bx--modal-container,
  .nav--logout-modal--container, .bx--data-table-container {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
  }

  /* Navegación superior e inferior */
  #dapNav, #dap-action-bar, footer, .bx--header {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
  }

  /* Campos de entrada */
  input, textarea, select, .bx--text-input, .bx--dropdown, .bx--search-input {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border: 1px solid #555 !important;
  }

  /* Botones */
  button, .bx--btn {
    background-color: #333 !important;
    color: #e0e0e0 !important;
    border: 1px solid #555 !important;
  }

  button:hover, .bx--btn:hover {
    background-color: #444 !important;
    color: #ffffff !important;
  }

  /* Tooltips y modales */
  .bx--tooltip, .bx--modal-container {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
  }

  /* Bordes de elementos interactivos */
  .bx--tabs__nav-item--selected, .bx--accordion__heading {
    border-color: #444 !important;
  }

  /* Quitar sombras y resaltes blancos */
  * {
    box-shadow: none !important;
  }

/* Corrige la franja blanca debajo del nav */
#dap-announcement,
#dap-action-bar,
.dap-action-bar_actions-container,
.dap-action-bar_breadcrumbs,
#dapNav + div {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
    
    /* Corrige contenedor blanco de la barra de búsqueda */
.bx--search,
.bx--search--lg,
.bx--search-input + div,
.bx--search-input:focus + div {
  background-color: #1a1a1a !important;
}

/* Ajusta aún más el envoltorio si es necesario */
.bx--search + div,
.bx--search-input:focus-within {
  background-color: #1a1a1a !important;
}

/* Corrige también el div general que rodea el bloque de búsqueda */
#contentNode > div:first-child {
  background-color: #1a1a1a !important;
}

  /* Logos o íconos con fondo blanco */
  img, svg {
    filter: brightness(0.8) !important;
  }
}