diff --git a/package-lock.json b/package-lock.json index 7e5287a..2e51f99 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12455,9 +12455,9 @@ } }, "node_modules/loader-utils": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz", - "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.3.tgz", + "integrity": "sha512-THWqIsn8QRnvLl0shHYVBN9syumU8pYWEHPTmkiVGd+7K5eFNVSY6AJhRvgGF70gg1Dz+l/k8WicvFCxdEs60A==", "dev": true, "dependencies": { "big.js": "^5.2.2", @@ -27590,9 +27590,9 @@ "dev": true }, "loader-utils": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz", - "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.3.tgz", + "integrity": "sha512-THWqIsn8QRnvLl0shHYVBN9syumU8pYWEHPTmkiVGd+7K5eFNVSY6AJhRvgGF70gg1Dz+l/k8WicvFCxdEs60A==", "dev": true, "requires": { "big.js": "^5.2.2", diff --git a/src/pages/checkpw/styled.ts b/src/pages/checkpw/styled.ts index 67b8f9e..9ca80b4 100644 --- a/src/pages/checkpw/styled.ts +++ b/src/pages/checkpw/styled.ts @@ -14,6 +14,8 @@ export const PasswordInputSection = styled.div` export const CheckPasswordInput = styled.input` border: 0.4rem solid var(--color-border); + background-color: var(--color-backgorund-black); + color: var(--color-text-placeholder); border-radius: 1rem; outline: none; width: 50rem; @@ -21,4 +23,7 @@ export const CheckPasswordInput = styled.input` padding-left: 1.2rem; font-size: 1.8rem; font-weight: 700; + &::-webkit-input-placeholder { + color: var(--color-text-placeholder); + } `;