为何在无需右大括号的位置反复出现‘Expected RBRACE’错误？

你遇到的错误根源是CSS变量名不统一：

• 定义变量时用的是--primarycolor和--secondarycolor（无连字符）
• 实际调用时写成了--primary-color和--secondary-color（带连字符）

这种不匹配导致CSS解析器无法识别变量，进而触发了Dreamweaver的语法检查误报，提示"Expected RBRACE"。

修正后的代码 #

把变量名统一为带连字符的格式（或统一为无连字符，保持一致即可）：

@charset "utf-8";

:root {
    --primary-color: #edf2fc;
    --secondary-color: #212121;
}

.dark-theme {
    --primary-color: #212121;
    --secondary-color: #edf2fc;
}

#toggler {
    width: 70px;
    height: 70px;
    background-color: dodgerblue;
    border-color: transparent;
    border-radius: 20px;
    color: var(--secondary-color);
    font-family: Helvetica;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}

#toggler:active {
    width: 70px;
    height: 70px;
    background-color: blue;
    border-color: transparent;
    border-radius: 20px;
    color: var(--secondary-color);
    font-family: Helvetica;
    font-weight: 600;
    font-size: 15px;
}

body {
    background-color: var(--primary-color);
}

h1 {
    color: var(--secondary-color);
}

关于Dreamweaver的误报 #

部分旧版本Dreamweaver对CSS自定义属性（变量）的语法支持不够完善，即使代码修正后可能仍会显示错误提示。可以尝试：

• 更新Dreamweaver到最新版本，提升语法兼容性
• 忽略该误报，修正后的代码在现代浏览器中可以正常解析

内容的提问来源于stack exchange，提问作者hairdye