eyeballs | JavaScript implementation of the Mac System 6 era Eyeballs | Frontend Framework library

I am trying to yield a table that will being used create a menu of categories which will indicate the number of products under each category. A category will not be listed in the table if the category is not enabled, and a product will not be counted as part of an actual category if the product is not enabled. A product can belong to more than one category. An enabled category may have, and should report, 0 products. The "All" category is a derived row (that is considered enabled at all times) that simply counts all products that are enabled, regardless of any relationship to a disabled category. A product can also be in no category (NULL), and would thus only show up under "All".

I guess I need some eyeballs on this to make some sense of this

I'm fairly sure I'm being some kind of idiot, but for the life of me I can't see it.

I have a large Spring Boot 2.1 application that extensively uses injection of properties through the @Value annotation. This works great, has done for years. But there's one specific, brand-new object where I can't get the values set. They are always null.

I know the problem isn't with the values themselves, because some of the same values inject just fine into other objects. But I just can't see what's wrong with THIS object, and would be grateful for your eyeballs.

The values in this object (which is in the same directory and builds just fine) are always null:

I want to create a color spectrum of constant perceived luminance.

This is my attempt so far (here's the codesandbox):

The code

• goes through 8-bit RGB values of increasing hue and constant (and irrelevant) lightness,
• transforms the triples to the corresponding linear values (un-"gamma", code for that taken from here),
• calculates the luminance by forming the scalar product with the sRGB luminance values,
• normalized the color by dividing by the luma and finally
• convert back to 8-bit RGB (re-"gamma").

As I annotated in the image, the second stripe from the bottom has a rather bright blue if you ask me though. Now that could be because

• my screen is off of sRGB (although my phone agrees),
• my eyeballs are off the human average,
• sRGB luminance values don't reflect luminance perception to begin with

I think it's more likely I've made some mistake or haven't understood something here.

I tweaked the sRGB luminance values slightly to get the bottom stripe that is on the verge of being what I would expect (perhaps still a bit bright that blue though).

So my question:

• What do you guys see on your screens, subjectively? Which of the bottom two stripes do you think is closer to perceived constant brightness?
• Presuming I'm not the only one, what's wrong here?

My eyeballs are bleeding from the brightness Is there any way to get a dark theme in JetBrains (IntelliJ IDEA, PhpStorm, WebStorm, PyCharm, Android Studio) that doesn't look bad or require hours of configuration?

I downloaded a theme but when I'm trying to import it into JetBrains I'm getting an error says

"Import failed: Theme it's not a valid scheme"

Current theme

Thanks in advance.

Installed OpenJDK 14 on macOS High Sierra 10.13.6

Unzipped and moved the folder under the JavaVirtualMachines folder.

I am trying to create an "eye blink" animation with HTML and CSS.

What I would want, is that when the eyes blink, the eyeballs are not showing.

As you can see from the code, the eyes consists of 4 elements.

Div "eyes" is the container where the eyes are.

Div "eye1" and "eye2".

Div "eyemask", that has the blinking effect.

Div "eyeball1" and "eyeball2". These should only show on top of the "eyemask", not on top of the "eye1" and "eye2".

Could someone help me to achieve this?

I currently have two CSS grids. One of them is spaced evenly while the other one is not, and they are the exact same.

This is the correctly spaced grid:

This is the incorrectly spaced grid:

Here's the codepen: https://codepen.io/Hedgy134117/pen/GRRWjxw (I apologize for the weird spacing, I am using django to set up the html.)

HTML

I have an icon within a div, positioned vertically using absolute positioning. The div is 39px tall, and the icon is 10px tall:

I want this icon vertically centered within the div. My inspector (on Chrome) says that the icon is 14.5px away from the top:

which would mean the icon should be perfectly, vertically centered within the div. However, it does not look that way. So I measured it. The div is indeed 39px tall and the icon is 10px tall, however... my eyeballs were correct about the image not being centered: the space above the icon is 16px, and the space below is 13px:

Why is the space above the icon not 14.5px like Chrome says it is and like my code says it will be? Where is the disconnect?

P.S. - I can understand 15px spacing on top and 14px spacing below due to rounding issues, but having a difference of 1.5px gets rid of that theory.

P.P.S - here is an example that more or less reproduces the issue: https://jsfiddle.net/0shzub2t/

P.P.P.S - and here is an example that is a deviation from my code for easier visualization: I think it shows the issue because in the example, I should have the top edge of the image right on the bottom edge of the div but the image is several pixels higher than it should be... https://jsfiddle.net/0shzub2t/1/