More pointless variables

sass/_external.scss

@@ -3,7 +3,7 @@ a.external::after {
 	-webkit-mask-image: var(--icon);
 	-webkit-mask-size: cover;
 	display: inline-block;
-	opacity: var(--disabled);
+	opacity: var(--dim-opacity);
 	mask-image: var(--icon);
 	mask-size: cover;
 	margin-inline-start: 0.25rem;

sass/_footnotes-list.scss

@@ -27,7 +27,7 @@
 
 	a + a[href*="#fr-"],
 	li:target a[href*="#fr-"] {
-		opacity: var(--disabled);
+		opacity: var(--dim-opacity);
 		background-color: var(--accent-color);
 
 		&:hover {

sass/_input.scss

@@ -16,7 +16,7 @@ input[type="color"] {
 	}
 
 	&:disabled {
-		opacity: var(--disabled);
+		opacity: var(--disabled-opacity);
 
 		&:hover {
 			cursor: not-allowed;

sass/_spoiler.scss

@@ -23,7 +23,7 @@ span.spoiler {
 
 img.spoiler,
 img[src*="#spoiler"] {
-	opacity: var(--disabled);
+	opacity: var(--dim-opacity);
 	clip-path: inset(0% 0% 0% 0% round var(--rounded-corner));
 	filter: blur(1rem);
 
@@ -37,7 +37,7 @@ img[src*="#spoiler"] {
 	&.solid,
 	&[src*="#solid"] {
 		clip-path: none;
-		filter: brightness(0%);
+		filter: brightness(0%) contrast(50%);
 		box-shadow: none;
 
 		&:hover,

sass/_variables.scss

@@ -65,7 +65,8 @@
 		--blur: saturate(180%) blur(0.75rem);
 		--color-opacity: 0.1;
 		--container-width: 720px;
-		--disabled: 0.6;
+		--dim-opacity: 0.8;
+		--disabled-opacity: 0.6;
 		--edge-highlight: inset 0 0.0625rem 0 rgb(255 255 255 / 0.1);
 		--hover: scale(1.1);
 		--rounded-corner-small: 0.5rem;