Vantive/Manual_Vantive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

actualizacion de imagenes y se agrego la leyenda que se solicito

Browse Source
This commit is contained in:
DavidMtz
2026-03-06 14:57:57 -06:00
parent c8fee7fa15
commit 27a6ded88a
11 changed files with 216 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/theme.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
css/theme.scss
+36 -35
View File
@@ -1,22 +1,23 @@
// Import Bootstrap functions, variables, and mixins
@import '../bootstrap-5.2.3/scss/functions';
@import '../bootstrap-5.2.3/scss/variables';
@import '../bootstrap-5.2.3/scss/mixins';
@import "../bootstrap-5.2.3/scss/functions";
@import "../bootstrap-5.2.3/scss/variables";
@import "../bootstrap-5.2.3/scss/mixins";
// Definir colores personalizados
$custom-colors: (
'rosa-lavanda': #ede3ec,
'lila-rosa': #d8c4d6,
'verde-ceniza': #84a79c,
'verde-oscuro': #105742,
'verde-pino': #4c8071,
'verde-pasto': #84a816,
'verde-claro': #d6e3da,
'verde-gris': #cadcd4,
'verde-claro-2': #b3cdb9,
'lila-claro': #905c8b,
'morado-claro': #915c8c,
'gris': #959595,
"rosa-lavanda": #ede3ec,
"lila-rosa": #d8c4d6,
"verde-ceniza": #84a79c,
"verde-oscuro": #105742,
"verde-pino": #4c8071,
"verde-pasto": #84a816,
"verde-claro": #d6e3da,
"verde-gris": #cadcd4,
"verde-claro-2": #b3cdb9,
"verde-claro-3": #d3e0d7,
"lila-claro": #905c8b,
"morado-claro": #915c8c,
"gris": #959595,
);
// Colores base principales
@@ -48,24 +49,24 @@ $white: #ffffff; // Blanco puro
// Combinar colores en $theme-colors
$theme-colors: map-merge(
(
'primary': $primary,
'primary-light': $primary-light,
'primary-lighter': $primary-lighter,
'primary-dark': $primary-dark,
'primary-darker': $primary-darker,
'secondary': $secondary,
'secondary-light': $secondary-light,
'secondary-lighter': $secondary-lighter,
'secondary-dark': $secondary-dark,
'secondary-darker': $secondary-darker,
'success': $success,
'danger': $danger,
'warning': $warning,
'info': $info,
'light': $light,
'dark': $dark,
'muted': $muted,
'white': $white,
"primary": $primary,
"primary-light": $primary-light,
"primary-lighter": $primary-lighter,
"primary-dark": $primary-dark,
"primary-darker": $primary-darker,
"secondary": $secondary,
"secondary-light": $secondary-light,
"secondary-lighter": $secondary-lighter,
"secondary-dark": $secondary-dark,
"secondary-darker": $secondary-darker,
"success": $success,
"danger": $danger,
"warning": $warning,
"info": $info,
"light": $light,
"dark": $dark,
"muted": $muted,
"white": $white,
),
$custom-colors
);
@@ -79,7 +80,7 @@ $body-color: #515151; // Azul/gris oscuro para texto
--swiper-theme-color: $primary;
--swiper-navigation-color: $primary;
--swiper-pagination-color: $primary;
--swiper-pagination-bullet-inactive-color: map-get($custom-colors, 'silver');
--swiper-pagination-bullet-inactive-color: map-get($custom-colors, "silver");
}
.swiper {
@@ -107,4 +108,4 @@ $container-max-widths: (
xxl: 100%,
);
// Import Bootstrap components
@import '../bootstrap-5.2.3/scss/bootstrap';
@import "../bootstrap-5.2.3/scss/bootstrap";
css/themee.css
+86
View File
@@ -74,6 +74,7 @@
--bs-verde-claro: #d6e3da;
--bs-verde-gris: #cadcd4;
--bs-verde-claro-2: #b3cdb9;
--bs-verde-claro-3: #d3e0d7;
--bs-lila-claro: #905c8b;
--bs-morado-claro: #915c8c;
--bs-gris: #959595;
@@ -104,6 +105,7 @@
--bs-verde-claro-rgb: 214, 227, 218;
--bs-verde-gris-rgb: 202, 220, 212;
--bs-verde-claro-2-rgb: 179, 205, 185;
--bs-verde-claro-3-rgb: 211, 224, 215;
--bs-lila-claro-rgb: 144, 92, 139;
--bs-morado-claro-rgb: 145, 92, 140;
--bs-gris-rgb: 149, 149, 149;
@@ -3358,6 +3360,23 @@ textarea.form-control-lg {
--bs-btn-disabled-border-color: #b3cdb9;
}
.btn-verde-claro-3 {
--bs-btn-color: #000;
--bs-btn-bg: #d3e0d7;
--bs-btn-border-color: #d3e0d7;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #dae5dd;
--bs-btn-hover-border-color: #d7e3db;
--bs-btn-focus-shadow-rgb: 179, 190, 183;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #dce6df;
--bs-btn-active-border-color: #d7e3db;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #d3e0d7;
--bs-btn-disabled-border-color: #d3e0d7;
}
.btn-lila-claro {
--bs-btn-color: #fff;
--bs-btn-bg: #905c8b;
@@ -3868,6 +3887,23 @@ textarea.form-control-lg {
--bs-gradient: none;
}
.btn-outline-verde-claro-3 {
--bs-btn-color: #d3e0d7;
--bs-btn-border-color: #d3e0d7;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #d3e0d7;
--bs-btn-hover-border-color: #d3e0d7;
--bs-btn-focus-shadow-rgb: 211, 224, 215;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #d3e0d7;
--bs-btn-active-border-color: #d3e0d7;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #d3e0d7;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #d3e0d7;
--bs-gradient: none;
}
.btn-outline-lila-claro {
--bs-btn-color: #905c8b;
--bs-btn-border-color: #905c8b;
@@ -5702,6 +5738,15 @@ textarea.form-control-lg {
color: #3a423b;
}
.alert-verde-claro-3 {
--bs-alert-color: #545a56;
--bs-alert-bg: #f6f9f7;
--bs-alert-border-color: #f2f6f3;
}
.alert-verde-claro-3 .alert-link {
color: #434845;
}
.alert-lila-claro {
--bs-alert-color: #563753;
--bs-alert-bg: #e9dee8;
@@ -6399,6 +6444,20 @@ textarea.form-control-lg {
border-color: #48524a;
}
.list-group-item-verde-claro-3 {
color: #545a56;
background-color: #f6f9f7;
}
.list-group-item-verde-claro-3.list-group-item-action:hover, .list-group-item-verde-claro-3.list-group-item-action:focus {
color: #545a56;
background-color: #dde0de;
}
.list-group-item-verde-claro-3.list-group-item-action.active {
color: #ffffff;
background-color: #545a56;
border-color: #545a56;
}
.list-group-item-lila-claro {
color: #563753;
background-color: #e9dee8;
@@ -8099,6 +8158,11 @@ textarea.form-control-lg {
background-color: RGBA(179, 205, 185, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-verde-claro-3 {
color: #000 !important;
background-color: RGBA(211, 224, 215, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-lila-claro {
color: #fff !important;
background-color: RGBA(144, 92, 139, var(--bs-bg-opacity, 1)) !important;
@@ -8303,6 +8367,13 @@ textarea.form-control-lg {
color: #c2d7c7 !important;
}
.link-verde-claro-3 {
color: #d3e0d7 !important;
}
.link-verde-claro-3:hover, .link-verde-claro-3:focus {
color: #dce6df !important;
}
.link-lila-claro {
color: #905c8b !important;
}
@@ -8880,6 +8951,11 @@ textarea.form-control-lg {
border-color: rgba(var(--bs-verde-claro-2-rgb), var(--bs-border-opacity)) !important;
}
.border-verde-claro-3 {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-verde-claro-3-rgb), var(--bs-border-opacity)) !important;
}
.border-lila-claro {
--bs-border-opacity: 1;
border-color: rgba(var(--bs-lila-claro-rgb), var(--bs-border-opacity)) !important;
@@ -9847,6 +9923,11 @@ textarea.form-control-lg {
color: rgba(var(--bs-verde-claro-2-rgb), var(--bs-text-opacity)) !important;
}
.text-verde-claro-3 {
--bs-text-opacity: 1;
color: rgba(var(--bs-verde-claro-3-rgb), var(--bs-text-opacity)) !important;
}
.text-lila-claro {
--bs-text-opacity: 1;
color: rgba(var(--bs-lila-claro-rgb), var(--bs-text-opacity)) !important;
@@ -10038,6 +10119,11 @@ textarea.form-control-lg {
background-color: rgba(var(--bs-verde-claro-2-rgb), var(--bs-bg-opacity)) !important;
}
.bg-verde-claro-3 {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-verde-claro-3-rgb), var(--bs-bg-opacity)) !important;
}
.bg-lila-claro {
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-lila-claro-rgb), var(--bs-bg-opacity)) !important;