diff --git a/frontend/themes/soportet.iv1.2/styles.css b/frontend/themes/soportet.iv1.2/styles.css
index 90bdabf..6d807a1 100644
--- a/frontend/themes/soportet.iv1.2/styles.css
+++ b/frontend/themes/soportet.iv1.2/styles.css
@@ -1,5 +1,127 @@
 @import url('./main-layout.css');
 
-:root {
-    --vaadin-progress-bar-color: #FF5722;
-}
\ No newline at end of file
+
+/* Estilo especificos para el login form */
+vaadin-login-form.special, vaadin-login-form.special::part(container) {
+    background-color: rgba(105, 27, 49, 0.8);
+    border-radius: 30px;
+}
+
+vaadin-login-form-wrapper {
+    background-color: rgba(221, 201, 163, 1);
+    border-radius: 30px;
+}
+
+/*letras de los label*/
+vaadin-login-form-wrapper ::part(label) {
+    color: #6f7271;
+    transform: scale(1.2);
+}
+
+/*letras de los enlaces*/
+vaadin-login-form-wrapper a {
+    color: #691b31;
+    transform: scale(1.2);
+}
+
+/*vaadin-login-form input{
+    background-color:#ddc9a3!important ;
+}*/
+
+vaadin-login-form vaadin-button[theme~="submit"] {
+    background-color: #691b31;
+}
+
+vaadin-login-form-wrapper::part(form-title) {
+    color: #691b31;
+}
+
+vaadin-login-form-wrapper::part(error-message) {
+    color: #a02142;
+}
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+
+/* Estilos específicos para el ComboBox */
+vaadin-combo-box::part(input-field) {
+    background-color: #ddc9a3; /* Color de fondo */
+    color: #691b31; /* Color del texto */
+    border: 1px solid #691b31; /* Color del borde */
+}
+
+vaadin-combo-box::part(label) {
+    color: #691b31; /* Color de las etiquetas */
+}
+
+vaadin-combo-box::part(dropdown) {
+    background-color: rgba(221, 201, 163, 1); /* Color del fondo del dropdown */
+}
+
+vaadin-combo-box-item::part(checkmark)::before, vaadin-combo-box-item:hover
+{
+    color: #691b31;
+}
+
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/* Estilos específicos para el Upload */
+vaadin-upload > vaadin-button {
+    color: #691b31;
+}
+
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/* Estilos especificos para el TextField y TextArea */
+vaadin-text-field::part(label), vaadin-text-area::part(label) {
+    color: #691b31;
+}
+
+vaadin-text-field::part(input-field), vaadin-text-area::part(input-field), vaadin-password-field::part(input-field) {
+    border: 1px solid #691b31;
+}
+
+
+
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/*Estilos especificos para el SideNav */
+vaadin-side-nav-item[aria-current="page"]::part(content) {
+    color: #a02142; /* Color de texto seleccionado */
+}
+
+vaadin-side-nav-item:hover::part(content) {
+    background-color: #ddc9a3; /* Color de fondo al hacer hover*/
+    fill-opacity: 50%;
+    border-radius: 5px;
+}
+
+vaadin-side-nav-item::part(content) {
+    color: #a02142; /* Color del texto deseado */
+}
+
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/*Estilos especificos para el Grid */
+vaadin-grid::part(selected-row-cell) {
+    background-color: #ddc9a3;
+    opacity: 100%;
+}
+
+vaadin-grid::part(selected-row) {
+    color: #691b31;
+    font-weight: bold;
+}
+
+
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
+/*Estilos especificos para la barra de carga */
+vaadin-progress-bar::part(bar) {
+    background-color: #691b31;
+    color: #691b31;
+}
+
+vaadin-progress-bar::part(value) {
+    background-color: #691b31;
+    color: #691b31;
+}
diff --git a/src/main/bundles/dev.bundle b/src/main/bundles/dev.bundle
index 2569968..c0c8368 100644
Binary files a/src/main/bundles/dev.bundle and b/src/main/bundles/dev.bundle differ
diff --git a/src/main/java/mx/gob/jumapacelaya/Application.java b/src/main/java/mx/gob/jumapacelaya/Application.java
index 9bff3fb..ca76089 100644
--- a/src/main/java/mx/gob/jumapacelaya/Application.java
+++ b/src/main/java/mx/gob/jumapacelaya/Application.java
@@ -19,7 +19,7 @@ import org.springframework.boot.autoconfigure.web.servlet.error.ErrorMvcAutoConf
  *
  */
 @SpringBootApplication(exclude = ErrorMvcAutoConfiguration.class)
