presets.md

Presets for Border theme（Updating）

Usage: Copy code from link, paste it into style settings and restart obsidian.(Before importing, it is recommended to reset the Appearance settings to the default)

用法: 复制链接中的代码, 粘贴进style settings中，然后重启obsidian。（导入前，推荐先将Appearance配置重置至默认）

---

Removal: Click one of the buttons, depending on which mode preset you are using. And maybe need to restart obsidian.

移除： 点击其中一个按钮，取决于你正在使用的模式预设。 可能还需要重启obsidian。

---

Light Mode

• Obsidian-default-light

  • Obsidian-default-light-alt

• Github-light

• Eye-friendly

• Rosé Pine Dawn (Palette from Rosé Pine)

• Fresh

  • Mint

• Paper-like

• Borderless-light (credit @kneecaps)

• Boundary

  • Silver

• Neumorphism

• Shore

• Side

Dark Mode

• Obsidian-default-dark

  • Obsidian-default-dark-alt

• Github-dark

• One dark

• Rosé Pine (Palette from Rosé Pine)

• Rosé Pine Moon (Palette from Rosé Pine)

• Dracula (Palette from Dracula)

• Translucent (Extra step: Enable "translucent window" in Setting-Appearance) (Not supported in Windows and Linux)

• Glassmorphism

• Borderless

• Sunset

  • Lightup

  • Lightup-alt

• Lightdown-green (wallpaper source)

  • Lightdown-pink (wallpaper source)

  • Lightdown-blue (wallpaper source)

  • Lightdown-orange (wallpaper source)

  • Justblack

Updating...

Create your own UI style

Here are some useful websites:

• Gradient background
  • https://more.graphics/css-gradient
  • https://csshero.org/mesher/
  • https://gradienta.io/
• Animated background
  • https://giphy.com/
  • https://gifer.com/en/
• Textures/Pattern
  • https://www.transparenttextures.com/
  • https://pattern.monster
  • https://www.magicpattern.design/tools/css-backgrounds
  • https://screenspan.net/polka/
  • https://patternpad.com/editor.html
  • https://superdesigner.co/tools/svg-backgrounds
  • https://www.visiwig.com/
  • https://tylify.app/
• SVG
  • https://www.svgbackgrounds.com/
  • https://app.haikei.app/
  • https://app.heazy.studio/
  • https://fffuel.co/
  • https://svgwave.in/
  • https://www.shapedivider.app/
  • https://wickedbackgrounds.com/app
  • https://bgjar.com/
• CSS
  • https://getcssscan.com/css-box-shadow-examples
  • https://uiverse.io/all
  • https://markodenic.com/tools/buttons-generator/
  • https://neumorphism.io
• Tools/Knowledge
  • https://www.svgbackgrounds.com/tools/svg-to-css/
  • https://developer.mozilla.org/en-US/docs/Web/CSS/background
  • https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow