projects
/
salamandradevs.site
/
.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
0a1a3d8
)
Agregando variables de color y dándoles uso
author
OdairTrujillo
<haldrik@gmail.com>
Fri, 27 Jan 2023 00:31:25 +0000
(19:31 -0500)
committer
OdairTrujillo
<haldrik@gmail.com>
Fri, 27 Jan 2023 00:31:25 +0000
(19:31 -0500)
themes/droda/assets/css/main.css
patch
|
blob
|
history
diff --git
a/themes/droda/assets/css/main.css
b/themes/droda/assets/css/main.css
index 8b5ba155d961cba86d74ec80e6112451296051e7..e664029e07643254827c6e6f8038c28d5e5ed8b5 100644
(file)
--- a/
themes/droda/assets/css/main.css
+++ b/
themes/droda/assets/css/main.css
@@
-16,7
+16,9
@@
}
:root {
}
:root {
- --bgColorDark: #006b91;
+ --bgColorDark: #242930;
+ --bgColorMidDark: #353b43;
+ --bgColorLightDark: #4f5864;
--bgColorLight: #D2D2D2;
--globalScale: 1;
}
--bgColorLight: #D2D2D2;
--globalScale: 1;
}
@@
-56,7
+58,7
@@
a:active {
html {
font-size: calc(62.5% * var(--globalScale));
html {
font-size: calc(62.5% * var(--globalScale));
- background-color: var(--bgColor
Dark
);
+ background-color: var(--bgColor
Light
);
}
/* REGLAS DEL HOME */
}
/* REGLAS DEL HOME */
@@
-81,7
+83,7
@@
aside {
justify-content: flex-start;
width: 100%;
padding: 0 1rem;
justify-content: flex-start;
width: 100%;
padding: 0 1rem;
- background-color:
#242930
;
+ background-color:
var(--bgColorDark)
;
}
aside .item {
}
aside .item {
@@
-102,13
+104,13
@@
nav {
justify-content: space-between;
width: 100%;
padding: 0 2rem;
justify-content: space-between;
width: 100%;
padding: 0 2rem;
- background-color:
#4f5864
;
+ background-color:
var(--bgColorLightDark)
;
}
main {
grid-area: main;
padding: 2rem;
}
main {
grid-area: main;
padding: 2rem;
- background-color:
#353b43
;
+ background-color:
var(--bgColorMidDark)
;
}
main hr {
}
main hr {
@@
-149,11
+151,11
@@
footer {
align-items: center;
width: 100%;
padding: 0 2rem;
align-items: center;
width: 100%;
padding: 0 2rem;
- background-color:
#4f5864
;
+ background-color:
var(--bgColorLightDark)
;
}
.greetings {
}
.greetings {
- background-color: var(--bgColor
Light
);
+ background-color: var(--bgColor
MidDark
);
width: 80%;
height: 80%;
margin: 0 auto;
width: 80%;
height: 80%;
margin: 0 auto;