SLDS Global Styling Hooks & Design Tokens

同学们，我们来看看这一页幻灯片的内容，主要讲的是全局样式挂钩，还有一些相关的使用建议。 首先，“全局样式挂钩”的前缀是 `--slds-g-*`，它已经替代了以前SDDS 1和SDDS 2中那些废弃的设计令牌和样式工件。简单来说，如果你之前用过旧版的设计变量，现在记得换成这种新的形式。 另外，在Salesforce Design System 2里，还为组织级主题增加了“语义UI颜色挂钩”。这样，像背景色、文字色这些语义化的颜色，就可以直接跟着你设定的主题变化，改一个地方，所有用到的地方就都统一了。 另一个要注意的点是，带有 `--lwc-` 前缀的设计标记，是会在编译时被转换成实际值的。这意味着你不能在JavaScript里动态去读取或修改它们，它们只存在于编译后的静态样式里。而且，在Lightning Web Components中，你只能使用全局可访问的样式令牌，不能使用其他受限范围的令牌。 如果你想把旧代码里的废弃令牌替换掉，推荐使用SDS Linter或者Validator工具。它们可以自动扫描你的代码，找出那些老旧的设计令牌，然后帮你直接替换成对应的全局样式挂钩。 最后，关于自定义Aura令牌，在LWC的CSS里，以前你可以用 `--c-` 前缀来引用。不过，为了保证你的应用满足WCAG 2.1颜色对比度等无障碍标准，现在更推荐直接使用这些全局样式挂钩，因为它们是经过对比度验证的，用起来更放心。 总结一下，就是尽量用 `--slds-g-*` 这种新式的全局样式挂钩，不仅能跟上最新的设计规范，也能让你的组件在颜色和无障碍方面更可靠。