加载头像

本站魔改记录

内部魔改

  1. 主题颜色

    • 主题:#65b732
    • 选中:#04845c
    • 右下角:#5da78c
    • dark金:#f2b94b
  2. nav-顶栏site-page样式优化

  • 禁用以下的transition
    • #menus > div.menus_items > div > a
    • #toggle-menu
      color: var(–font-color)
    • .site-page
      @extend .limit-one-line

外部引入

CSS

  • nav site-page a标签 过渡动画 + 荧光
  • subtitle的dark-theme 颜色增亮
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
[data-theme="light"]
/* #nav-right a标签 渐显优化 + 周围荧光 */
div.menus_item > a:first-child {
position: relative;
display: inline-block;
color: #fff;
transition: background-color 0.2s !important;
cursor: pointer;
text-transform: uppercase;
}
div.menus_item > a:first-child:hover {
cursor: pointer;
color: #fff !important;
background-color: #5da32e !important;
background-size: 400%;
box-shadow: 0 0 15px rgb(2, 4, 24);
z-index: 1;
}
div.menus_item > a:first-child::before {
color: #fff !important;
cursor: pointer;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
filter: blur(6px);
z-index: -1;
opacity: 1;
border-radius: 15px 15px 15px 15px;
}

/* dark模式nav的site-page a标签变为金色(#f2b94b) */
[data-theme="dark"]
div.menus_item > a:first-child {
position: relative;
display: inline-block;
color: #eee;
transition: background-color 0.2s !important;
cursor: pointer;
text-transform: uppercase;
}
div.menus_item > a:first-child:hover {
color: #eee !important;
cursor: pointer;
background-color: #f2b94b;
background-size: 400%;
box-shadow: 0 0 15px rgb(2, 4, 24);
z-index: 1;
}
div.menus_item > a:first-child::before {
color: #eee !important;
cursor: pointer;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: inherit;
filter: blur(6px);
z-index: -1;
opacity: 1;
border-radius: 15px 15px 15px 15px;
}

/* subtitle-dark 增亮 */
#page-header #site-subtitle {
color: rgba(255, 255, 255, 1) !important;
}

评论
✅ 你无需删除空行,直接评论以获取最佳展示效果
avatar
status

'内心充盈 乐天行动 理性创新 高效学习'

日日夜夜,理实人一直在前行的路上!

公告

欢迎来到理实Blog~

最新域名:

https://etulishi.cn

博客快捷键
shift K
关闭快捷键功能
shift A
打开/关闭中控台
shift M
播放/暂停音乐
shift D
深色/浅色显示模式
shift S
站内搜索
shift R
随机访问
shift H
返回首页
shift F
友链鱼塘
shift L
友链页面
shift P
关于本站
shift I
原版/本站右键菜单
引用到评论
随便逛逛博客分类文章标签
复制地址关闭热评深色模式轉為繁體