scrollbar width

app/css/master.css

@@ -568,9 +568,15 @@ textarea {
 /*スクロールバー*/
 ::-webkit-scrollbar {
 	width: 5px;
-	height: 10px;
+	height: 12px;
 	background: rgba(0, 0, 0, 0.05);
 }
+.thickScrollBar ::-webkit-scrollbar {
+	height: 18px;
+}
+.thinScrollBar ::-webkit-scrollbar {
+	height: 5px;
+}
 ::-webkit-scrollbar-track {
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
@@ -582,6 +588,15 @@ textarea {
 	background: #607d8b;
 	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
 }
+::-webkit-scrollbar-thumb::after {
+	content: '';
+	position: absolute;
+	top: 100%;
+	left: 50%;
+	margin-left: -15px;
+	border: 15px solid transparent;
+	border-top: 15px solid #e0edff;
+}
 /* Web Fonts */
 @font-face {
 	font-family: 'Open Sans';

app/js/platform/end.js

@@ -216,6 +216,8 @@ if(pwa) {
 		}
 	}
 }
+
+$('html').addClass(localStorage.getItem('scroll') ? localStorage.getItem('scroll') : '')
 const connection = function (event) {
 	console.log(navigator.onLine, 'network state')
 	if(!navigator.onLine) {

app/view/make/language/en/setting.json

@@ -144,6 +144,10 @@
   "notqt": "Disabled(Hide buttons on TLs)",
   "apiQuote": "API(only some instances)",
   "showBookmarkAction": "Show a bookmarking toot button",
+  "scrollBar": "Height of the scroll bar",
+  "thin": "Thin",
+  "normal": "Normal",
+  "thick": "Thick",
   "main": "Default accounts of actions",
   "mainwarn": "Main account can be set on Account Manager.",
   "lastacct": "Account you used recently",

app/view/make/language/ja-KS/setting.json

@@ -142,6 +142,10 @@
   "full": "本文・URL・アカウント名",
   "notqt": "使わない(TL上にボタンも出さん)",
   "apiQuote": "パラメーター(対応インスタンス)",
+  "scrollBar": "スクロールバーの太さ",
+  "thin": "スリム",
+  "normal": "並",
+  "thick": "ごっつい",
   "main": "投稿後や起動時のアカウント",
   "mainwarn": "メインアカウントはアカウント設定で選んどいてな。投稿以外のアカウント選択もこれ使うで。",
   "lastacct": "最後に使用したアカウント",

app/view/make/language/ja/setting.json

@@ -144,6 +144,10 @@
   "notqt": "使わない(TL上にボタンも表示されません)",
   "apiQuote": "パラメーター(対応インスタンス)",
   "showBookmarkAction": "アクションボタンとしてブックマークを表示する",
+  "scrollBar": "スクロールバーの太さ",
+  "thin": "細い",
+  "normal": "普通",
+  "thick": "太い",
   "main": "投稿後や起動時のアカウント",
   "mainwarn": "メインアカウントはアカウント設定で指定できます。投稿以外のアカウント選択にも影響します。",
   "lastacct": "最後に使用したアカウント",

app/view/make/setting.sample.js

@@ -429,6 +429,30 @@ var tlConstruction = [
 			checkbox: yesno
 		}
 	},
+	{
+		id: 'scroll',
+		storage: 'scroll',
+		checkbox: true,
+		setValue: 'normalScrollBar',
+		text: {
+			head: '@@scrollBar@@',
+			desc: '',
+			checkbox: [
+				{
+					text: '@@thick@@',
+					value: 'thickScrollBar'
+				},
+				{
+					text: '@@normal@@',
+					value: 'normalScrollBar'
+				},
+				{
+					text: '@@thin@@',
+					value: 'thinScrollBar'
+				}
+			]
+		}
+	},
 	{
 		id: 'replySound',
 		storage: 'replySound',