
(1) Allow Only Elements: Use this option to apply Dark Mode only to specific elements. Add HTML tags, CSS classes, or IDs, and Dark Mode will target only those.
(2) Force to Correct (Allowed Elements): Ensures the design remains consistent when background or text colors are modified on allowed elements.
(3) Disallowed Elements: Use this feature to exclude specific elements from Dark Mode. Add HTML tags, CSS classes, or IDs, and Dark Mode will not affect those elements.
(4) Force to Correct (Disallowed Elements): Ensures proper display if background or text colors don’t appear correctly on excluded elements.
(5) Allow Only Pages: Select specific pages where Dark Mode and the floating switch should be active. All other pages will be excluded.
(6) Disallowed Pages: Select specific pages where Dark Mode and the floating switch should be disabled. All other pages will support Dark Mode.
(7) Allow Only Posts: Choose specific posts where Dark Mode and the floating switch should be enabled. Other posts will not be affected.
(8) Disallowed Posts: Choose specific posts where Dark Mode and the floating switch should be disabled. Other posts will support Dark Mode.
(9) Dark Mode CSS: Any CSS added here will only be applied when Dark Mode is active.
(10) CSS Rules: Custom CSS selectors are treated as Disallowed Elements by default. To override this, use the :not-disallowed
pseudo-class (e.g., body:not-disallowed { ... }
).
(11) Normal Mode CSS: CSS added here will apply in both Normal and Dark Mode.