feat(color): use WordPress color palette

This commit is contained in:
Rafael Bardini 2021-11-12 19:57:16 +01:00
parent f0267684dc
commit 070be5f6a0
2 changed files with 20 additions and 20 deletions

View File

@ -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 */
} }
} }

View File

@ -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 */
} }
} }