不知道是不是只有我这边出了问题，但是我这边不论是家里的电脑还是学校的电脑都出了这个bug。

stylus会自动更新氩洛谷插件，导致侧栏和顶栏会变成默认的颜色，也就是userstyles里面的Argon默认配置。然后即使用户在userstyles里面修改主题配置也无效。

由于目前尚不知晓这个bug会在何时被原作者修复，所以我在自行研究了一个小时之后...

接下来我会介绍如何在本地修复这个bug，但是因为我使用了背景图片，所以我的侧栏和顶栏都是设置为全透明的，因此我的全部设置都会以全透明为例子。

1.打开代码编辑页面

点击浏览器右上方的stylus插件，在弹出的框中点击“氩洛谷”右边的那个铅笔图标。

操作过于简单，不予配图。

2.修改左上角洛谷图标背景

搜索#app > .lfe-body > a{

搜索#app > .lfe-body > div:first-of-type{

分别修改颜色（即color字段）即可。这里用透明作为例子：

可以看到侧栏已经几乎变得全白，这（应该）是正常情况。

2.修改题库页面标题栏

在第一个代码区中按CTRL+F搜索/*--标题栏*/，在.main-container > .header-layout{一框中找到background: linear-gradient(87deg, #5e72e400 0, #825ee400 100%) !important;

可以看到87deg后面的两个参数前分别有一个小按钮（洛谷这边没有显示），点一下，会弹出一个调色框，有两条颜色条，第一条是色区，第二条是透明度。

若要全透明把第二条拉到最左即可。

注意这两个参数分别表示标题栏左边的颜色和右边的颜色，两个颜色不同的话会有渐变效果，若要保持颜色一致请将颜色修改为同色。

效果图：

可以看到题库部分顶栏已经透明。

3.修改侧栏

搜索/*适配 Tiny 顶栏*/

将background: #fff0 !important;、color: #3330 !important;两个参数中的颜色都修改掉。

这里我仍然修改为透明。

可以看到已经透明。

4.侧栏彻底透明化

在第二个代码区中搜索/*下面是侧栏颜色CSS

将此注释块的注释符号去掉。

此时可以看到侧栏显示出了颜色：

将#app > .lfe-body{中的颜色修改掉。

这里好像出了点小问题，应用的图标变透明了不过就不要在意这些细节了，我在截完图之后已经发现问题并且修改教程了，这里就懒得再截一次图了

5.底部色块透明化

在第一个代码区中搜索/*--Footer*/

修改.main-container > .lfe-body:last-child > .footer{代码块中的三个颜色。

可以看到底部已经透明。

教程完。