feat: better colors for vuepress built-in containers

This commit is contained in:
Lucien Cartier-Tilet 2023-05-25 10:28:52 +02:00
parent ab3ad5619a
commit c5531e3517
Signed by: phundrak
GPG Key ID: BD7789E705CB8DCA

View File

@ -52,14 +52,14 @@
// custom container colors // custom container colors
--c-tip: var(--nord14); --c-tip: var(--nord14);
--c-tip-bg: var(--c-bg); --c-tip-bg: rgba(163, 190, 140, 0.2);
--c-tip-title: var(--c-text); --c-tip-title: var(--c-text);
--c-tip-text: var(--c-text); --c-tip-text: var(--c-text);
--c-tip-text-accent: var(--c-text-accent); --c-tip-text-accent: var(--c-text-accent);
--c-warning: var(--nord13); --c-warning: var(--nord13);
--c-warning-bg: var(--c-bg); --c-warning-bg: rgba(235, 203, 139, 0.3);
--c-warning-bg-light: var(--c-bg-light); --c-warning-bg-light: rgba(235, 203, 139, 0.2);
--c-warning-bg-lighter: var(--c-bg-lighter); --c-warning-bg-lighter: rgba(235, 203, 139, 0.1);
--c-warning-border-dark: var(--nord3); --c-warning-border-dark: var(--nord3);
--c-warning-details-bg: var(--c-bg); --c-warning-details-bg: var(--c-bg);
--c-warning-title: var(--nord12); --c-warning-title: var(--nord12);
@ -69,9 +69,9 @@
--c-warning-text-quote: var(--nord12); --c-warning-text-quote: var(--nord12);
--c-danger: var(--nord11); --c-danger: var(--nord11);
--c-danger-bg: var(--c-bg); --c-danger-bg: rgba(191, 97, 106, 0.2);
--c-danger-bg-light: var(--c-bg-light); --c-danger-bg-light: rgba(191, 97, 106, 0.2);
--c-danger-bg-lighter: var(--c-bg-light); --c-danger-bg-lighter: rgba(191, 97, 106, 0.1);
--c-danger-border-dark: var(--nord11); --c-danger-border-dark: var(--nord11);
--c-danger-details-bg: var(--nord2); --c-danger-details-bg: var(--nord2);
--c-danger-title: var(--nord11); --c-danger-title: var(--nord11);
@ -140,9 +140,9 @@ html.dark {
// custom container colors // custom container colors
--c-tip: var(--nord14); --c-tip: var(--nord14);
--c-warning: var(--nord13); --c-warning: var(--nord13);
--c-warning-bg: var(--c-bg); --c-warning-bg: rgba(235, 203, 139, 0.2);
--c-warning-bg-light: var(--c-bg-light); --c-warning-bg-light: rgba(235, 203, 139, 0.2);
--c-warning-bg-lighter: var(--c-bg-lighter); --c-warning-bg-lighter: rgba(235, 203, 139, 0.1);
--c-warning-border-dark: var(--nord3); --c-warning-border-dark: var(--nord3);
--c-warning-details-bg: var(--c-bg); --c-warning-details-bg: var(--c-bg);
--c-warning-title: var(--nord13); --c-warning-title: var(--nord13);
@ -152,13 +152,13 @@ html.dark {
--c-warning-text-quote: var(--nord13); --c-warning-text-quote: var(--nord13);
--c-danger: var(--nord11); --c-danger: var(--nord11);
--c-danger-bg: var(--c-bg); --c-danger-bg: rgba(191, 97, 106, 0.2);
--c-danger-bg-light: var(--c-bg-light); --c-danger-bg-light: rgba(191, 97, 106, 0.2);
--c-danger-bg-lighter: var(--c-bg-light); --c-danger-bg-lighter: rgba(191, 97, 106, 0.1);
--c-danger-border-dark: var(--nord11); --c-danger-border-dark: var(--nord11);
--c-danger-details-bg: var(--nord2); --c-danger-details-bg: var(--nord2);
--c-danger-title: var(--nord11); --c-danger-title: hsl(354 43% 75.7%);
--c-danger-text: var(--nord11); --c-danger-text: hsl(354 43% 80.7%);
--c-danger-text-accent: var(--nord11); --c-danger-text-accent: var(--nord11);
--c-danger-text-light: var(--nord11); --c-danger-text-light: var(--nord11);
--c-danger-text-quote: var(--nord11); --c-danger-text-quote: var(--nord11);