.propiedadesCustomModoOscuro {
   /*
      para lineas de bordes
   */
   --colorParaLineaBorde: #393d3f;
   --bordeGeneral: .01rem solid var(--colorParaLineaBorde);
   --bordeCalendario: .01rem solid var(--colorParaLineaBorde);
   /*
      colores texto
   */
   --colorTextoAdvertencia: #ee4266;
   --colorTextoNotificacion: #65f6d7;
   --colorTextoDefault: #e1e1e2;
   --colorTextoDefaultAlterno: #0a0a12;
   /*
      colores tema principal
   */
   --colorParaFondoPrincipal: #376D38;
   --colorParaFondoPrincipalHover: #448845;
   --colorParaFondoPrincipalActive: #448845;
   --colorParaTextoPrincipal: #EBFFFE;
   /*
      colores en pagina
   */
   --colorParaFondoPagina0: #323A48;
   --colorParaFondoPagina1: #3B5446;
   --colorParaFondoPagina2: #345313;
   --colorParaFondoPagina3: #1E4833;
   --colorParaFondoPagina4: #525936;
   --colorParaTextoPagina: var(--colorTextoDefault);
   /*
      colores en controles
   */
   --colorParaFondoControles: #7DA191;
   --colorParaFondoControlesHover: #678E7E;
   --colorParaFondoControlesActivo: #678E7E;
   --colorParaTextoControles: var(--colorTextoDefault);
   /*
      colores en renglon non en grid
   */
   --colorParaFondoRowNon: #12695A;
   --colorParaFondoRowNonHover: #1EAE96;
   --colorParaFondoRowNonActivo: #1EAE96;
   --colorParaTextoRowNon: var(--colorTextoDefault);
   /*
      colores en renglon par en grid
   */
   --colorParaFondoRowPar: #408D16;
   --colorParaFondoRowParHover: #1C9C87;
   --colorParaFondoRowParActivo: #1C9C87;
   --colorParaTextoRowPar: var(--colorTextoDefault);
   /*
      colores en renglon seleccionado en grid
   */
   --colorParaFondoRowSeleccionado: #EA484E;
   --colorParaFondoRowSeleccionadoHover: #1168D4;
   --colorParaFondoRowSeleccionadoActive: #1168D4;
   --colorParaTextoRowSeleccionado: #EBE8FF;
   /*
      colores en menus
   */
   --colorParaFondoOpcionMenuSeleccionada: #008F4F;
   --colorParaFondoOpcionMenuSeleccionadaHover: #007A43;
   --colorParaFondoOpcionMenuSeleccionadaActive: #007A43;
   --colorParaTextoOpcionMenuSeleccionada: #EBE8FF;
   /*
      colores boton primario
   */
   --colorBotonPrimario: var(--colorParaFondoPrincipal);
   --colorBotonPriMarioGradiente: #77BB7A;
   --colorBotonPrimarioHover: var(--colorParaFondoPrincipalHover);
   --colorBotonPrimarioActive: var(--colorParaFondoPrincipalHover);
   --colorTextoBotonPrimario: var(--colorParaTextoPrincipal);
   /*
      colores boton secundario
   */
   --colorBotonSecundario: var(--colorParaFondoOpcionMenuSeleccionada);
   --colorBotonSecundarioGradiente: #4BA0FB;
   --colorBotonSecundarioHover: var(--colorParaFondoOpcionMenuSeleccionadaHover);
   --colorBotonSecundarioActive: var(--colorParaFondoOpcionMenuSeleccionadaActive);
   --colorTextoBotonSecundario: var(--colorParaTextoOpcionMenuSeleccionada);
   /*
      colores boton success
   */
   --colorBotonSuccess: var(--colorParaFondoRowNon);
   --colorBotonSuccessGradiente: #8EB0F6;
   --colorBotonSuccessHover: var(--colorParaFondoRowNonHover);
   --colorBotonSuccessActive: var(--colorParaFondoRowNonActivo);
   --colorTextoBotonSuccess: var(--colorParaTextoRowNon);
   /*
      colores boton info
   */
   --colorBotonInfo: #92C895;
   --colorBotonInfoGradiente: #C9E4CA;
   --colorBotonInfoHover: #85C187;
   --colorBotonInfoActive: #85C187;
   --colorTextoBotonInfo: #FFFFFF;
   /*
      colores boton warning
   */
   --colorBotonWarning: #F2DDCF;
   --colorBotonWarningGradiente: #DFAB88;
   --colorBotonWarningHover: #EFBB98;
   --colorBotonWarningActive: #EFBB98;
   --colorTextoBotonWarning: var(--colorTextoDefaultAlterno);
   /*
      colores boton Danger
   */
   --colorBotonDanger: #fc3545;
   --colorBotonDangerGradiente: #FAC6D1;
   --colorBotonDangerHover: #dc1525;
   --colorBotonDangerActive: #dc1525;
   --colorTextoBotonDanger: #FFFFFF;
   /*
   color sombra botones
   */
   --colorSombraBotones: #CFCFCF;
}