ObsidianMD 主题 Primary 使用教程

ObsidianMD 主题 Primary 使用教程

obsidianmd-theme-primaryComfy, playful but productive theme for Obsidian. "Primary instantly puts you in a relaxed state that opens the door to creativity and exploration. Wonderfully executed down to the smallest details,"项目地址:https://gitcode.com/gh_mirrors/ob/obsidianmd-theme-primary

1. 项目的目录结构及介绍

ObsidianMD 主题 Primary 的目录结构如下:

obsidianmd-theme-primary/
├── README.md
├── LICENSE
├── code_of_conduct.md
├── assets/
│   ├── css/
│   │   ├── primary-light.css
│   │   ├── primary-dark.css
│   │   └── ...
│   ├── scss/
│   │   ├── _variables.scss
│   │   ├── _mixins.scss
│   │   └── ...
│   └── ...
├── previews/
│   ├── light-mode/
│   │   ├── desktop.png
│   │   ├── tablet.png
│   │   └── mobile.png
│   ├── dark-mode/
│   │   ├── desktop.png
│   │   ├── tablet.png
│   │   └── mobile.png
│   └── ...
├── customization/
│   ├── customization-guide.md
│   ├── supported-plugins.md
│   └── ...
└── ...

目录结构介绍

  • README.md: 项目介绍和使用说明。
  • LICENSE: 项目许可证,采用 GPL-3.0 许可证。
  • code_of_conduct.md: 项目行为准则。
  • assets/: 包含主题的 CSS 和 SCSS 文件。
    • css/: 主题的 CSS 文件,包括亮色和暗色主题。
    • scss/: 主题的 SCSS 文件,包含变量和混合器等。
  • previews/: 主题的预览图片,分为亮色和暗色模式。
  • customization/: 主题的自定义指南和支持的插件列表。

2. 项目的启动文件介绍

ObsidianMD 主题 Primary 的启动文件主要是 CSS 文件,位于 assets/css/ 目录下。主要的启动文件包括:

  • primary-light.css: 亮色主题的 CSS 文件。
  • primary-dark.css: 暗色主题的 CSS 文件。

在 Obsidian 中启用主题时,需要在设置中选择相应的 CSS 文件。

3. 项目的配置文件介绍

ObsidianMD 主题 Primary 的配置文件主要是 SCSS 文件,位于 assets/scss/ 目录下。主要的配置文件包括:

  • _variables.scss: 包含主题的全局变量,如颜色、字体等。
  • _mixins.scss: 包含主题的混合器,用于生成 CSS 代码。

这些配置文件定义了主题的基本样式和行为,通过修改这些文件可以自定义主题的外观和功能。


以上是 ObsidianMD 主题 Primary 的使用教程,涵盖了项目的目录结构、启动文件和配置文件的介绍。希望这些信息能帮助你更好地使用和定制该主题。

obsidianmd-theme-primaryComfy, playful but productive theme for Obsidian. "Primary instantly puts you in a relaxed state that opens the door to creativity and exploration. Wonderfully executed down to the smallest details,"项目地址:https://gitcode.com/gh_mirrors/ob/obsidianmd-theme-primary

  • 16
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
MaterialSkin是一款基于Google Material Design的C# UI库,具有现代化、美观、简单易用等特点。以下是MaterialSkin使用教程: 1. 安装MaterialSkin库:可以使用NuGet包管理器来安装MaterialSkin库,或者从MaterialSkin的GitHub页面下载源代码并添加到项目中。 2. 添加MaterialSkin控件:在Visual Studio的工具箱中,右键单击并选择“选择工具箱项目”,然后单击“浏览”按钮,找到MaterialSkin.dll文件并添加到工具箱中。然后就可以在工具箱中找到MaterialSkin控件。 3. 应用MaterialSkin主题:可以在应用程序的启动代码中使用MaterialSkinManager类来应用主题。例如,您可以在Main方法中添加以下代码: ``` Application.EnableVisualStyles(); Application.SetCompatibleTextRenderingDefault(false); MaterialSkinManager materialSkinManager = MaterialSkinManager.Instance; materialSkinManager.AddFormToManage(yourMainForm); materialSkinManager.Theme = MaterialSkinManager.Themes.LIGHT; materialSkinManager.ColorScheme = new ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE); Application.Run(yourMainForm); ``` 在上面的代码中,yourMainForm是您的主窗体,Theme属性设置主题,ColorScheme属性设置颜色方案。 4. 使用MaterialSkin控件:在设计窗体时,您可以从工具箱中拖动MaterialSkin控件到窗体上。MaterialSkin控件包括MaterialButton、MaterialCheckbox、MaterialRadioButton、MaterialTabControl等等,这些控件都具有Material Design的特点。 5. 自定义MaterialSkin控件:您可以使用“继承”和“重写”等技术来自定义MaterialSkin控件的外观和行为。 希望这些步骤对您有所帮助,让您可以使用MaterialSkin来创建美观、现代化的C#应用程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

尚舰舸Elsie

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值