Skip to content

Migra al uso de MD vars para CSS + Verde Bandera#28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pixelead0 merged 1 commit into from
Oct 12, 2025
Merged

Migra al uso de MD vars para CSS + Verde Bandera #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 35 additions & 30 deletions docs/css/custom.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -27,11 +27,16 @@
----------------------------------------------------------------------------- */

:root{
/* Colores principales */
--python-green: #4CAF50;
--python-green-dark: #45a049;
--python-white: #ffffff;

/* Material Design Variables */
--md-primary-fg-color--lighter: #b3d0c6;
--md-primary-fg-color--light: #4d927a;
--md-primary-fg-color: #006341;
--md-primary-fg-color--dark: #004f34;
--md-primary-fg-color--darker: #003221;
--md-accent-fg-color--light: #4d927a;
--md-accent-fg-color: #006341;
--md-accent-fg-color--dark: #004f34;
--md-accent-bg-color: #ffffff;
/* Radios y espaciado */
--button-radius: 3.125rem;
--card-radius: 0.75rem;
Expand DownExpand Up@@ -129,8 +134,8 @@
}

.action-buttons a:first-child{
color: var(--md-accent-bg-color);
background: var(--md-primary-fg-color);
color: var(--python-white);
}

.action-buttons a:first-child:hover{
Expand All@@ -146,7 +151,7 @@

.action-buttons a:last-child:hover{
background: var(--md-primary-fg-color);
color: var(--python-white);
color: var(--md-primary-bg-color);
}

/* Botones estándar del sitio */
Expand All@@ -155,8 +160,8 @@
.btn-primary,
.participation-card a,
.year-card a{
background: var(--python-green) !important;
color: var(--python-white) !important;
background: var(--md-accent-fg-color) !important;
color: var(--md-accent-bg-color) !important;
padding: 0.75rem 1.5rem;
border-radius: var(--button-radius);
text-decoration: none;
Expand All@@ -175,8 +180,8 @@
.btn-primary:hover,
.participation-card a:hover,
.year-card a:hover{
background: var(--python-green-dark) !important;
color: var(--python-white) !important;
background: var(--md-accent-fg-color--dark) !important;
color: var(--md-accent-bg-color) !important;
transform: translateY(-2px);
box-shadow: var(--md-shadow-z2);
text-decoration: none;
Expand All@@ -186,16 +191,16 @@
.btn.btn-primary,
.btn-primary.mt-2,
.upcoming-btn{
background: var(--python-green) !important;
color: var(--python-white) !important;
background: var(--md-accent-fg-color) !important;
color: var(--md-accent-bg-color) !important;
text-decoration: none !important;
}

.btn.btn-primary:hover,
.btn-primary.mt-2:hover,
.upcoming-btn:hover{
background: var(--python-green-dark) !important;
color: var(--python-white) !important;
background: var(--md-accent-fg-color--dark) !important;
color: var(--md-accent-bg-color) !important;
text-decoration: none !important;
}

Expand DownExpand Up@@ -343,7 +348,7 @@
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--md-primary-fg-color), var(--python-green));
background: linear-gradient(90deg, var(--md-primary-fg-color), var(--md-primary-bg-color));
opacity: 0;
transition: var(--transition-base);
}
Expand DownExpand Up@@ -414,7 +419,7 @@
/* Especialización de tarjetas por tipo */
.participation-ponente,
.year-2025{
border-left: 4px solid var(--python-green);
border-left: 4px solid var(--md-primary-fg-color);
}

.participation-voluntario,
Expand All@@ -428,7 +433,7 @@
}

.year-2025:hover{
border-left-color: var(--python-green-dark);
border-left-color: var(--md-accent-fg-color--dark);
}

.year-2024:hover{
Expand DownExpand Up@@ -716,7 +721,7 @@

.community-card:hover{
transform: translateY(-5px);
border-color: var(--python-green);
border-color: var(--md-accent-fg-color);
box-shadow: 0 8px 25px rgba(76, 175, 80, 0.15);
text-decoration: none;
color: var(--md-default-fg-color);
Expand All@@ -733,7 +738,7 @@
}

.community-card:hover img{
border-color: var(--python-green);
border-color: var(--md-accent-fg-color);
transform: scale(1.05);
}

Expand All@@ -747,12 +752,12 @@

.community-card h4 i{
margin-right: 0.5rem;
color: var(--python-green);
color: var(--md-accent-fg-color);
font-size: 0.9em;
}

.community-card:hover h4{
color: var(--python-green);
color: var(--md-accent-fg-color);
}

.community-card p{
Expand DownExpand Up@@ -953,8 +958,8 @@
}

.speaker-links a:hover{
background: var(--md-primary-fg-color);
color: var(--python-white);
background: var(--md-accent-fg-color);
color: var(--md-accent-bg-color);
}

/* Descripción de la charla */
Expand DownExpand Up@@ -1053,8 +1058,8 @@
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: var(--python-green);
color: var(--python-white);
background: var(--md-accent-fg-color);
color: var(--md-accent-bg-color);
padding: 0.75rem 1.25rem;
border-radius: var(--button-radius);
text-decoration: none;
Expand All@@ -1065,8 +1070,8 @@
}

.youtube-btn:hover{
background: var(--python-green-dark);
color: var(--python-white);
background: var(--md-accent-fg-color--dark);
color: var(--md-accent-bg-color);
transform: translateY(-1px);
box-shadow: var(--md-shadow-z1);
text-decoration: none;
Expand DownExpand Up@@ -1115,7 +1120,7 @@

.community-link:hover{
transform: translateY(-3px);
color: var(--python-white);
color: var(--md-accent-bg-color);
text-decoration: none;
animation: none;
}
Expand All@@ -1131,7 +1136,7 @@
}

.community-link:hover i{
color: var(--python-white);
color: var(--md-accent-bg-color);
transform: scale(1.1);
}

Expand Down
8 changes: 4 additions & 4 deletions mkdocs.yml
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -21,15 +21,15 @@ theme:
palette:
# Light mode
- scheme: default
primary: green
accent: green
primary: custom
accent: custom
toggle:
icon: material/brightness-7
name: Cambiar a modo oscuro
# Dark mode
- scheme: slate
primary: green
accent: green
primary: custom
accent: custom
toggle:
icon: material/brightness-4
name: Cambiar a modo claro
Expand Down
Loading