@@ -797,6 +797,15 @@ const Settings = (): ReactElement => {
797797 >
798798 Copy Current Theme to Clipboard
799799 </ button >
800+ < button
801+ onClick = { ( ) =>
802+ window . electron . shell . openExternal (
803+ "https://github.com/mienaiyami/yomikiru/discussions/191"
804+ )
805+ }
806+ >
807+ Get more Themes
808+ </ button >
800809 </ td >
801810 </ tr >
802811 { process . platform === "win32" && (
@@ -1346,41 +1355,110 @@ const Settings = (): ReactElement => {
13461355 </ ul >
13471356 </ li >
13481357 < li >
1349- In location tab, click item to see its content or double-click to open it in reader.
1358+ < b > Home Location tab :</ b >
1359+ < ul >
1360+ < li >
1361+ In location tab, click item to see its content or double-click (if enabled in
1362+ settings above) to open it in reader.
1363+ </ li >
1364+ < li >
1365+ Open chapter in reader directly if chapter is a sub-folder of sub-folder of{ " " }
1366+ < code > Default Location</ code > .
1367+ < br />
1368+ Example: If the default location is set to{ " " }
1369+ { process . platform === "win32" ? (
1370+ < code > D:\manga</ code >
1371+ ) : (
1372+ < code > /home/manga</ code >
1373+ ) } { " " }
1374+ and there is a folder called < code > One Piece</ code > within it, any sub-folder
1375+ located directly under < code > One Piece</ code > will open automatically by
1376+ clicking its link in the home location list. This feature can be enabled in the
1377+ settings.
1378+ </ li >
1379+ </ ul >
1380+ < li >
1381+ < b > Home screen search:</ b >
1382+ < ul >
1383+ < li >
1384+ You don't need to type the whole word in search. (e.g. For{ " " }
1385+ < code > One Piece</ code > type < code > op</ code > ).
1386+ </ li >
1387+ < li >
1388+ Paste link to set browse pasted link in Locations tab. Or page link of a
1389+ supported file to open it in reader directly.
1390+ </ li >
1391+ < li >
1392+ Type < code > ..{ window . path . sep } </ code > to go up directory.
1393+ </ li >
1394+ { process . platform === "win32" ? (
1395+ < li >
1396+ Type let < code > D:\</ code > to go to < code > D drive</ code > .
1397+ </ li >
1398+ ) : (
1399+ ""
1400+ ) }
1401+ < li >
1402+ Type name ending with < code > { window . path . sep } </ code > to open it in search.
1403+ e.g. When there is a directory named < code > One piece</ code > in current
1404+ list, type < code > One Piece{ window . path . sep } </ code > to open that as new
1405+ list.
1406+ </ li >
1407+ </ ul >
1408+ </ li >
13501409 </ li >
13511410 < li >
13521411 Collapse/Un-collapse Bookmarks, History page tabs by clicking on the Dividers beside
13531412 them in home screen.
13541413 </ li >
13551414 < li >
1356- When using the < code > vertical Scroll</ code > mode, you can change chapters on the first
1357- or last page by clicking on either side of the screen. No response in center 20% of
1358- screen.
1415+ < b > Reader :</ b >
13591416 < ul >
1360- < li > Left = Previous Chapter</ li >
1361- < li > Right = Next Chapter</ li >
1417+ < li >
1418+ When using the < code > vertical Scroll</ code > mode, you can change chapters on
1419+ the first or last page by clicking on either side of the screen. No response in
1420+ center 20% of screen.
1421+ < ul >
1422+ < li > Left = Previous Chapter</ li >
1423+ < li > Right = Next Chapter</ li >
1424+ < li >
1425+ Limit width of images in reader. To use < code > Max Image Width</ code > { " " }
1426+ feature, disable < code > Size Clamp</ code > .
1427+ </ li >
1428+ < li >
1429+ To scroll using mouse in "Left to Right" and "Right to Left" reading
1430+ mode, you can use < code > Fit Vertically</ code > option or make size such
1431+ that there is no scrollbar.
1432+ </ li >
1433+ </ ul >
1434+ </ li >
1435+ < li >
1436+ Access the side list by moving the mouse to left side of the screen. You can
1437+ pin and resize the side list.
1438+ </ li >
1439+
1440+ < li >
1441+ Zen Mode (Full Screen Mode): Hides UI, Only shows images and page number if
1442+ enabled. Can be enabled using the shortcut key defined,{ " " }
1443+ < code > { shortcuts . find ( ( e ) => e . command === "toggleZenMode" ) ?. key1 } </ code > or{ " " }
1444+ < code > { shortcuts . find ( ( e ) => e . command === "toggleZenMode" ) ?. key2 } </ code > .
1445+ </ li >
13621446 </ ul >
13631447 </ li >
1364- < li >
1365- Access the side list by moving the mouse to left side of the screen. You can pin and
1366- resize the side list.
1367- </ li >
13681448 < li >
13691449 Open chapter directly from the file explorer after enabling{ " " }
13701450 < code > File Explorer Option</ code > .
13711451 < ul >
13721452 < li >
1373- Right Click on folder or .cbz/.7z/.zip/.epub →
1374- Show more options (win11) → Open in Yomikiru.
1453+ Right Click on folder or .cbz/.7z/.zip/.pdf/.epub
1454+ → Show more options (win11)
1455+ → Open in Yomikiru.
13751456 </ li >
13761457 < li >
13771458 Note that this only opens the chapter containing images, not the Manga Folder.
13781459 </ li >
13791460 </ ul >
13801461 </ li >
1381- < li >
1382- Zen Mode (Full Screen Mode): Hides UI, Only shows images and page number if enabled.{ " " }
1383- </ li >
13841462 < li >
13851463 Copy theme using "Copy Current Theme to Clipboard" under theme and share it easily. To
13861464 install theme, just copy from anywhere and "Save Theme from Clipboard".
@@ -1391,43 +1469,29 @@ const Settings = (): ReactElement => {
13911469 < b > Do not use high scale with pdf which have high page count.</ b >
13921470 </ li >
13931471 < li >
1394- Open chapter in reader directly if chapter is a sub-folder of sub-folder of{ " " }
1395- < code > Default Location</ code > .
1396- < br />
1397- Example: If the default location is set to{ " " }
1398- { process . platform === "win32" ? < code > D:\manga</ code > : < code > /home/manga</ code > } and
1399- there is a folder called < code > One Piece</ code > within it, any sub-folder located
1400- directly under < code > One Piece</ code > will open automatically by clicking its link in
1401- the home location list. This feature can be enabled in the settings.
1402- </ li >
1403- < li >
1404- Home screen search:
1472+ < b > AniList Tracking : </ b >
14051473 < ul >
14061474 < li >
1407- You don't need to type the whole word in search. (e.g. For { " " }
1408- < code > One Piece </ code > type < code > op </ code > ).
1475+ After logging in successfully you can enable tracking by opening a manga and
1476+ checking side-list (moving mouse to left most part of app ).
14091477 </ li >
1410- < li > Paste link to set browse pasted link in Locations tab.</ li >
14111478 < li >
1412- Type < code > ..{ window . path . sep } </ code > to go up directory.
1479+ Tracker are managed according to the folder of manga. If manga folder is
1480+ moved/renamed/deleted local tracker will be remove and user will need to add
1481+ tracker again.
14131482 </ li >
1414- { process . platform === "win32" ? (
1415- < li >
1416- Type let < code > D:\</ code > to go to < code > D drive</ code > .
1417- </ li >
1418- ) : (
1419- ""
1420- ) }
14211483 < li >
1422- Type name ending with < code > { window . path . sep } </ code > to open it in search. e.g.
1423- When there is a directory named < code > One piece</ code > in current list, type{ " " }
1424- < code > One Piece{ window . path . sep } </ code > to open that as new list.
1484+ Currently you need to manually update the progress entry but auto updating of
1485+ tracker will be supported soon.
14251486 </ li >
14261487 </ ul >
14271488 </ li >
14281489 < li >
1429- Limit width of images in reader. To use < code > Max Image Width</ code > feature, disable{ " " }
1430- < code > Size Clamp</ code > .
1490+ If you know how to write < code > .css</ code > , you can customize style of app, more than
1491+ just theme color that is enabled by "Theme Maker, by making your custom{ " " }
1492+ < code > .css</ code > file and adding it as < code > Custom Stylesheet</ code > .
1493+ < br />
1494+ You can use developer/inspect tool to check the element and existing styles.
14311495 </ li >
14321496 </ ul >
14331497 </ div >
0 commit comments