fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-29 10:48:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Clean up CSS color opacity application to theme colors (#4420)

Browse Source
This commit is contained in:
Keavon Chambers
2026-08-07 19:21:17 -07:00
committed by GitHub
parent 6b1e9912ef
commit c6e17a789b
11 changed files with 22 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/views/Graph.svelte
+10 -10
View File
@@ -985,7 +985,7 @@
& {
// Setting an alpha value opts out of Safari's "fancy" (but not visible on dark backgrounds) selection highlight rendering
// https://stackoverflow.com/a/71753552/775283
background-color: rgba(var(--color-e-nearwhite-rgb), calc(254 / 255));
background-color: rgb(from var(--color-e-nearwhite) r g b / calc(254 / 255));
}
}
}
@@ -1182,7 +1182,7 @@
// ancestor elements, `.graph` and `.panel`, each have the simultaneous pairing of `overflow: hidden` and `border-radius`.
// See: https://stackoverflow.com/questions/75137879/bug-with-backdrop-filter-in-firefox
// backdrop-filter: blur(4px);
background: rgba(var(--color-0-black-rgb), 0.33);
background: rgb(from var(--color-0-black) r g b / 0.33);
&::after {
content: "";
@@ -1202,7 +1202,7 @@
}
&.disabled {
background: rgba(var(--color-4-dimgray-rgb), 0.33);
background: rgb(from var(--color-4-dimgray) r g b / 0.33);
color: var(--color-a-softgray);
.icon-label {
@@ -1256,10 +1256,10 @@
}
&.selected {
background: rgba(var(--color-5-dullgray-rgb), 0.33);
background: rgb(from var(--color-5-dullgray) r g b / 0.33);
&.in-selected-network {
background: rgba(var(--color-6-lowergray-rgb), 0.33);
background: rgb(from var(--color-6-lowergray) r g b / 0.33);
}
}
@@ -1398,18 +1398,18 @@
&.selected {
.primary {
background: rgba(var(--color-f-white-rgb), 0.15);
background: rgb(from var(--color-f-white) r g b / 0.15);
&.in-selected-network {
background: rgba(var(--color-f-white-rgb), 0.2);
background: rgb(from var(--color-f-white) r g b / 0.2);
}
}
.secondary {
background: rgba(var(--color-f-white-rgb), 0.1);
background: rgb(from var(--color-f-white) r g b / 0.1);
&.in-selected-network {
background: rgba(var(--color-f-white-rgb), 0.15);
background: rgb(from var(--color-f-white) r g b / 0.15);
}
}
}
@@ -1435,7 +1435,7 @@
width: 100%;
height: 24px;
border-radius: 2px 2px 0 0;
background: rgba(var(--color-f-white-rgb), 0.05);
background: rgb(from var(--color-f-white) r g b / 0.05);
&.no-secondary-section {
border-radius: 2px;