时隔很久很久...

MEGO是我第一款为Halo写的主题，那时刚刚学完HTML+CSS（甚至连JS都还没学完），最近着手对MEGO主题进行了全面的改版与升级，使用Tailwind框架，对多端的响应式有了更好的适配。

一、HERO展示板块

在查看原始预览时，发现布局杂乱不堪且缺少主次关系，过多的配色让人眼花缭乱，现阶段的主题都缺少明暗切换，过多的圆角让整个主题丑陋无比，让人都不想用，请看下图！

原主题展示板块

针对以上的问题，我们需要大刀阔斧让一切变得简洁，菜单栏使用三栏布局，左侧站点信息与简介，中间菜单信息，右侧主题配色的切换。Hero的背景均可自定义（我尝试过用API更换背景，每一次刷新都是新的也很炫酷）。

• 在白天模式下，Hero板块下的全局背景会有阴影，以便提升视觉观感。

新主题展示板块-暗黑

• 在暗黑模式下，Hero的全局背景将变得更加轻薄，以适应夜晚模式下对配色的对比。

新主题展示板块-暗黑

二、移动端菜单布局

在原始版本中，是通过向下展开的方式展开菜单，动画惨绝人寰让人不忍直视。每一次点击展开的时候会使界面有卡顿，且依然无主题模式切换，我们需要对他进行改革。

原主题移动端菜单

在新版中，我们依然对Header使用双栏布局，右侧是站点信息，左侧是主题模式切换以及菜单按钮，在右侧菜单的下部分空白区域，我正在构思是否新的方案。

• 移动端添加滑入滑出的动画，并对展开的菜单时的页面背景设置了蒙版，从而让菜单更加醒目。

未完待续....