parametrizar colores

Question

Junto con saludar.

  Estoy arreglando una aplicación MVC , con jscript, css, jquery  y,  otras librerías, la cual se desea que el usuario desde un como box pueda cambiar el tema de colores de algunos componentes, pero los colores están definidos en archivos css.

 mi pregunta es : como puedo parametrizar estos cambios,  si alguien tiene o sabe de algún tutorial o manual al respecto o, de como se puede hacer..

Gracias

Answer 1

Si estas utilizando JQuery puedes cambiar las propiedades del DOM Jquery tiene una propiedad llamada CSS . Lo que haras sera lo siguiente estableceras una funcion con varios condicionales para cambiar el color por ejemplo imaginemos que quieres cambiar el color del background de un un div con el id = fondo.

$("button").click(function(etiqueta,color){

    $("#fondo").css(etiqueta,color);

});

Es un ejemplo para que te puedas guiar solo tienes q establecer condiciones para cambiar la propiedad del elemento deseado/

https://www.anerbarrena.com/jquery-css-4900/

Answer 2

vale, gracias, ahora la pregunta, es :

como puedo acceder a etiquetas que estan en otros archivos .css???

Answer 3

Hola, an Asp. NET MVC existe lo que se denomina Layout, que sirve precisamente para esto, para definir el diseño común a tu web. Se encuentran por defecto en la carpeta   ~/Views/Shared/_Layout.cshtml Define varios layouts y establece el que elija el usuario en las vistas. Se establece de esta forma en tu vista

@{
    Layout = "_Layout";
}

---

Si se solucionó tu consulta no olvides marcar la respuesta. Si te ayudó, vótala como útil. Saludos

Answer 4

saludos,

lo que pasa que estas definiciones están en archivos .min , .less y css,  que definen los colores,  es una modificación a una aplicación que ya esta en producción, ademas este layout, no se carga para todos, se carga para un perfil determinado

Answer 5

Hola, yo lo que haría es "sacar" a varios archivos CSS las definiciones y luego generar un layout para el perfil determinado y aplicar lógica en la vista para establecer el layout

@{
    if (<CONDICION>)
    {
        Layout = "~/Views/Shared/_Layout.cshtml";
    }
    else
    {
        Layout = "~/Views/Shared/_Layout-admin.cshtml";
    }

}

---

Si se solucionó tu consulta no olvides marcar la respuesta. Si te ayudó, vótala como útil. Saludos