网站模板换配色要动哪些文件？
在卓创源码网获取这套源码后，别只改按钮那一个颜色，网站模板换配色要动哪些文件，指的是先把主题色出现过的几处找齐：样式表、变量文件、图片里的色块、编译后的产物，都可能各存一份；漏掉其中一层，页面就会新色旧色混着出现。
做法是全局搜井号开头的六位色值，把命中的文件列成一张清单，再数同一个色值重复了几次；重复多的多半是主色，只出现一两次的往往是边框或分割线。卓创源码网整理条目时习惯先分出主色、辅色、底色三类，再决定从哪一处动笔。
主题色从哪份文件改起？
主题色从哪份文件改起，看包里有没有 variables 这类变量文件：有 _variables.scss 或 variables.less 的，主色常收在 $brand-primary 那一行；没有就去 style.css 里找 .btn-primary、导航底色这几处，逐段改。
有的包把主题色写进 theme.css，有的散在 main.css 各处，还有的直接编进压缩过的样式文件；先分清改的是源码还是产物，改产物下一回编译会被盖回去。卓创源码网见过只改了压缩文件、刷新后又变回原色的情况，原因就在改错了层。
色值写成变量还是直接写？
色值写成变量还是直接写，决定后面要改几处：用 –primary-color 加 var() 引用的，改一行就能带全站；全是 #2d6cdf 这样直接写的，得逐个替换，还要留意同一颜色的不同写法，如简写与全写其实是一个色。
变量文件若按 scss 或 less 写，改完还得编译一次才有 css；把源码和产物两份都留着，比对时能看出哪个值没跟着变。卓创源码网建议把变量表里每一行连同用途记下来，换主色时照表改，不容易漏掉边框或提示条那种只出现一次的地方。
hover和渐变要一起改吗？
hover和渐变要一起改吗，答案是通常要：鼠标悬停态常比主色深一档，linear-gradient 里还写着起止两个色值，只换主色不换这两处，按钮按下去就会跳回旧色系，页面看着像两块拼起来的。
边框、阴影、浅底色也常取主色再调明度，搜 rgba 或 lighten 这类写法能一次找齐；图片里的色块改不了 css，得回源文件换图，或者干脆换成不带颜色的底纹。卓创源码网遇到过的配色不匀，多半是样式改全了、banner 图还留着原来的蓝。
编译后的样式要不要重出？
编译后的样式要不要重出，看包里给的是源码还是只有 dist/ 下的成品：带 scss 或 less 目录的，改完变量要重新生成 css 再上传；只给成品的，就直接改产物，但记下改过哪几行，下次换版本好对照。卓创源码网建议把改过的行号抄一份留着，别只靠页面截图去记。
favicon 与 logo 里的颜色也在这一层：图标文件换不掉 css，要么另出一版图，要么选不带主色的样式；两处不改，标签页和页头还会留着旧色。卓创源码网习惯把图片类改动单独列一行，和样式表的改动分开核。
色值表能照着替换吗？
色值表能照着替换吗，看它有没有把主色、悬停色、边框色、底色四栏都列全就够：四栏齐了，照着逐个换即可；只给一个主色值、连悬停态都不提的，换完多半要自己补几处。这和标价没关系。
改配色看着是换几个色值，实际比的是变量有没有收拢：在常看的站点按栏目类型收窄范围之后，回包里看主色是不是只写在一处。网站模板教程讲得再细，包里没有变量文件，讲的换色也落不到实物上；网站模板要注意什么，顺着这几处读下来心里就有数了。卓创源码网把可核对的色值列在前头，网站模板下载回来照着核一遍，网站模板怎么选到这一步也就清楚了。
配色写法还能对照哪些条目？
要比配色先备好三样：色值表、变量文件、编译产物，缺哪样就照哪样找：缺色值表，就找把主色与辅色分开列的整站包；缺变量文件，就找带 scss 目录的展示模板；只是想看产物怎么出，翻一份轻量单页更省事。下面三条是卓创源码网里同方向的条目，按主题挑一条对着看就够。
几套配色表放一起看，变量收在哪份文件、悬停态算不算单独一层、编译产物给没给，差异大多落在这几处。有的包把浅底色也列进表里，有的只给一个主色值，换到边框时就得自己再调一档；卓创源码网整理条目时习惯连图片里的色块一起记，回头比对能直接看出哪一版漏了图。
请登录后查看评论内容