I mostly use this forum on mobile. But I have to face problem while using mobile. I have to zoom in and read the posts again and again. It is very annoying for me.
So thinking what to do, with the help of AI and my very little knowledge of CSS, I created a custom JavaScript file for myself.
Because of this, now I don't have to zoom in and explore the forum. Now I can read the posts very easily.
It also has dark mode.I am only using this on my own mobile, I don't know how it will work on other's mobile.
I created two different mode. One is normal light mode and another is dark mode. Both working fine on my devices.
I used via browser. Because here I don't have to use any extra extension. If you want, you can use kiwi browser via Tampermonkey/Violentmonkey extension.
Via browser link :
https://play.google.com/store/apps/details?id=mark.via.gp&hl=enscript for normal mode (light mode) // ==UserScript==
// @name Bitcointalk Mobile
// @namespace https://asktom.cf
// @version 1.0
// @description Improves readability on asktom.cf for mobile
// @author Royal Cap
// @match https://asktom.cf/*
// @grant GM_addStyle
// @run-at document-start
// ==/UserScript==
(function () {
'use strict';
GM_addStyle(`
html, body {
width: 100% !important;
max-width: 100vw !important;
overflow-x: hidden !important;
margin: 0 !important;
padding: 5px !important;
}
@media screen and (max-width: 768px) {
head {
display: contents;
}
head::before {
content: '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">';
}
}
body, p, td, tr, div, span, a {
font-size: 105% !important;
line-height: 1.4 !important;
}
a:link, a:visited {
text-decoration: underline !important;
}
a:hover {
text-decoration: none !important;
}
.post h4, .post h5 {
font-size: 22px !important;
font-weight: bold !important;
}
.smalltext, .quote, .code {
font-size: 20px !important;
}
.quote, .code {
border: 1px solid #ccc !important;
padding: 10px !important;
}
table {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
td {
word-wrap: break-word !important;
max-width: 100% !important;
}
img {
max-width: 100% !important;
height: auto !important;
}
.nav, #header, #footer {
font-size: 18px !important;
width: 100% !important;
}
input, textarea, select {
border: 1px solid #aaa !important;
padding-right: 30px !important;
}
textarea {
font-size: 100%;
font-family: verdana, sans-serif;
width: 70% !important;
}
element.style {
width: 10ex;
}
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
font-style: normal;
border-bottom: none;
border-top: none;
padding-left: 0;
padding-right: 0;
}
span.prevnext a:link {
font-size: 400% !important;
}
`);
})();
// ==UserScript==
// @name Bitcointalk Mobile (Dark Mode)
// @namespace https://asktom.cf
// @version 1.0
// @description Improves readability on asktom.cf for mobile and applies a dark theme
// @author Royal Cap
// @match https://asktom.cf/*
// @grant GM_addStyle
// @run-at document-start
// ==/UserScript==
(function () {
'use strict';
GM_addStyle(`
html, body {
width: 100% !important;
max-width: 100vw !important;
overflow-x: hidden !important;
margin: 0 !important;
padding: 5px !important;
background-color: #121212 !important;
color: #e0e0e0 !important;
}
@media screen and (max-width: 768px) {
head {
display: contents;
}
head::before {
content: '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">';
}
}
body, p, td, tr, div, span, a {
font-size: 105% !important;
line-height: 1.4 !important;
color: #e0e0e0 !important;
background-color: #1e1e1e !important;
}
a:link, a:visited {
color: #81d4fa !important;
}
a:hover {
color: #ffffff !important;
}
.windowbg, .windowbg2, .post, .tborder, .titlebg, .windowbg3, .maintab_back, .middletext, .titlebg, .titlebg2, .td, .catbg2 {
background-color: #1e1e1e !important;
color: #e0e0e0 !important;
background: #1e1e1e !important;
}
.post h4, .post h5 {
font-size: 22px !important;
font-weight: bold !important;
color: #ffffff !important;
}
.smalltext, .quote, .code {
font-size: 20px !important;
color: #b0b0b0 !important;
background-color: #1e1e1e !important;
}
.quote, .code {
background-color: #2c2c2c !important;
border: 1px solid #444 !important;
padding: 10px !important;
}
table {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
td {
word-wrap: break-word !important;
max-width: 100% !important;
}
img {
max-width: 100% !important;
height: auto !important;
}
.nav, #header, #footer {
font-size: 18px !important;
width: 100% !important;
background-color: #1a1a1a !important;
color: #ccc !important;
}
input, textarea, select {
background-color: #2a2a2a !important;
color: #e0e0e0 !important;
border: 1px solid #555 !important;
padding-right: 30px !important;
}
textarea {
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
width: 70% !important;
}
.catbg, tr.catbg td, .catbg3, tr.catbg3 td {
background: #1e1e1e !important;
}
element.style {
width: 10ex;
}
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
color: black;
font-style: normal;
background: inherit;
background-color: #15181a;
border-bottom: none;
border-top: none;
padding-left: 0;
padding-right: 0;
}
span.prevnext a:link {
font-size: 400% !important;
}
`);
})();
3. There is an option called Script there, click there. 
4. Then click on the + icon above and click on Add New Script.
5. Copy and paste the script given above, and you are done.
6. Then click on the saved script.
That's it, your work is done.
Here are some sample images after applying the scripts:Home page:
Board page:
Topic page:
Replay page:
Other's profile page:
Some sample of dark mode:
I shared it with you because it made my explore easier. If there is any mistake, please forgive me.
Your feedback will be appreciated..
Edit:Update:I uploaded the script on
greasyfork, Here is the link :
https://greasyfork.org/en/scripts/546752-bitcointalk-mobileJust go and install easy to use.
Bangla Translation by Me :
https://asktom.cf/index.php?topic=631891.msg65516747#msg65516747
