diff --git a/src/css/themes/default/_dark.css b/src/css/themes/default/_dark.css index d758297..107434b 100644 --- a/src/css/themes/default/_dark.css +++ b/src/css/themes/default/_dark.css @@ -8,7 +8,6 @@ --body-background-color: var(--color-neutral-900); --body-color: var(--color-neutral-100); - /** * Focus * @@ -16,7 +15,6 @@ --focus-background-color: var(--yellow); --focus-color: var(--color-neutral-900); - /** * Links * @@ -46,7 +44,6 @@ --table-tbody-th-border-color: var(--color-neutral-800); --table-tbody-td-border-color: var(--color-neutral-800); - /** * Code * @@ -54,7 +51,6 @@ --code-background-color: var(--color-neutral-800); --code-color: var(--color-neutral-100); - /** * Buttons * @@ -82,7 +78,6 @@ --button-secondary-hover-border-color: var(--color-neutral-100); --button-secondary-hover-color: var(--color-neutral-900); - /** * Forms * @@ -92,6 +87,9 @@ --input-background-color: var(--color-neutral-100); --input-border-color: var(--color-neutral-500); --input-color: var(--color-neutral-900); + --input-invalid-background-color: var(--color-red-100); + --input-invalid-border-color: var(--color-red-200); + --input-invalid-color: var(--color-red-600); /* Checkbox */ --check-background-color: var(--color-neutral-100); @@ -113,7 +111,6 @@ --button-file-input-border-color: var(--color-neutral-900); --button-file-input-color: var(--color-neutral-100); - /** * Theme switcher * @@ -124,7 +121,6 @@ --theme-switcher-active-background-color: var(--color-neutral-900); --theme-switcher-active-color: var(--color-neutral-100); - /** * Accordion * @@ -135,7 +131,6 @@ --accordion-content-background-color: transparent; --accordion-content-color: var(--color-neutral-100); - /** * Alert * diff --git a/src/css/themes/default/_light.css b/src/css/themes/default/_light.css index f59936e..ba4a7f6 100644 --- a/src/css/themes/default/_light.css +++ b/src/css/themes/default/_light.css @@ -8,7 +8,6 @@ --body-background-color: var(--white); --body-color: var(--color-neutral-900); - /** * Focus * @@ -16,7 +15,6 @@ --focus-background-color: var(--yellow); --focus-color: var(--color-neutral-900); - /** * Links * @@ -80,7 +78,6 @@ --button-secondary-hover-border-color: var(--primary-color); --button-secondary-hover-color: var(--white); - /** * Forms * @@ -114,7 +111,6 @@ --button-file-input-border-color: var(--primary-color); --button-file-input-color: var(--white); - /** * Theme switcher * @@ -125,7 +121,6 @@ --theme-switcher-active-background-color: var(--white); --theme-switcher-active-color: var(--primary-color); - /** * Accordion * @@ -136,7 +131,6 @@ --accordion-content-background-color: transparent; --accordion-content-color: var(--color-neutral-900); - /** * Alert * diff --git a/src/js/ratata.js b/src/js/ratata.js index 896e739..33c1a91 100644 --- a/src/js/ratata.js +++ b/src/js/ratata.js @@ -1,5 +1,6 @@ /** * Toggle color scheme + * */ if (document.querySelector('.btn--color-scheme-switch') !== null) { import('./libs/_toggle-color-scheme.js') @@ -10,6 +11,7 @@ if (document.querySelector('.btn--color-scheme-switch') !== null) { /** * Accordion + * */ if (document.querySelector('.accordion') !== null) { import('./libs/_accordion.js')