Merge pull request #8 from OdairTrujillo/css-variables-colors
authorSalamandra Devs <120526408+SalamandraDevs@users.noreply.github.com>
Fri, 27 Jan 2023 00:40:44 +0000 (19:40 -0500)
committerGitHub <noreply@github.com>
Fri, 27 Jan 2023 00:40:44 +0000 (19:40 -0500)
Agregando variables para los colores

content/about/team.md
themes/droda/assets/css/main.css

index 798be4cdba4e64457f978210bdae0b5490503a06..ae4298635fe5484e46e8f050d8d78e60a30ef789 100644 (file)
@@ -9,11 +9,7 @@ El equipo de Salamandra Devs lo conforman los colaboradores más activos del sit
 ### Nuestros devs
 Conoce a nuestros desarrolladores, justo donde podrías estar tu.
 
-<<<<<<< HEAD
 | Nombre         | Profesión o habilidades        | Karma      | Avatar                  |
-=======
-| Nombre         | Profesión o habilidades        | Karma      | Avatar |
->>>>>>> 9b5582b (recreando repositorio)
 | -------------- | ------------------------------ | ---------- | ----------------------- |
 | Odair Trujillo | Desarrollador web y blockchain | Elevado    | ![Odair](odair.jpg)     |
 | Eugenio Llanos | Analista de datos, backend dev | Elevado    | ![Eugenio](eugenio.jpg) |
index 8b5ba155d961cba86d74ec80e6112451296051e7..e664029e07643254827c6e6f8038c28d5e5ed8b5 100644 (file)
@@ -16,7 +16,9 @@
 }
 
 :root {
-   --bgColorDark: #006b91;
+   --bgColorDark: #242930;
+   --bgColorMidDark: #353b43;
+   --bgColorLightDark: #4f5864;
    --bgColorLight: #D2D2D2;
    --globalScale: 1;
 }
@@ -56,7 +58,7 @@ a:active {
 
 html {
    font-size: calc(62.5% * var(--globalScale));
-   background-color: var(--bgColorDark);
+   background-color: var(--bgColorLight);
 }
 
 /* REGLAS DEL HOME */
@@ -81,7 +83,7 @@ aside {
    justify-content: flex-start;
    width: 100%;
    padding: 0 1rem;
-   background-color: #242930;
+   background-color: var(--bgColorDark);
 }
 
 aside .item {
@@ -102,13 +104,13 @@ nav {
    justify-content: space-between;
    width: 100%;
    padding: 0 2rem;
-   background-color: #4f5864;
+   background-color: var(--bgColorLightDark);
 }
 
 main {
    grid-area: main;
    padding: 2rem;
-   background-color: #353b43;
+   background-color: var(--bgColorMidDark);
 }
 
 main hr {
@@ -149,11 +151,11 @@ footer {
    align-items: center;
    width: 100%;
    padding: 0 2rem;
-   background-color: #4f5864;
+   background-color: var(--bgColorLightDark);
 }
 
 .greetings {
-   background-color: var(--bgColorLight);
+   background-color: var(--bgColorMidDark);
    width: 80%;
    height: 80%;
    margin: 0 auto;