English | 简体中文

An ultra-modern theme for SiYuan Note, delivers an elegant, efficient, and personalized note-taking experience through its clean, intuitive design.

• Optimized Japanese interface font.
• Restored dynamic scrollbar style in the editing area.
• Fine-tuned database view tabs' style.
• Fixed the issue of input box display in the database template editing menu.
• Fixed the problem of misalignment in the database line break switch.
• Resolved some plugin style conflicts.

🎨 Refactored theme colors using a perceptual lightness-based color system, added supports for seamless adjustment of global color tones which can also follow system accent color (#Windows #macOS), providing a fully personalized note-taking experience. (Check Theme Configurations below for configuration options information)

Check all updates here.

• 👨‍🎨 Unlimited theme color options allow for a fully personalized note-taking experience¹
• ⚖️ Top-bar Fusion seamlessly integrates the top bar and the tab bar²
• 🧊 Glassmorphism enhances the visual hierarchy
• 🌓 Support for light and dark modes and smooth transition between them
• ➖ Minimized dividers create an integrated, cohesive interface style
• ⚙️ Modernized designs for multiple kinds of components

• 🔢 Tabular and database-friendly monospaced numerals improve reading efficiency
• 👁️ High readability glyph variants tailored for note-taking scenarios³ #macOS #iOS #iPadOS
• 🦋 Support for full-width display of images, videos, widgets, databases, superblocks and more, providing diverse layout options
• 🚏 Document-level text direction settings cater to different language layout needs
• 🧩 Streamlined superblock margins for simplified creation of grid and masonry layouts

• 🗂️ Indent guides for file tree and outline
• 🔍 Clear presentation of search results and backlinks lists
• ↕️ Enabled native scrollbar, which can auto-hide to minimize visual clutter #macOS

• ⏱️ Optimized timing of animations for better interface feedback, reducing user distraction
• 💫 Appropriate and lively animations enrich the interactive experience
• 🚀 A high level of smooth performance maintained

• Download & update in SiYuan (recommended): Go to Settings - Marketplace - Themes in SiYuan and search for "Asri" to download and apply.
• Download & update from GitHub: Download the package.zip from releases, extract it to conf/appearance/themes in your SiYuan workspace, and restart SiYuan. Then choose "Asri" in your theme list in Settings - Appearance.

Click on the Appearance Mode icon in the top right corner to open the Asri theme configuration menu and customize the theme colors:

• Customize theme color: Use a custom color as the base color for the theme and apply a corresponding color scheme directly based on it.
• Follow system accent color: Use the system's accent color as the base theme color. This option is enabled by default on Windows and macOS desktop platforms, and not visible on other platforms.
• Chroma slider: Adjust the chroma of backgrounds and regular texts, with a range of 0 - 5, where 0 represents pure grayscale, and the default is 1.

This attribute allows blocks to be displayed in full page width, which can be used to emphasize specific content or beautify the layout. The full-width display style applies to images, databases, iframes, tables and horizontal-layout superblocks.

Applied to document blocks:

Applied to supported content blocks:

In addition to adding custom attributes by shift + click block icon - Custom, you can also use the Attribute Quick Add plugin to quickly add this attribute to supported blocks. Here is a configuration example of the plugin:

{
    "@type/d": {
        "Full-width display for all supported blocks": {
            "afwd": "all"
        },
        "Full-width display for all database blocks and images": {
            "afwd": "db p"
        }
    },
    "Enable full-width display individually": {
        "afwd": "on"
    },
    "Disable full-width display individually": {
        "afwd": "off"
    }
}

The above configuration adds two options for document blocks and content blocks in the plugin menu, respectively, for quickly enabling and disabling the full-width display attribute for related content.

To restore the default state of the block, manually delete this custom attribute in the block attribute.

• Full-width display only applies to the first-level blocks in the document. If a block is nested in other content blocks, applying this attribute to it will not produce any effect. For example, applying this attribute to an image paragraph block in a blockquote will not change the style of the paragraph block unless the external blockquote is cancelled.
• Full-width display is only effective in the editing area of the main window and small windows, and does not work in block reference preview windows, export previews, backlink panel, search result previews, etc.
• Enabling full-width display may cause the page to feel more jumpy when the editing area's size changes and automatically returns to the cursor position.

Applies exclusively to document blocks, ensuring that content within the block is consistently rendered from left-to-right or right-to-left for ease of writing and reading. This property is independent of global settings and does not override individual layout settings of blocks within the document.

This attribute does not take effect in backlink lists and export previews.

The theme development process drew inspiration from the following themes, and I would like to express my gratitude to their developers:

（The order in the list above does not imply any ranking）

• Create an issue or PR at the project page
• Send an email to mustakshif@icloud.com

• Settings window's dragable area is cut to the top area of the left column.
• The close button in the upper right corner of the dialog box is hidden. To close the dialog box, click anywhere outside the dialog box.