fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-23 10:58: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-09-14 12:58:45 +02:00
committed by Dennis Kobert
parent f1512f5d2d
commit 567e5cb9dd
11 changed files with 22 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/widgets/inputs/ColorComparisonInput.svelte
+1 -1
View File
@@ -70,7 +70,7 @@
bottom: 0;
left: 0;
right: 0;
box-shadow: inset 0 0 0 1px rgba(var(--color-0-black-rgb), var(--outline-amount));
box-shadow: inset 0 0 0 1px rgb(from var(--color-0-black) r g b / var(--outline-amount));
}
&.transparency {
frontend/src/components/widgets/inputs/ColorInput.svelte
+1 -1
View File
@@ -116,7 +116,7 @@
bottom: 0;
left: 0;
right: 0;
box-shadow: inset 0 0 0 1px rgba(var(--color-5-dullgray-rgb), var(--outline-amount));
box-shadow: inset 0 0 0 1px rgb(from var(--color-5-dullgray) r g b / var(--outline-amount));
}
&.transparency > button {
frontend/src/components/widgets/inputs/NumberInput.svelte
+1 -1
View File
@@ -864,7 +864,7 @@
padding: calc(var(--widget-height) / 2 - var(--arrow-radius)) 0;
border: none;
border-radius: 2px;
background: rgba(var(--color-1-nearblack-rgb), 0.5);
background: rgb(from var(--color-1-nearblack) r g b / 0.5);
// An outline can appear when pressing the arrow button with left click then hitting Escape, so this stops that from showing
outline: none;
// TODO: This is a quick, imperfect way to make the arrow buttons appear like they're behind the text (without messing with the element click targets if we used z-index).