Theming Angular Material | IMPLEMENTANDO DARK & LIGHT CUSTOM THEMES

Поделиться
HTML-код
  • Опубликовано: 17 ноя 2024

Комментарии • 27

  • @ryuujius
    @ryuujius Год назад +1

    i dont understand spanish but i understand your codes. Documentation reference is very helpful. Thank You brother.

  • @fellgar20
    @fellgar20 Год назад

    Uno de los mejores profesores de Coderhouse 🙌

  • @garciahector4389
    @garciahector4389 6 месяцев назад

    Excelente explicación Josue. Muchas gracias

  • @emmanuelazuaje4264
    @emmanuelazuaje4264 3 месяца назад

    excelente video, estaba buscando y buscando y al fin una que me funciono gracias Like y nuevo sub!!

  • @mirpaterska
    @mirpaterska Год назад

    Excelente Josué, muchas gracias por hacer este video!

  • @davidfonseca1646
    @davidfonseca1646 6 месяцев назад

    Excelente video, ¡muchas gracias!

  • @carlesramos657
    @carlesramos657 Год назад

    Muy bien explicado, graciaaas!!!

  • @eliogalindo92
    @eliogalindo92 Год назад

    Excelente video, muy bien explicado. Justo lo que necesitaba.

  • @AlejandroGallardoRidesNstuff
    @AlejandroGallardoRidesNstuff Год назад

    Genial! Justo lo que necesitaba

  • @tefimk712
    @tefimk712 5 месяцев назад

    Hola, podrias hacer un tutorial de como hacer que funcionen en todos los componentes del sitio? Por ejemplo un navbar, un componente que dentro tenga otro componente, y un footer? Soy muy novata en este tema y no se si es mi version de Angular, pero no me esta funcionando. Te lo agredeceria mucho.

  • @alejserrano1
    @alejserrano1 Год назад

    Tremendo Josue, super útil !!! 👍

  • @eduardopatinella3489
    @eduardopatinella3489 5 месяцев назад

    Crack!

  • @hernansotoguerrero187
    @hernansotoguerrero187 Год назад

    Excelente video, bien conciso y bastante útil. Me basare en esto para aplicar el Cambio de Contraste a modo de accesibilidad web. Muchas gracias por la info.

  • @santimoreno4643
    @santimoreno4643 Год назад

    Muy buen video, muchas gracias.

  • @GodNicki
    @GodNicki Год назад

    Excelente explicacion!!

  • @danielfabbri1718
    @danielfabbri1718 Год назад +2

    Excelente tu video! me sirvió muchísimo y ya lo tengo aplicado en el proyecto.. el problema es que no estoy pudiendo devolverle el ($event) a la función, ya que me indica que un evento no es asignable a una función booleana, no estoy encontrando la solución, te agradecería mucho una ayudita!
    Saludos.

  • @GeraPalet
    @GeraPalet Год назад

    Excelente! saludos.

  • @oquiala
    @oquiala Год назад

    muy buen video 👍

  • @joancamiloolmosduran1434
    @joancamiloolmosduran1434 Год назад

    Por otro lado, este video es joya porque casi no lo logro….

  • @KarinaEsparza-mh6it
    @KarinaEsparza-mh6it Год назад

    Muito bom!

  • @rafaelarrieta5934
    @rafaelarrieta5934 Год назад

    Josue, una genialidad el video, gracias y nunca lo bajes jajajaja

  • @joancamiloolmosduran1434
    @joancamiloolmosduran1434 Год назад

    Josué,una consulta si quisiera modificar los diferentes colores que suelen ser usados como por ejemplo al background, sería hacerlo debajo de donde de lado accent..?

  • @GimenaBugiolachio
    @GimenaBugiolachio Год назад

    Hola, ¿cómo estás? Me encantó tu video. Te hago una consulta... Si yo quisiera aplicar el Dark Mode a mi barra de navegación también, ¿cómo podría implementarlo?

    • @JosueBaez61
      @JosueBaez61  Год назад

      A mi me gusta crear un archivo de variables.css y dentro definir algunas variables globales para extraer los colores de mi tema, te dejo un ejemplo:
      @import '~@angular/material/theming';
      $light-theme-color-config: mat-get-color-config($light-theme);
      $dark-theme-color-config: mat-get-color-config($dark-theme);
      :root {
      --app-bar-background-color: #{map.get($light-theme-color-config, background, app-bar)};
      }
      .dark-mode {
      --app-bar-background-color: #{map.get($dark-theme-color-config, background, app-bar)};
      }
      entonces a tu barra de navegacion podes colocarle simplemente background-color: var(--app-bar-background-color) y tomara el background color desde tu tema, y este valor es variable segun el tema aplicado.
      podes utilizar @debug $dark-theme-color-config; para obtener en tu terminal el listado de variables que podes extraer desde tu tema.

  • @nahuelastor7522
    @nahuelastor7522 2 месяца назад

    inclui mi paleta como lo indicaste en caso de que no usemos las de material. Y no funciona.

    • @nahuelastor7522
      @nahuelastor7522 2 месяца назад

      Ta... Creo que mi problema fue que cuando instale el angular material entre las opciones puse custom. Lo reinstale y puse una paleta cualquiera y dejo de darme errores. Probablemente arruiné algo toqueteando la configuración porque llegue a este video a partir de un problema, que me decia que mat estaba desactualizado..