{"id":42049,"date":"2025-09-03T21:10:25","date_gmt":"2025-09-04T01:10:25","guid":{"rendered":"https:\/\/ckms.ca\/?p=42049"},"modified":"2025-09-03T21:18:12","modified_gmt":"2025-09-04T01:18:12","slug":"how-i-use-gemini-to-create-a-tampermonkey-script-to-fix-the-font-such-on-fark-com","status":"publish","type":"post","link":"https:\/\/blog.ckms.ca\/?p=42049","title":{"rendered":"how i use Gemini+ to create a TamperMonkey script to “fix” the fonts & such on fark.com"},"content":{"rendered":"\n

For a long time i have wanted to adjust the font & other visual elements in the comments section on fark.com. for instance, black on white text (the default is a little grey), make the font a bit bigger (without using the browser’s zoom factor (which makes everything bigger… I just want the font bigger) and increase the interline spacing (leading?), as I find the default to be too tight.

I know a tool like TamperMonkey<\/a> can do this, and I have tried a few times. but I give up every time!
but, asking a chatbot for help (here I use Gemini+ 2.5, since it comes with some sort of Google thing i subscribe to; ChatGPT et al would likely do the same, since this is a trivial (to them!) example.<\/p>\n\n\n\n

read the chat session here: Fark Font Size Settings via TamperMonkey<\/a><\/p>\n\n\n\n

the improved (at least to me, and since i’m reading it, is all that matters) on the right. my preferred version likely breaks some style rules, but i don’t care. I think the original on the left already has the text black on white, since likely I have the “High Contrast<\/a>” chrome extension active.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

here’s the resulting TamperMonkey code:<\/p>\n\n\n\n

\/\/ ==UserScript==\n\/\/ @name         fark.com text improvements\n\/\/ @namespace    http:\/\/tampermonkey.net\/\n\/\/ @version      2025-09-03\n\/\/ @description  fark.com text improvements\n\/\/ @author       You\n\/\/ @match        https:\/\/www.fark.com\/*\n\/\/ @icon         data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\n\/\/ @grant        GM_addStyle\n\/\/ ==\/UserScript==\n\n(function() {\n    'use strict';\n\n    GM_addStyle(`\n        \/* Styles for general text, including comments and sub-headlines *\/\n        body, .comments-list, .subhead, .topic-headline-text {\n            color: #000 !important;\n            font-size: 16px !important;\n            font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;\n            line-height: 1.5 !important;\n        }\n\n        \/* Styles for headlines and other link text *\/\n        a.headline, a.subhead-link {\n            color: #000 !important;\n        }\n    `);\n})();<\/code><\/pre>\n\n\n\n
i tried to get a sense of what this chat would cost.  apparently took ~6000+ “tokens”, or which my “free Gemini+ 2.5 Flash” usage has 1M tokens.  but still hard to quantify.<\/p>\n\n\n\n