feat(color): simplify color scheme
This commit is contained in:
parent
e9d1e80b6a
commit
cde237f706
11
style.css
11
style.css
|
@ -5,8 +5,7 @@
|
||||||
--color-muted: #f3f4f5; /* Light Gray 200 */
|
--color-muted: #f3f4f5; /* Light Gray 200 */
|
||||||
--color-primary: #191e23; /* Dark Gray 900 */
|
--color-primary: #191e23; /* Dark Gray 900 */
|
||||||
--color-secondary: #6c7781; /* Dark Gray 300 */
|
--color-secondary: #6c7781; /* Dark Gray 300 */
|
||||||
--color-accent: #ffb900; /* Accent Yellow */
|
--color-accent: #0073aa; /* WordPress Blue */
|
||||||
--color-link: #46b450; /* Accent Green */
|
|
||||||
|
|
||||||
--scale-ratio: 1.25;
|
--scale-ratio: 1.25;
|
||||||
--scale0: 1rem;
|
--scale0: 1rem;
|
||||||
|
@ -23,6 +22,7 @@
|
||||||
--color-muted: #23282d; /* Dark Gray 800 */
|
--color-muted: #23282d; /* Dark Gray 800 */
|
||||||
--color-primary: #fbfbfc; /* Light Gray 100 */
|
--color-primary: #fbfbfc; /* Light Gray 100 */
|
||||||
--color-secondary: #ccd0d4; /* Light Gray 700 */
|
--color-secondary: #ccd0d4; /* Light Gray 700 */
|
||||||
|
--color-accent: #00a0d2; /* Medium Blue */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -77,14 +77,13 @@ li::marker,
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--color-link);
|
color: var(--color-accent);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.2s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a:focus,
|
a:focus,
|
||||||
a:hover {
|
a:hover {
|
||||||
color: var(--color-accent);
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
|
@ -110,7 +109,7 @@ h2 {
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
color: var(--color-accent);
|
color: var(--color-secondary);
|
||||||
font-size: var(--scale3);
|
font-size: var(--scale3);
|
||||||
grid-column: side;
|
grid-column: side;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
Loading…
Reference in New Issue