Skip to content

Commit 4d76316

Browse files
fix: stabilize pdf editor action button colors in dark themes
Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
1 parent cff5b50 commit 4d76316

1 file changed

Lines changed: 7 additions & 5 deletions

File tree

src/components/PdfEditor/PdfEditor.vue

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -386,10 +386,12 @@ defineExpose({
386386
padding: var(--pdf-elements-toolbar-padding, 6px 10px 6px 14px);
387387
}
388388
389-
.action-btn {
390-
border: 1px solid var(--color-border-maxcontrast, #cbd5e1);
391-
background: var(--color-main-background, #f8fafc);
392-
color: var(--color-main-text, #0f172a);
389+
.action-btn,
390+
.action-btn.button-vue,
391+
.action-btn.button-vue--tertiary {
392+
border: 1px solid var(--color-border-maxcontrast, #cbd5e1) !important;
393+
background-color: var(--color-main-background, #f8fafc) !important;
394+
color: var(--color-main-text, #0f172a) !important;
393395
padding: 4px;
394396
min-height: 0;
395397
min-width: 0;
@@ -402,7 +404,7 @@ defineExpose({
402404
transition: background 120ms ease;
403405
404406
&:hover {
405-
background: var(--color-background-hover, #e2e8f0);
407+
background-color: var(--color-background-hover, #e2e8f0) !important;
406408
}
407409
408410
:deep(svg),

0 commit comments

Comments
 (0)