> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blinko.space/llms.txt
> Use this file to discover all available pages before exploring further.

# Preference

> Guide to Personal Settings

<img className="rounded-2xl" src="https://mintcdn.com/blinko/AgHVAkfwbrWVbQ0E/images/2025-01-08-14-38-53.png?fit=max&auto=format&n=AgHVAkfwbrWVbQ0E&q=85&s=ed68d236590929329efe16ab71760124" width="1691" height="1375" data-path="images/2025-01-08-14-38-53.png" />

## Theme Settings

<AccordionGroup>
  <Accordion icon="palette" title="Theme Selection" defaultOpen>
    * Choose between Light and Dark themes
    * System option follows your device settings
    * Toggle using the theme icon in the top right
  </Accordion>

  <Accordion icon="paintbrush" title="Theme Color">
    * Select from a variety of theme colors
    * Colors affect UI elements and accents
    * Changes apply instantly across the application
  </Accordion>
</AccordionGroup>

## Language Settings

<AccordionGroup>
  <Accordion icon="language" title="Interface Language">
    * Select your preferred interface language
    * Changes apply immediately across the application
  </Accordion>
</AccordionGroup>

## Mobile Settings

<AccordionGroup>
  <Accordion icon="mobile" title="Hidden Navigation Bar">
    * Toggle navigation bar visibility on mobile devices
    * When enabled, navigation bar auto-hides while scrolling
    * Improves content viewing experience on smaller screens
  </Accordion>
</AccordionGroup>

## Content Display Settings

<AccordionGroup>
  <Accordion icon="sort" title="Order by Create Time">
    * Toggle between creation time and custom ordering
    * Affects how items are sorted in lists and galleries
    * Enable for chronological organization
  </Accordion>

  <Accordion icon="text-size" title="Text Fold Length">
    * Set maximum character length before text folding
    * Default: 500 characters
    * Helps manage long content display
    * Adjustable based on reading preferences
  </Accordion>

  <Accordion icon="table-cells" title="Device Card Columns">
    * Customize grid layout for different screen sizes
    * Mobile: 1-2 columns
    * Tablet: 2-4 columns
    * Desktop: 2-6 columns
    * Optimizes viewing experience across devices
  </Accordion>

  <Accordion icon="clock" title="Time Format">
    * Choose preferred time display format
    * Customize date display patterns
    * Applies globally across the application
  </Accordion>

  <Accordion icon="ruler" title="Max Home Page Width">
    * Set maximum width for the home page layout
    * Enter 0 for maximum available width
    * Helps optimize content display for different screen sizes
  </Accordion>

  <Accordion icon="list" title="Page Size">
    * Set the number of items displayed per page
    * Default: 30 items
    * Customize based on your browsing preferences
  </Accordion>

  <Accordion icon="bars" title="Toolbar Visibility">
    * Customize which toolbar elements are visible
    * Toggle specific tools on/off
    * Personalize your editing experience
  </Accordion>
</AccordionGroup>

## Animation Settings

<AccordionGroup>
  <Accordion icon="sparkles" title="Background Animation">
    * Toggle background animation effects
    * Enable/disable for performance optimization
    * Affects overall UI smoothness
  </Accordion>
</AccordionGroup>

## Custom Background

<AccordionGroup>
  <Accordion icon="image" title="Background Customization">
    * Create your own gradient background (Login Page & Share Page)
    * Visit [https://www.shadergradient.co/](https://www.shadergradient.co/) for customization
    * Apply personalized background styles
  </Accordion>
</AccordionGroup>

<Note>
  Changes to these settings are saved automatically and take effect immediately.
</Note>

<Warning>
  Some settings may require a page refresh to fully apply the changes.
</Warning>