From 3e39ac6f2a07cc6539c27e19e1cab706cfbe1fb1 Mon Sep 17 00:00:00 2001 From: Benedikt Kulmann Date: Thu, 30 Mar 2023 16:55:26 +0200 Subject: [PATCH] fix: set variation to brand for preview controls --- .../unreleased/bugfix-preview-controls-colors | 5 ++++ packages/web-app-preview/src/App.vue | 23 +++++++++++++------ 2 files changed, 21 insertions(+), 7 deletions(-) create mode 100644 changelog/unreleased/bugfix-preview-controls-colors diff --git a/changelog/unreleased/bugfix-preview-controls-colors b/changelog/unreleased/bugfix-preview-controls-colors new file mode 100644 index 00000000000..c108576f7ce --- /dev/null +++ b/changelog/unreleased/bugfix-preview-controls-colors @@ -0,0 +1,5 @@ +Bugfix: Preview controls colors + +We've fixed a bug where the controls of the "preview" app were appearing black-on-grey in the dark theme. + +https://github.com/owncloud/web/pull/8758 diff --git a/packages/web-app-preview/src/App.vue b/packages/web-app-preview/src/App.vue index 687e032bcfe..9bf9903b7ca 100644 --- a/packages/web-app-preview/src/App.vue +++ b/packages/web-app-preview/src/App.vue @@ -78,10 +78,11 @@ v-oc-tooltip="previousDescription" class="preview-controls-previous" appearance="raw-inverse" + variation="brand" :aria-label="previousDescription" @click="prev" > - +

@@ -120,15 +124,17 @@ v-oc-tooltip="imageShrinkDescription" class="preview-controls-image-shrink" appearance="raw-inverse" + variation="brand" :aria-label="imageShrinkDescription" @click="imageShrink" > - + @@ -138,10 +144,11 @@ v-oc-tooltip="imageZoomDescription" class="preview-controls-image-zoom" appearance="raw-inverse" + variation="brand" :aria-label="imageZoomDescription" @click="imageZoom" > - +
@@ -149,19 +156,21 @@ v-oc-tooltip="imageRotateLeftDescription" class="preview-controls-rotate-left" appearance="raw-inverse" + variation="brand" :aria-label="imageRotateLeftDescription" @click="imageRotateLeft" > - + - +
@@ -635,7 +644,7 @@ export default defineComponent({ } .preview-controls-action-count { - color: var(--oc-color-swatch-passive-contrast); + color: var(--oc-color-swatch-brand-contrast); } .preview-controls-image-original-size {