Can't make hyperline taller or the font larger.

[ChristosBouronikos]

I tried editing the .js file hidden in the local appdata, but still nothing changes.

[lastnamearya]

Yes, +1 :)

[rohitkrishna094]

any update on how to do this?

[ChristosBouronikos]

No. Not that I know of. I've searched through open issues and old closed issues. Nothing.
Are you on Windows 10 too?

[rohitkrishna094]

Yes I am windows 10.

[ChristosBouronikos]

Well the developer hasn't been active for months apparently, so I don't see this bug being fixed anytime soon.

[Sagarmak-zz]

Hey guys, I have my Hyper installed in directory C:\Users\{username}\AppData\Roaming\Hyper and inside of this, all the Hyper packages are stored in .hyper_plugins folder. Inside its same as a React or Vue project's npm_modules folder and inside of this, you can navigate to hyperline directory. In this folder, go to dist/hyperline.js and its a build file for the hyperline plugin. Go to line no. 197 or find position:absolute; to jump to a line which is the css of the hyperline plugin. Feel free to play around with the font-size, also can change the height of the bar. Do remember to reload the Hyper terminal if you want the changes to reflect.

This is the actual file you'll be updating, hyperline.js

Note: This is not an official way to change the css/design of the plugin, but as you're kinda asking it so here's a solution for you.

Cheers 🎉

[ByFe]

I had a similar issue and just looked up the element class in the npm_modules\hyperline\dist\hyperline.js file and add some custom css in the hyper.js config file so that I didn't mess with the original plugin file.

css: `
  .line.jsx-1196914242 {
    font:normal 12px Fira Code;
  }
`

[Sagarmak-zz]

This works, and its awesome. Thanks @ByFe ✌️