Page Layout
Default layout
How chapters open by default
toggleSelect('page-style')}>
{{ 'single':'Single page','longstrip':'Long strip' }[settingsState.settings.pageStyle === 'double' ? 'single' : settingsState.settings.pageStyle]}
{#if selectOpen === 'page-style'}
{#each [['single','Single page'],['longstrip','Long strip']] as [v, l]}
{ updateSettings({ pageStyle: v as Settings['pageStyle'] }); toggleSelect('page-style') }}>{l}
{/each}
{/if}
Reading direction
Left-to-right for most manga, right-to-left for Japanese
toggleSelect('reading-dir')}>
{{ 'ltr':'Left to right','rtl':'Right to left' }[settingsState.settings.readingDirection]}
{#if selectOpen === 'reading-dir'}
{#each [['ltr','Left to right'],['rtl','Right to left']] as [v, l]}
{ updateSettings({ readingDirection: v as Settings['readingDirection'] }); toggleSelect('reading-dir') }}>{l}
{/each}
{/if}
Page gap
Adds spacing between pages in single-page mode
updateSettings({ pageGap: !settingsState.settings.pageGap })}>
Overlay bars
Floats the nav and chapter bars over the page instead of pushing content
updateSettings({ overlayBars: !(settingsState.settings.overlayBars ?? false) })}>
Tap to toggle bar
Double-tap the center of the reader to show or hide the bars
updateSettings({ tapToToggleBar: !(settingsState.settings.tapToToggleBar ?? false) })}>
Containerized view
Shows the reader inside the app shell with the sidebar instead of filling the whole screen
updateSettings({ readerContainerized: !(settingsState.settings.readerContainerized ?? false) })}>
Fit & Zoom
Default fit mode
How pages are scaled to fill the reader on open
toggleSelect('fit-mode')}>
{{ 'width':'Fit width','height':'Fit height','screen':'Fit screen','original':'Original (1:1)' }[settingsState.settings.fitMode ?? 'width']}
{#if selectOpen === 'fit-mode'}
{#each [['width','Fit width'],['height','Fit height'],['screen','Fit screen'],['original','Original (1:1)']] as [v, l]}
{ updateSettings({ fitMode: v as FitMode }); toggleSelect('fit-mode') }}>{l}
{/each}
{/if}
Optimize contrast
Sharpens dark lines on light pages; best for black-and-white manga
updateSettings({ optimizeContrast: !settingsState.settings.optimizeContrast })}>
Behaviour
Auto-mark read
Marks a chapter as read when you reach the last page
updateSettings({ autoMarkRead: !settingsState.settings.autoMarkRead })}>
Auto-advance chapters
Automatically loads the next chapter when you pass the last page
updateSettings({ autoNextChapter: !(settingsState.settings.autoNextChapter ?? false) })}>
{#if !(settingsState.settings.autoNextChapter ?? false)}
Mark read when skipping
Marks the current chapter read when you manually jump to the next
updateSettings({ markReadOnNext: !(settingsState.settings.markReadOnNext ?? true) })}>
{/if}
Auto-bookmark
Automatically saves your page position as you read
updateSettings({ autoBookmark: !(settingsState.settings.autoBookmark ?? true) })}>
Pages to preload
How many pages ahead to fetch in the background while reading
updateSettings({ preloadPages: Math.max(0, settingsState.settings.preloadPages - 1) })} disabled={settingsState.settings.preloadPages <= 0}>−
{settingsState.settings.preloadPages}
updateSettings({ preloadPages: Math.min(10, settingsState.settings.preloadPages + 1) })} disabled={settingsState.settings.preloadPages >= 10}>+