Temas

Es posible cambiar el tema de la aplicación objetivo (paleta de colores) a través del elemento JSON cssStyles (ver Paleta de Colores) Sin embargo, en el caso de que no quiera personalizar su aplicación, puede usar uno de los temas predefinidos que se ofrecen a continuación.

Listado de Temas

Turquesa (tema por defecto)

Tema Turquesa

Nota: no es necesario añadir esta especificación en la definición JSON de la aplicación ya que Duende la toma por defecto

Copy

 "cssStyles": {
    "cssBgColorMenu":"#0E415B",
    "cssColorMenu":"white",
    "cssColorMenuHover":"lightgray",
    "cssColorMenuActive":"#9FC4C6",
    "cssBgColorScreenTitles":"#187489",
    "cssBgColorStandardButton":"#187489",
    "cssColorStandardButton":"white",
    "cssBgColorStandardButtonHover":"#569FAF",
    "cssColorStandardButtonHover":"white",
    "cssColorLightLink":"white",
    "cssColorLightLinkHover":"#DBE5E5",
    "cssBackgroundColorForm":"#DBE5E5",
    "cssShadowForm":"rgba(229, 103, 23, 0.075)",
    "cssColorSubtle":"gray"
}

Tema Negro/Grises

Tema Negro/Grises

Copy

"cssStyles": {
    "cssBgColorMenu":"#000000",
    "cssColorMenu":"white",
    "cssColorMenuHover":"lightgray",
    "cssColorMenuActive":"#c7cccd",
    "cssBgColorScreenTitles":"#697a7e",
    "cssBgColorStandardButton":"#697a7e",
    "cssColorStandardButton":"white",
    "cssBgColorStandardButtonHover":"#313a3c",
    "cssColorStandardButtonHover":"white",
    "cssColorLightLink":"white",
    "cssColorLightLinkHover":"#DBE5E5",
    "cssBackgroundColorForm":"#DBE5E5",
    "cssShadowForm":"rgba(44, 49, 53, 0.075)",
    "cssColorSubtle":"gray"
}

Tema Burdeos

Tema Burdeos

Copy

"cssStyles": {
    "cssBgColorMenu":"#5b0e2c",
    "cssColorMenu":"rgb(244, 228, 228)",
    "cssColorMenuHover":" rgb(247, 244, 244)",
    "cssColorMenuActive":"#c69faa;",
    "cssBgColorScreenTitles":"#89183e",
    "cssBgColorStandardButton":"#89183e",
    "cssColorStandardButton":"rgb(244, 228, 228)",
    "cssBgColorStandardButtonHover":"#af5674",
    "cssColorStandardButtonHover":"rgb(244, 228, 228)",
    "cssColorLightLink":"rgb(244, 228, 228)",
    "cssColorLightLinkHover":"#e5dbdf",
    "cssBackgroundColorForm":"#e5dbdf",
    "cssShadowForm":"rgba(229, 23, 54, 0.075)",
    "cssColorSubtle":"rgb(128, 128, 128)"
}

Tema Verdes

Tema Verdes

Copy

"cssStyles": {
    "cssBgColorMenu":"#0e5b13",
    "cssColorMenu":"white",
    "cssColorMenuHover":"rgb(211, 211, 211)",
    "cssColorMenuActive":"#9fc6b1",
    "cssBgColorScreenTitles":"#188945",
    "cssBgColorStandardButton":"#188945",
    "cssColorStandardButton":"white",
    "cssBgColorStandardButtonHover":"#56af69",
    "cssColorStandardButtonHover":"white",
    "cssColorLightLink":"white",
    "cssColorLightLinkHover":"#dbe5df",
    "cssBackgroundColorForm":"#dbe5df",
    "cssShadowForm":"rgba(23, 229, 109, 0.075)",
    "cssColorSubtle":"rgb(128, 128, 128)"
}

Tema Caqui

Tema Caqui

Copy

"cssStyles": {
    "cssBgColorMenu":"#535b0e",
    "cssColorMenu":"white",
    "cssColorMenuHover":"rgb(211, 211, 211)",
    "cssColorMenuActive":"#c2c69f",
    "cssBgColorScreenTitles":"#838918",
    "cssBgColorStandardButton":"#838918",
    "cssColorStandardButton":"white",
    "cssBgColorStandardButtonHover":"#afaf56",
    "cssColorStandardButtonHover":"white",
    "cssColorLightLink":"white",
    "cssColorLightLinkHover":"#e5e5db",
    "cssBackgroundColorForm":"#e5e5db",
    "cssShadowForm":"rgba(229, 212, 23, 0.075)",
    "cssColorSubtle":"rgb(128, 128, 128)"
}

Tema Chocolate

Tema Chocolate

Copy

"cssStyles": {
    "cssBgColorMenu":"#5b2f0e",
    "cssColorMenu":"white",
    "cssColorMenuHover":"rgb(211, 211, 211)",
    "cssColorMenuActive":"#c6a99f",
    "cssBgColorScreenTitles":"#895418",
    "cssBgColorStandardButton":"#895418",
    "cssColorStandardButton":"white",
    "cssBgColorStandardButtonHover":"#af8b56",
    "cssColorStandardButtonHover":"white",
    "cssColorLightLink":"white",
    "cssColorLightLinkHover":"#e5dcdb",
    "cssBackgroundColorForm":"#e5dcdb",
    "cssShadowForm":"rgba(229, 103, 23, 0.075)",
    "cssColorSubtle":"rgb(128, 128, 128)"
}

