打造适合二次元体质的Linux开发环境（一）
令人舒适的开发环境有助于提高产能…
二次元化VSCode
- VSCode安装Doki Theme插件
- 允许后点击插件的小齿轮->Set Color Theme来选择二次元颜色主题
- 放开VSCode UI写入权限
1
| sudo chmod o+w /opt/visual-studio-code/resources/app/product.json
|
Ctrl-Shift-P输入doki-theme: install sticker选择二次元形象- 输入
doki-theme: wallpaper选择二次元壁纸
- 重启VSCode
- 还原：
doki-theme: remove
二次元化Firefox
- 设置->搜索Theme->Extensions & Themes->Find more themes->搜索fox girl->安装
效果演示
$shields-style-height = 22px
.footer {
padding 1rem 0
color var(--text-color-4)
font-size 1rem
a {
color var(--text-color-4)
&:hover {
color var(--primary-color)
}
&.no-pointer {
pointer-events none
}
}
.website-info-box {
display flex
flex-direction column
align-items center
justify-content center
&.shields {
padding 0 1rem
img {
height $shields-style-height !important
}
a {
position relative
display inline-flex
box-sizing border-box
text-decoration none
}
.shields-item
.count-box {
margin 0.3rem 0.2rem
user-select none
}
}
+keep-mobile() {
&.shields {
.shields-item
.count-box {
margin 0.12rem -0.3rem
transform scale(0.9)
transform-origin center center
}
}
}
.info-item {
position relative
display flex
flex-wrap wrap
align-items center
justify-content center
box-sizing border-box
color var(--text-color-4)
&.shields {
.count-box {
display flex
justify-content flex-start
height $shields-style-height
color #f2f2f2
font-size 12.6px
.item-type
.item-value {
display flex
align-items center
height 100%
padding 0 6px
}
.item-type {
margin-right 0
background #555555
}
.item-value {
&.uv {
background coral
}
&.pv {
background orange
}
&.word {
background indianred
}
}
}
}
&.default {
margin 0.2rem 0
.count-box {
margin-right 15px
&::before {
position absolute
top 50%
left -10px
box-sizing border-box
transform translateY(-55%)
content '|'
}
&:first-child {
&::before {
display none
}
}
&:last-child {
margin-right 0
}
.item-type {
margin-right 4px
}
}
}
&.count-item {
display flex
.count-box {
&.uv
&.pv {
display none
}
}
}
&.deploy-info {
display flex
a
.tooltip {
display flex
align-items center
}
img {
height 1.08rem
margin 0 0.4rem
}
}
}
}
.icon-animate {
animation heartbeat-animate 1.2s ease-in-out infinite
}
}
