配色
from https://refactoringui.com/previews/building-your-color-palette/
really awesome!!!
/* 大标题，标题等 */
@darkest-grey: #212a34;
/* 待定 */
@darker-grey: #5f6b7a;
/* 主体文字 */
@dark-grey: #8895a7;
/* 边框，border */
@grey: #b8c4ce;
/* 着重内容块的背景 */
@light-grey: #edf1f5;
/* 待定 */
@lighter-grey: #e1e7ec;
/* 轻一点内容块的背景， 或者整体背景 */
@lightest-grey: #f8f9fa;
@darkest-blue: #203c54;
@darker-blue: #1b4971;
@dark-blue: #2368a2;
@blue: #3183c8;
@light-blue: #63a2d8;
@lighter-blue: #aad4f5;
@lightest-blue: #eff8ff;``css @darkest-red: #631718; @darker-red: #881a1c; @dark-red: #b82021; @red: #dc302f; @light-red: #e36363; @lighter-red: #f4aaaa; @lightest-red: #fce8e8;
#### warning 黄色
```css
@darkest-yellow: #5c4813;
@darker-yellow: #8c6d1f;
@dark-yellow: #caa53d;
@yellow: #f4ca64;
@light-yellow: #fae19f;
@lighter-yellow: #fdf3d7;
@lightest-yellow: #fffcf4;
@darkest-green: #155239;
@darker-green: #177741;
@dark-green: #249d57;
@green: #37c172;
@light-green: #74d99f;
@lighter-green: #a8eec1;
@lightest-green: #e3fcec;Nine is a great number because it's easy to divide and makes filling in the gaps a little more straightforward. Let's call our darkest shade 900, our base shade 500, and our lightest shade 100
在 5 个中间等分插入中间色