X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_form.scss;h=5bfe29f01fd2e351093dd2d3f3dad9c6fa0a6166;hb=84032966f14fb3c9269b570b1d4fc16452c601c4;hp=4bf154850e420302a63de0ccd6522fc2a17d4a15;hpb=3690e1d409aee92a57d0002a76527ee87cfd0f8b;p=theme-danix.xyz.git

diff --git a/assets/sass/components/_form.scss b/assets/sass/components/_form.scss
index 4bf1548..5bfe29f 100644
--- a/assets/sass/components/_form.scss
+++ b/assets/sass/components/_form.scss
@@ -91,7 +91,7 @@
 	textarea {
 		@include vendor('appearance', 'none');
 		background: _palette_light(border-bg);
-		border: none;
+		border: 1px solid _palette_light(fg-light);
 		border-radius: 0;
 		color: inherit;
 		display: block;
@@ -100,7 +100,8 @@
 		text-decoration: none;
 		width: 100%;
 		@media screen and (prefers-color-scheme: dark) {
-			background: _palette_dark(border-bg);
+			background: _palette_dark(border);
+			border: 1px solid _palette_dark(fg-light);
 		}
 
 		&:invalid {
@@ -109,10 +110,10 @@
 
 		&:focus {
 			border-color: _palette_light(highlight);
-			box-shadow: 0 0 0 2px _palette_light(highlight);
+			box-shadow: inset 0 0 0 2px _palette_light(highlight);
 			@media screen and (prefers-color-scheme: dark) {
 				border-color: _palette_dark(highlight);
-				box-shadow: 0 0 0 2px _palette_dark(highlight);
+				box-shadow: inset 0 0 0 2px _palette_dark(highlight);
 			}
 		}
 	}
@@ -221,9 +222,9 @@
 
 		&:focus + label {
 			&:before {
-				box-shadow: 0 0 0 2px _palette_light(highlight);
+				box-shadow: inset 0 0 0 2px _palette_light(highlight);
 				@media screen and (prefers-color-scheme: dark) {
-					box-shadow: 0 0 0 2px _palette_dark(highlight);
+					box-shadow: inset 0 0 0 2px _palette_dark(highlight);
 				}
 			}
 		}