| @ -1,5 +1,127 @@ | |||||
| @import url('./main-layout.css'); | @import url('./main-layout.css'); | ||||
| :root { | |||||
| --vaadin-progress-bar-color: #FF5722; | |||||
| } | |||||
| /* 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; | |||||
| } | |||||