-@Theme(value = "soportet.iv1.2")
+@Theme("soportet.iv1.2")
 @JsModule("@vaadin/vaadin-lumo-styles/presets/compact.js")
 @PWA(name = "Sistema de Soporte Técnico", shortName = "Soporte T.I", iconPath = "images/960x960nuevo.png")
 public class Application implements AppShellConfigurator {
diff --git a/src/main/java/mx/gob/jumapacelaya/views/MainLayout.java b/src/main/java/mx/gob/jumapacelaya/views/MainLayout.java
index caba3e4..1bdf14c 100644
--- a/src/main/java/mx/gob/jumapacelaya/views/MainLayout.java
+++ b/src/main/java/mx/gob/jumapacelaya/views/MainLayout.java
@@ -83,7 +83,7 @@ public class MainLayout extends AppLayout {
 
 
         Scroller scroller = new Scroller(createNavigation());
-        scroller.getStyle().set("background-color", "#A02142");
+        scroller.getStyle().set("background-color", "#691b31");
 
         addToDrawer(headerLayout, scroller, createFooter());
     }
diff --git a/src/main/java/mx/gob/jumapacelaya/views/crearnuevoticket/CrearnuevoTicketView.java b/src/main/java/mx/gob/jumapacelaya/views/crearnuevoticket/CrearnuevoTicketView.java
index b665d8c..1e2ab4f 100644
--- a/src/main/java/mx/gob/jumapacelaya/views/crearnuevoticket/CrearnuevoTicketView.java
+++ b/src/main/java/mx/gob/jumapacelaya/views/crearnuevoticket/CrearnuevoTicketView.java
@@ -6,6 +6,7 @@ import com.nimbusds.jose.shaded.gson.JsonParser;
 import com.vaadin.flow.component.button.Button;
 import com.vaadin.flow.component.button.ButtonVariant;
 import com.vaadin.flow.component.combobox.ComboBox;
+import com.vaadin.flow.component.dependency.CssImport;
 import com.vaadin.flow.component.html.H2;
 import com.vaadin.flow.component.html.Paragraph;
 import com.vaadin.flow.component.html.Span;
@@ -38,6 +39,7 @@ import java.util.stream.Collectors;
 @Route(value = "", layout = MainLayout.class)
 @PermitAll
 @PageTitle("Nuevo ticket")
+@CssImport("./themes/soportet.iv1.2/styles.css")
 public class CrearnuevoTicketView extends VerticalLayout {
 
     private final RedmineClient api;
diff --git a/src/main/java/mx/gob/jumapacelaya/views/login/LoginView.java b/src/main/java/mx/gob/jumapacelaya/views/login/LoginView.java
index 24160a0..f50195b 100644
--- a/src/main/java/mx/gob/jumapacelaya/views/login/LoginView.java
+++ b/src/main/java/mx/gob/jumapacelaya/views/login/LoginView.java
@@ -1,5 +1,6 @@
 package mx.gob.jumapacelaya.views.login;
 
+import com.vaadin.flow.component.dependency.CssImport;
 import com.vaadin.flow.component.html.Image;
 import com.vaadin.flow.component.login.LoginForm;
 import com.vaadin.flow.component.login.LoginI18n;
@@ -18,12 +19,14 @@ import org.slf4j.LoggerFactory;
 @Route("login")
 @PageTitle("Login")
 @AnonymousAllowed
+@CssImport("./themes/soportet.iv1.2/styles.css")
 public class LoginView extends VerticalLayout implements BeforeEnterObserver {
 
     private static final Logger log = LoggerFactory.getLogger(LoginView.class);
     private final LoginForm login = new LoginForm();
 
     public LoginView(UserService userService, RedmineClient redmineClient) {
+        login.addClassName("special");
 
         // Configuración de la vista
         addClassName("login-rich-content");
@@ -68,6 +71,7 @@ public class LoginView extends VerticalLayout implements BeforeEnterObserver {
         VerticalLayout loginFormContainer = new VerticalLayout();
         Image imageLogin = new Image("images/JUMAPA_NVO.png", "Logo");
         imageLogin.setWidth("300px");
+
         loginFormContainer.add(imageLogin);
         loginFormContainer.add(login);
         loginFormContainer.setSizeUndefined();
@@ -75,7 +79,7 @@ public class LoginView extends VerticalLayout implements BeforeEnterObserver {
         loginFormContainer.setMargin(false);
         loginFormContainer.setAlignItems(Alignment.CENTER);
         loginFormContainer.setJustifyContentMode(JustifyContentMode.CENTER);
-        //loginFormContainer.getElement().getThemeList().add("dark");
+        loginFormContainer.getElement().getThemeList().add("dark");
 
         // Añadir la imagen y el contenedor del formulario al layout principal
         mainLayout.add(loginFormContainer, logo);