这样太麻烦了，每次都要写选择器

如果你觉得每次都写选择器太麻烦，可以尝试使用CSS变量来简化暗黑主题的切换。下面是一种改进的设计思路：

1. 定义CSS变量：首先，在根元素或者适当的父元素上定义CSS变量，分别对应暗黑主题和默认主题的颜色。例如：

:root {
  --theme-color: #ffffff; /* 默认主题颜色 */
  --theme-bg-color: #000000; /* 默认背景颜色 */
}

[data-theme="dark"] {
  --theme-color: #ffffff; /* 暗黑主题颜色 */
  --theme-bg-color: #000000; /* 暗黑背景颜色 */
}

2. 应用主题颜色：在需要应用颜色的地方，使用CSS变量代替具体的颜色值。例如：

.my-element {
  color: var(--theme-color);
  background-color: var(--theme-bg-color);
}

3. 切换主题：同样通过JavaScript来切换主题，只需要切换根元素或者适当的父元素的`data-theme`属性即可。例如：

// 切换到暗黑主题
document.documentElement.setAttribute('data-theme', 'dark');

// 切换到默认主题
document.documentElement.setAttribute('data-theme', 'light');

通过使用CSS变量，你可以在SCSS中避免重复写选择器，而是通过修改变量值来改变整个应用的样式。这种方法更加灵活和简洁，并且减少了重复的代码。