Tema Añil

Tema Añil

Copy

"cssStyles": {
    "cssBgColorMenu":"#0e145b",
    "cssColorMenu":"white",
    "cssColorMenuHover":"rgb(211, 211, 211)",
    "cssColorMenuActive":"#a09fc6",
    "cssBgColorScreenTitles":"#181f89",
    "cssBgColorStandardButton":"#181f89",
    "cssColorStandardButton":"white",
    "cssBgColorStandardButtonHover":"#5956af",
    "cssColorStandardButtonHover":"white",
    "cssColorLightLink":"white",
    "cssColorLightLinkHover":"#dbdce5",
    "cssBackgroundColorForm":"#dbdce5",
    "cssShadowForm":"rgba(23, 23, 229, 0.075)",
    "cssColorSubtle":"rgb(128, 128, 128)"
}

Tema Perú

Tema Perú

Copy

"cssStyles": {
    "cssBgColorMenu":"#815d20",
    "cssColorMenu":"white",
    "cssColorMenuHover":"rgb(211, 211, 211)",
    "cssColorMenuActive":"#c6b29f",
    "cssBgColorScreenTitles":"#a36912",
    "cssBgColorStandardButton":"#a36912",
    "cssColorStandardButton":"white",
    "cssBgColorStandardButtonHover":"#b7844b",
    "cssColorStandardButtonHover":"white",
    "cssColorLightLink":"white",
    "cssColorLightLinkHover":"#e2caaf",
    "cssBackgroundColorForm":"#e2caaf",
    "cssShadowForm":"rgba(229, 164, 23, 0.075)",
    "cssColorSubtle":"rgb(131, 126, 120)"
}

Tema Teal

Tema Teal

Copy

"cssStyles": {
    "cssBgColorMenu":"#025f51",
    "cssColorMenu":"white",
    "cssColorMenuHover":"rgb(211, 211, 211)",
    "cssColorMenuActive":"#84c9c8",
    "cssBgColorScreenTitles":"#038575",
    "cssBgColorStandardButton":"#038575",
    "cssColorStandardButton":"white",
    "cssBgColorStandardButtonHover":"#0fac8a",
    "cssColorStandardButtonHover":"white",
    "cssColorLightLink":"white",
    "cssColorLightLinkHover":"#dbe5e1",
    "cssBackgroundColorForm":"#dbe5e1",
    "cssShadowForm":"rgba(23, 229, 167, 0.075)",
    "cssColorSubtle":"rgb(128, 128, 128)"
}

Tema Sangre

Tema Sangre

Copy

"cssStyles": {
    "cssBgColorMenu":"#700303",
    "cssColorMenu":"rgb(251, 219, 37)",
    "cssColorMenuHover":"rgb(211, 211, 211)",
    "cssColorMenuActive":"#e98c8c",
    "cssBgColorScreenTitles":"#b30909",
    "cssBgColorStandardButton":"#b30909",
    "cssColorStandardButton":"rgb(251, 219, 37)",
    "cssBgColorStandardButtonHover":"#cf4949",
    "cssColorStandardButtonHover":"rgb(251, 219, 37)",
    "cssColorLightLink":"rgb(251, 219, 37)",
    "cssColorLightLinkHover":"#e5dbdb",
    "cssBackgroundColorForm":"#e5dbdb",
    "cssShadowForm":"rgba(229, 23, 23, 0.075)",
    "cssColorSubtle":"rgb(161, 112, 112)"
}

Tema Azul y Rojo

Tema Azul y Rojo

Copy

"cssStyles": {
    "cssBgColorMenu":"#0e1c5b",
    "cssColorMenu":"white",
    "cssColorMenuHover":"lightgray",
    "cssColorMenuActive":"#6e97c3",
    "cssBgColorScreenTitles":"#c30e35",
    "cssBgColorStandardButton":"#c30e35",
    "cssColorStandardButton":"white",
    "cssBgColorStandardButtonHover":"#c05b62",
    "cssColorStandardButtonHover":"white",
    "cssColorLightLink":"white",
    "cssColorLightLinkHover":"#8caecd",
    "cssBackgroundColorForm":"#8caecd",
    "cssShadowForm":"rgba(229, 74, 23, 0.075)",
    "cssColorSubtle":"gray"
}

Tema Negro y Verde

Tema Negro y Verde

Copy

"cssStyles": {
    "cssBgColorMenu":"#052311",
    "cssColorMenu":"rgb(218, 247, 202)",
    "cssColorMenuHover":"lightgray",
    "cssColorMenuActive":"#3ad141",
    "cssBgColorScreenTitles":"#18894d",
    "cssBgColorStandardButton":"#18894d",
    "cssColorStandardButton":"rgb(218, 247, 202)",
    "cssBgColorStandardButtonHover":"#45b353",
    "cssColorStandardButtonHover":"rgb(218, 247, 202)",
    "cssColorLightLink":"rgb(218, 247, 202)",
    "cssColorLightLinkHover":"#e8ead4",
    "cssBackgroundColorForm":"#e8ead4",
    "cssShadowForm":"rgba(54, 229, 23, 0.075)",
    "cssColorSubtle":"rgb(128, 128, 128)"
}