在当今的数字世界中，用户体验至关重要，而提供黑暗模式已成为许多网站和应用的热门功能。通过利用可选样式表，我们可以轻松为网站或应用实现黑暗模式，以下是具体的方法。

我们需要创建两个样式表：一个用于常规的明亮模式，另一个用于黑暗模式。在明亮模式的样式表中，定义常见的颜色、字体、布局等样式，以确保在默认情况下网站或应用呈现出正常的外观。

而对于黑暗模式的样式表，我们需要对颜色进行调整。通常，背景颜色会从白色或浅色调转变为深灰色或黑色，文字颜色则从黑色或深色调变为白色或浅色调。要注意对比度的保持，以确保文本清晰可读。

接下来，在网站或应用的 HTML 文档中，通过<link>标签引入这两个样式表。例如：

<link rel="stylesheet" type="text/css" href="light-mode.css" media="(prefers-color-scheme: light)">
<link rel="stylesheet" type="text/css" href="dark-mode.css" media="(prefers-color-scheme: dark)">

这里使用了media属性来根据用户的系统偏好自动加载相应的样式表。如果用户的系统设置为偏好黑暗模式，浏览器将加载黑暗模式的样式表。

为了给用户提供手动切换模式的选项，我们可以添加一个切换按钮。当用户点击按钮时，通过 JavaScript 来修改<html>元素的class属性，从而实现样式的切换。

另外，还需要对图片和图标进行优化。在黑暗模式下，某些图片可能会显得不和谐。可以通过调整图片的亮度、对比度或者提供专门的黑暗模式图片来改善视觉效果。

在测试黑暗模式时，要确保在各种设备和浏览器上进行，检查元素的对齐、布局的完整性以及文字的可读性。

利用可选样式表实现黑暗模式不仅能提升用户体验，还能使网站或应用在视觉上更具吸引力和个性化。不断优化和改进黑暗模式的实现方式，将有助于满足用户不断变化的需求，提高用户的满意度和忠诚度。