feat(color): use WordPress color palette
This commit is contained in:
parent
f0267684dc
commit
070be5f6a0
20
style.css
20
style.css
|
@ -1,12 +1,12 @@
|
||||||
:root {
|
:root {
|
||||||
color-scheme: light dark;
|
color-scheme: light dark;
|
||||||
|
|
||||||
--color-background: #ffffff;
|
--color-background: #ffffff; /* White */
|
||||||
--color-primary: #212529;
|
--color-muted: #f3f4f5; /* Light Gray 200 */
|
||||||
--color-secondary: #95a5a6;
|
--color-primary: #191e23; /* Dark Gray 900 */
|
||||||
--color-muted: #f4f6f6;
|
--color-secondary: #6c7781; /* Dark Gray 300 */
|
||||||
--color-accent: #f1c40f;
|
--color-accent: #ffb900; /* Accent Yellow */
|
||||||
--color-link: #2ecc71;
|
--color-link: #46b450; /* Accent Green */
|
||||||
|
|
||||||
--scale-ratio: 1.25;
|
--scale-ratio: 1.25;
|
||||||
--scale0: 1rem;
|
--scale0: 1rem;
|
||||||
|
@ -19,10 +19,10 @@
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
--color-background: #181a1b;
|
--color-background: #191e23; /* Dark Gray 900 */
|
||||||
--color-primary: #d1cdc7;
|
--color-muted: #23282d; /* Dark Gray 800 */
|
||||||
--color-secondary: #aaa398;
|
--color-primary: #fbfbfc; /* Light Gray 100 */
|
||||||
--color-muted: #1e2021;
|
--color-secondary: #ccd0d4; /* Light Gray 700 */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -17,12 +17,12 @@ exports[`test/render.js TAP renders a resume > must match snapshot 1`] = `
|
||||||
<style>:root {
|
<style>:root {
|
||||||
color-scheme: light dark;
|
color-scheme: light dark;
|
||||||
|
|
||||||
--color-background: #ffffff;
|
--color-background: #ffffff; /* White */
|
||||||
--color-primary: #212529;
|
--color-muted: #f3f4f5; /* Light Gray 200 */
|
||||||
--color-secondary: #95a5a6;
|
--color-primary: #191e23; /* Dark Gray 900 */
|
||||||
--color-muted: #f4f6f6;
|
--color-secondary: #6c7781; /* Dark Gray 300 */
|
||||||
--color-accent: #f1c40f;
|
--color-accent: #ffb900; /* Accent Yellow */
|
||||||
--color-link: #2ecc71;
|
--color-link: #46b450; /* Accent Green */
|
||||||
|
|
||||||
--scale-ratio: 1.25;
|
--scale-ratio: 1.25;
|
||||||
--scale0: 1rem;
|
--scale0: 1rem;
|
||||||
|
@ -35,10 +35,10 @@ exports[`test/render.js TAP renders a resume > must match snapshot 1`] = `
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
--color-background: #181a1b;
|
--color-background: #191e23; /* Dark Gray 900 */
|
||||||
--color-primary: #d1cdc7;
|
--color-muted: #23282d; /* Dark Gray 800 */
|
||||||
--color-secondary: #aaa398;
|
--color-primary: #fbfbfc; /* Light Gray 100 */
|
||||||
--color-muted: #1e2021;
|
--color-secondary: #ccd0d4; /* Light Gray 700 */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue