您好！
我对 CSS 的了解还算可以，但有点过时了，我绝对不是设计师。
要仅通过 CSS 覆盖来创建一个简单的皮肤，起点应该是什么？我指的不是工具（discourse_theme 之类），而是纯粹从设计角度来看。
我想要做的一个好的例子是重新设计导航菜单（nav-pills）。
每当我实现一些效果时，它都会“破坏”其他地方的东西，因为被修改元素的上下文是不同的。
如果我通过 padding 更改它们的尺寸，它们将与相邻的按钮（新主题）或选择器（类别、标签）的高度不同，从而产生差异。
如果我给我的 pills 添加边框，它在用户偏好设置页面上会很难看，因为导航栏已经用边框分隔开了。
我还尝试为 select-kit 添加一些修改，结果发现要让我的修改适用于任何 select-kit 变体将是一场噩梦。
每次我尝试重新设计一个元素时，都会遇到问题。
所以，我想从给定页面开始重新设计不是正确的解决方案。我考虑从 /styleguide 页面开始，因为这可能是它的目的，但很容易发现问题通常是相似的。在 styleguide 中显示的每个元素都缺乏它在真实页面上使用的上下文。
有太多的元素以及元素和页面之间的交互，这很快就让人不知所措，我开始以指数级的方式修补我的修改来“修复”它们，而这正是我不应该做的。
我希望我对问题的描述不是很模糊。
如果您有什么可以分享的建议来帮助我进行小的更改，我将不胜感激！
我的问题很宽泛，但为了展示我想要进行的修改类型，这是我论坛的默认主题和我目前的工作。
从视觉上看，不会比显示的更多，而且这个页面看起来不错，但目前，由于我目前的调整（以及我尚未发现的更多调整），其他页面上有太多区域出现故障或难看。