question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Font Opacity on 2.0 does not work in the same way?

See original GitHub issue
  • I am on the latest Hyper.app version
  • I have searched the issues of this repo and believe that this is not a duplicate
  • OS version and name: Windows 10 x64 (Redstone 3)
  • Hyper.app version: 2.0
  • Link of a Gist with the contents of your .hyper.js: https://gist.github.com/iamthemovie/71c924d36400df5d582f93adbf87d104
  • Relevant information from devtools (CMD+ALT+I on macOS, CTRL+SHIFT+I elsewhere):
  • The issue is reproducible in vanilla Hyper.app: Using the hyper-material-box and hyperlinks.

Issue

Just updated to 2.0 and it looks like the font opacity is stuck. I was running the latest of 1.X hyper and this was working fine but literally just updated and my font is no longer the correct opacity. I realise this plugin maybe at fault but since it worked on 1.X and now has issues on 2.X I wondered if anyone could point in the direction where this problem might stem from?

1.0 (Nice and lovely) image

2.0 (Still nice, not as easy to love) image image

Edit: The colours look darker between versions on this also https://github.com/zeit/hyper/issues/2821

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:8
  • Comments:11

github_iconTop GitHub Comments

10reactions
mashaalcommented, Apr 18, 2018

Not great, but this will fix it for the time being.

In the config css…

// custom css to embed in the main window
    css: `
      .term_fit:not(.term_term) {
        opacity: 1 !important
      }
    `,
0reactions
ahmadawaiscommented, Apr 30, 2018

I’m using this to debug this issue.

// Custom css to embed in the main window.
    css: `
      .term_fit:not(.term_term) {
        opacity: 1 !important
      }
      .terminal: not(.focus) {
        opacity: 1;
        }
      .terminal.focus {
        opacity: 1;
      }
    `,
Read more comments on GitHub >

github_iconTop Results From Across the Web

why my text is not visible when applying opacity to element?
It is working as intended. Very low opacity means that it is barely visible or almost invisible. Try setting 0.3 or something.
Read more >
text-opacity does not work for inherited colors #1780 - GitHub
My confusion isn't that you have to use opacity on the element, but the fact you need to specify a colour utility on...
Read more >
opacity - CSS: Cascading Style Sheets - MDN Web Docs
opacity applies to the element as a whole, including its contents, even though the value is not inherited by child elements.
Read more >
How to Set Opacity of Images, Text & More in CSS
To set the opacity of text and only text, then you need to use the CSS color property and RGBA color values.
Read more >
Transparency - PGF/TikZ Manual
You can change this behavior by using something that can be thought of as “(semi)transparent colors”. Such colors do not completely obscure the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found