diff --git a/desktop/src/render/composite_shader.wgsl b/desktop/src/render/composite_shader.wgsl index 7863621979..0ac4d12cd9 100644 --- a/desktop/src/render/composite_shader.wgsl +++ b/desktop/src/render/composite_shader.wgsl @@ -52,13 +52,12 @@ fn fs_main(in: VertexOutput) -> @location(0) vec4 { return srgb_to_linear(immediates.background_color); } - let ui_linear = srgb_to_linear(textureSample(t_ui, s_diffuse, ui_coordinate)); - if (ui_linear.a >= 0.999) { - return ui_linear; + let ui_sample = textureSample(t_ui, s_diffuse, ui_coordinate); + if (ui_sample.a >= 0.999) { + return srgb_to_linear(ui_sample); } - // UI texture is premultiplied, we need to unpremultiply before blending - let ui_srgb = linear_to_srgb(unpremultiply(ui_linear)); + let ui_srgb = unpremultiply(ui_sample); let viewport_coordinate = (in.tex_coords - immediates.viewport_offset) * immediates.viewport_scale; if (viewport_coordinate.x < 0.0 || viewport_coordinate.x > 1.0 || diff --git a/frontend/src/components/views/Graph.svelte b/frontend/src/components/views/Graph.svelte index 3b8534f450..66172406ff 100644 --- a/frontend/src/components/views/Graph.svelte +++ b/frontend/src/components/views/Graph.svelte @@ -895,10 +895,9 @@ height: 100%; background-size: var(--grid-spacing) var(--grid-spacing); background-position: calc(var(--grid-offset-x) - var(--grid-dot-radius)) calc(var(--grid-offset-y) - var(--grid-dot-radius)); - background-image: radial-gradient(circle at var(--grid-dot-radius) var(--grid-dot-radius), var(--color-3-darkgray) var(--grid-dot-radius), transparent 0); + background-image: radial-gradient(circle at var(--grid-dot-radius) var(--grid-dot-radius), rgb(from var(--color-f-white) r g b / 0.2) var(--grid-dot-radius), transparent 0); background-repeat: repeat; image-rendering: pixelated; - mix-blend-mode: screen; } }