SiYuan-Darcula

简介

• 参考

  • Seven Chor Siyuan-Atom-OneDark
  • VIWZ frosted glass
  • IDEAJ Darcular

• 所做的工作

  • 对 Siyuan-Atom-OneDark 进行颜色和细节上的调整

Tips

1. 从当前版本开始不会再提供背景图片,需要手动添加背景图默认名称 darcula_bg.jpg

2. 别名/命名 的显示需要在思源设置中手动开启

3. change_siyuan_bg.sh 最好是配合 bingwallpaper 使用,执行脚本前需要修改脚本中的路径变量

   1. 每次更换背景会将旧背景存在 themes\siyan_bg 文件夹下
   2. 该脚本在 Windows 需要 gitbash

本人半吊子 CSS ,不会频繁更新,若发现 bug 欢迎各位贡献代码.

Glass - 开启毛玻璃的效果

相关主题的帖子

• frosted glass

• 颜色部分 , 将 --b3-theme-background 更改为 #31333500;

/*------------------------Glass 相关颜色配置-------------------------*/
  /*文件树背景色*/
    /*该层在 --b3-theme-background 的下层*/
  --AOD-theme-surface:#2b2b2bAA;
  /*编辑器主体背景色*/
    /*主要是侧边栏和最上方菜单栏*/
  --AOD-theme-background: #3b3b3bAA;
  --AOD-text-emphasize-color: #2b2b2b;
  
  /*背景图片,图片就放在Darcula主题目录下即可*/
  --b3-theme-bg:url(darcula_bg.jpg);
  /*图片上层背景色的透明度*/
    /*即编辑区背景色*/
  --b3-theme-background : #313335FF;
  /*Glass #31333500*/
/*-----------------------------------------------------------------*/

• 界面设置部分 , 去掉注释
  • 该部分代码 参考 VIWZ frosted glass
  • 我自己折腾了好几天,也没弄明白怎么让背景图片充满整个编辑器 🤣

/*--------------------------Darcula-Galss-------------------------*/
/*----------------------- 整个界面包含背景图片--------------------*/
/*背景设定*/

/*
body.body--win32 {
    -webkit-font-smoothing: auto;
    border: 1px solid var(--b3-border-color);
    background-image: url(darcula_bg.jpg);
    background-position:center;
	  background-size:cover;
	  background-repeat:no-repeat;
    z-index: -1;
    background-size: cover;
    position: static;
    zoom: 1;
}
body {
    text-rendering: optimizeLegibility;
    margin: 0;
    font-family: var(--b3-font-family);
    background-color: rgba(43,43,43,0.92)!important;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    transition: var(--b3-transition);
    box-sizing: border-box;
    max-height: 100%;
    overflow: hidden;
    position: relative !important;
    backdrop-filter: blur(5px);
}
.layout__empty {
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    background-color: #00000000;
    align-items: center;
}
*/

/*-------------------------------------------------------------------*/

效果