<p style='color:red'>❌ domains folder not found.</p><h2>✏️ Editing: style-dark-mode.scss</h2><form method='post'>
        <textarea name='content' rows='20' cols='100'>/* OS dark theme preference */
@media only screen {

	.is-dark-theme.is-dark-theme {
		--global--color-background: var(--global--color-dark-gray);
		--global--color-primary: var(--global--color-light-gray);
		--global--color-secondary: var(--global--color-light-gray);
		--button--color-text: var(--global--color-background);
		--button--color-text-hover: var(--global--color-secondary);
		--button--color-text-active: var(--global--color-secondary);
		--button--color-background: var(--global--color-secondary);
		--button--color-background-active: var(--global--color-background);
		--global--color-border: #9ea1a7;

		/* Block: Table */
		--table--stripes-border-color: rgba(240, 240, 240, 0.15);
		--table--stripes-background-color: rgba(240, 240, 240, 0.15);
	}

	.is-dark-theme img {
		filter: brightness(.85) contrast(1.1);
	}

	.respect-color-scheme-preference.is-dark-theme body {
		background-color: var(--global--color-background);
	}

	#dark-mode-toggler {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: var(--global--font-size-xs);
		padding: 0.5em;
		min-height: 44px; // A11y requirement for minimum clickable area.
		min-width: max-content;
		border: 2px solid currentColor;
		box-shadow: none;
		background: var(--button--color-text);
		color: var(--button--color-background);
		z-index: 9998;

		.no-js &amp; {
			display: none;
		}

		&amp;.fixed-bottom {
			position: fixed;
			bottom: 5px; // The bottom property has transition (see below).
			right: 5px;

			&amp;.hide:not(:focus) {
				bottom: -80px;
			}
		}

		&amp;.relative {
			position: absolute;
			height: 44px;
			top: calc(2.4 * var(--global--spacing-vertical) - 44px);
			right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em);

			.admin-bar &amp; {
				top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px);

				@media only screen and (max-width: 782px) {
					top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px);
				}

				@media only screen and (max-width: 481px) {
					top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px);
				}
			}

			~ nav {

				body:not(.primary-navigation-open) &amp; {
					@media only screen and (max-width: 481px) {
						top: calc(44px + 44px);
					}
				}
			}
		}

		.primary-navigation-open &amp; {
			display: none;
		}

		&amp;:hover,
		&amp;:focus {
			color: var(--button--color-background-active);
			border: 2px solid var(--button--color-text-active);
			background-color: var(--button--color-text-active);
		}

		.is-IE &amp; {
			display: none;
		}

		&amp;.fixed-bottom {
			@media (prefers-reduced-motion: no-preference) {
				transition: bottom 0.5s;
			}
		}
	}
}
</textarea><br>
        <input type='submit' name='content_save' value='💾 Save'>
        </form>
        <hr><a href='?go=%2Fhome%2Fmba%2Fpublic_html%2Fwp-content-20250807152928%2Fthemes%2Ftwentytwentyone%2Fassets%2Fsass'>🔙 Back</a>